@charset "utf-8";
/* CSS Document */
body{
	background:url(../images/bg.png);;
	padding:0;
	margin:0;
	
	}
	.a{color:white;}
	header{
height:auto;
min-height:70px;
width:100%;
float:left;
background:url(../images/tempo-traveller-innova-car-rental.jpg);
 position: fixed;
	}
	.submenu{height:auto;
	min-height:30px;
	float:left;
	width:100%;}
	#margin{height:auto;
	width:100%;
	min-height:168px;
	float:left;

	}
	a{text-decoration:none; color:#000;}
nav{
height:auto;
min-height:35px;
width:100%;

float:right;
background:#083861;
	}
	.logo{
height:auto;
min-height:50px;
width:20%;
float:left;
margin:10px;
	}
.form{ background:url(../images/formbg.png); width:21%; position:absolute; top:60%; right:8%; z-index:999; padding:5px; min-height:50px; color:#fff;
 min-width:250px; }
	.banner{height:auto; width:100%;  float:left; min-height:600px;}
	.img{height:auto; width:100%; min-height:180px;}
		.img2{
	height: auto;
	width: 100%;
	border: 1px solid #000;
}

	.cars{height:auto; min-height:250px;  margin:auto; width:100%; float:left; min-width:280px;}
		.car{height:auto; min-height:250px; background:#fff; float:left; width:23%; margin:10px; min-width:280px;}
		.gallery{height:auto; width:90%;  margin:10px; min-height:180px;}
.button{height:auto; width:80%; margin:auto; min-height:30px; border: 1px solid #fff;background:#eea338; text-align:center;
}	
.button hover{background:#000;  cursor:pointer;}	
.button:hover {
  color: #fff;
background:#083861;
  cursor:pointer;
}

.button:hover a{
  color: #fff;
background:#083861;
  cursor:pointer;
}

footer{height:auto; width:100%;  min-height:100px; float:left;
}
article{height:auto; width:100%;  min-height:150px; float:left;}
.content{height:auto; width:80%;  min-height:250px; background:#fff; margin:auto; margin-top:10px; min-width:280px;}
h1{background:#eea338; padding:5px; font-size:16px;}
h2{background:#eea338; padding:5px; font-size:16px;}

p{padding:10px; font-size:16px; text-align:justify;}
.footer_area{ width:100%; float:left; margin:50px 0 0 0; padding:20px 0 30px 0px; background:#083861; border-top:3px solid #002647; }
.address_area {
    float: left;
    margin: 0;
    padding: 0 0 0 20px;
    width: 26%;
		min-width:280px;

}
.addhed {
    color: #ffffff;
    float: left;
    font-size:17px;
    margin-bottom: 5px; font-weight:bold;
    margin-top: 18px;
    width: 100%;
}
.addtext {
    color: #ffffff;
    float: left;
    font-size: 12px;
    line-height: 22px;
    padding: 5px 0 0;
    width: 100%;
}

.nacearea {
    float: left;
    margin: 0;
    padding: 0 0 0 20px;
    width:20%;
	min-width:280px;
}
.nacearea a{ color: #FFFFFF; text-decoration:none; font-size:13px; padding:7px 0 0 0; float:left; clear:both;}
.nacearea a:hover{ color: #FFFF00; text-decoration: underline; font-size:13px;}
.social {
    float: left;
    margin: 0;
    padding:12px 0px 0 0;
}
.menu {
	width:72%;
	float:left;
	margin:0px;
	padding:0px;
}
.menu ul {
	list-style:none;
	font-size:12px;
	font-weight:700;
	color:#FFFFFF;
}
.menu ul li {
	list-style:none;
	display:inline;
	padding:0px 9px 0px 9px;
	font-size:12px;
	color:#FFFFFF;
}
.menu ul li a {
	list-style:none;
	display:inline;
	padding:0px 0px 0px 0px;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}
.menu ul li a:hover {
	list-style:none;
	display:inline;
	padding:0px 0px 0px 0px;
	font-size:12px;
	color:#FF0000;
	text-decoration:none;
}
.copyright{height:auto; min-height:30px; width:100%; background:black; float:left; text-align:center; color:white;}
.sign {
	width:100%;
	text-align:center;
	margin:0px;
	padding:5px 0px 0px 0px;
}
.contact_box{height:auto;width:20%;text-align:right;min-width:280px;margin:10px;float:right}

.header_area {
    width: 100%;
    float: left;
    background: #454545;
}
.socialicon img {
    float: left;
    margin: 0px;
    padding: 0px 7px 0 0;
}