@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;}
body{
	background:url(../images/bg.jpg) repeat-x #2B3033;
	margin:0 auto;
	}
.wrapper{
	width:914px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	}
h2{
	margin:0;
	font:normal 14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	}
a:link, a:visited, a:hover,a:active {
	text-decoration: none;
}
/*************************header*****************************/
.header{
	padding-top:15px;}
.logotop{
	float:left;
	width:286px;}
.logotop2{
	padding-top:10px;
	padding-left:15px;
	float:left;
	width:179px;
	}
.mobile{
	margin:0;
	height:80px;
	padding-left:40px;
	background:url(../images/mobile.jpg) left top no-repeat;
	float:right;
	width:auto;}
.mobile p{
	margin:0;
	padding-top:10px;
	font:bold 28px Arial, Helvetica, sans-serif;
	color:#fff;}
.nav{
	padding-top:10px;
	clear:both;}
.nav ul{}
.nav ul li{
	padding:30px;
	float:left;
	list-style:none;
	
	}

.nav ul li{
	}
.nav ul li.first a{
	display:block;
	background:url(../images/homenav.jpg) left top no-repeat;
	width:40px;
	height:16px;}
.nav ul li.second a{
	display:block;
	background:url(../images/carwash.jpg) left top no-repeat;
	width:70px;
	height:16px;}
.nav ul li.third a{
	
	display:block;
	background:url(../images/vehiclede.jpg) left top no-repeat;
	width:128px;
	height:16px;}
.nav ul li.forth a{
	display:block;
	background:url(../images/windowtint.jpg) left top no-repeat;
	width:120px;
	height:16px;}
.nav ul li.fifth a{
	display:block;
	background:url(../images/contactus.jpg) left top no-repeat;
	width:82px;
	height:16px;}

.nav ul li.first a:hover,.nav ul li.first a.active{
	display:block;
	background:url(../images/homenavho.jpg) left top no-repeat;
	width:40px;
	height:16px;}
.nav ul li.second a:hover,.nav ul li.second a.active{
	display:block;
	background:url(../images/carwashho.jpg) left top no-repeat;
	width:70px;
	height:16px;}
.nav ul li.third a:hover,.nav ul li.third a.active{
	display:block;
	background:url(../images/vehicledeho.jpg) left top no-repeat;
	width:128px;
	height:16px;}
.nav ul li.forth a:hover,.nav ul li.forth a.active{
	display:block;
	background:url(../images/windowtintho.jpg) left top no-repeat;
	width:120px;
	height:16px;}
.nav ul li.fifth a:hover,.nav ul li.fifth a.active{
	display:block;
	background:url(../images/contactusho.jpg) left top no-repeat;
	width:82px;
	height:16px;}

.banner{
	clear:both;
	}
.banner img{
	padding-top:;}

/*************************headerends*****************************/
/*************************midbody*****************************/
.midbody{
	padding-top:10px;
	padding-bottom:10px;}
.left{
	float:left;
	width:596px;}
	
.lefttop{
	background:#222629;

	width:596px;
	height:auto;}
.contenttop{
	padding-left:10px;
	}
.contenttop ul{
	
	margin:0;
	
	}
.contenttop ul li{
	padding:5px 18px;
	list-style:none;
	float:left;
	width:158px;
	height:187px;
	
	}
.contenttop ul li h2{
	padding-top:10px;
	color:#059069;
	margin:0;
	}
.contenttop ul li p{
	width:159px;
	padding-top:3px;
	padding-bottom:3px;
	font:normal 11px/16px "Trebuchet MS";
	color:#8c9093;
	text-transform:capitalize;
	margin:0;}
.contenttop ul li img{
	margin-top:10px;
	border: 1px solid #fff;
	
	}
.contenttop ul li a{
	margin:0;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-transform:capitalize;
	background:url(../images/backofread.jpg) left 8px no-repeat;
	padding:10px 3px;
	width:59px;
	height:24px;
	} 
.leftdown{
	margin-top:10px;
	background:#222629;
	width:596px;
	height:auto;
	padding-bottom:10px;
	}
.coupon{
	float:left;
	width:216px;
	padding:15px 0 0 20px;
	
}
.text{
	float:right;
	padding-top:20px;
	padding-right:15px;
	width:300px;}
.text h2{
	font:bold 16px arial;
	color:#fff;
	
	
	}
.text p{
	padding-right:15px;
	margin:0;
	padding-top:5px;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	color:#8c9093;}
.right{
	background:url(../images/rightimg.jpg) left top no-repeat;
	height:420px; 
	float:right;
	width:307px;}
.right img{
	float:right;
	width:auto;
	padding-top:382px;
	padding-right:10px;}
/*************************midends*****************************/
/*************************footer*****************************/
.footer{
	clear:both;
	
	}
.navbottom{
	width:450px;
	float:left;
	padding-top:10px;
	padding-left:5px;}

.navbottom a{
	padding:5px;
	font:normal 12px arial;
	text-transform:capitalize;
	color:#fff;}
.navbottom p{
	padding-left:5px;
	padding-top:5px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#686d70;}
.navbottom a:hover{
	color:#686d70;}
.hamrologo{
	float:right;
	width:355px;
	padding-bottom:10px;}
.cards{
	padding-top:10px;
	float:left;
	width:206px;}
.logoh{
	
	}
.logoh img{
	padding-left:3px;}

/*************************footerends*****************************/
/*************************carwash*****************************/
.bodycontent{
	overflow:hidden;
	background:#222629;
	width:920px;
}
.parafirst{}
.left2{
	padding-top:10px;
	float:left;
	width:569px;
}
.quick{
	padding-left:30px;
	
}
.quick h2{
	padding-top:10px;
	padding-bottom:5px;
	font:bold 16px arial;
	color:#00af7e;
	}
.quick h3{
font-weight:bold;
color:#fff;}
.quick p{
	padding:0px 0px 5px 0px;
	font:normal 12px/18px arial;
	color:#8e8e8e;
}

.quick p span{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	}
.googlemap{
width:375px;
height:150px;
padding:0px 0px 0px 30px;
float:left;}
.rightquick{
	}
.rightquick img{
	border:1px solid #8e8e8e;
	margin-right:30px;
	margin-top:21px;
	float:right;
	width:246px;}
.parasecond{
	padding-top:18px;
	clear:both;}
.wash {
	float:left;
	width:570px;
	padding-left:30px;
	padding-top:10px;
}
.imghead{
	border:1px solid #282d30;
	background:#1c1d1d;
	}
.imghead img{
	margin-right:15px;
	float:left;
	width:42px;}
.imghead h2{
	padding-top:8px;
	padding-bottom:8px;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#d8d4d4;
}
.wash p{
	padding-top:10px;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#8e8e8e;
	width:509px;
}
.wash p span{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#fff;}
.rightwash{}
.rightwash img{
	border:1px solid #8e8e8e;
	margin-right:30px;
	margin-top:30px;
	float:right;
	width:246px;}
.wash1{
	padding:5px 0;}
.paralast{
	margin-bottom:10px;}
.lastleft{
	float:left;
	width:570px;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;}
.lastright{
	}
.wash1 p{
	padding-top:10px;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#8e8e8e;
	width:509px;
}
.lastright img{border:1px solid #8e8e8e;
	margin-right:30px;
	margin-top:21px;
	float:right;
	width:246px;
	padding-bottom:10px;}
.space{
	clear:both;
	padding-top:10px;}
.validation{
	clear:both;
	text-align:center;}
/*************************carwashend*****************************/
/*************************vehicle*****************************/
.leftul{
	float:left;
	width:266px;
	
}
.imghead h2 span{
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#fff;}
.leftul ul{
	float:left;
	width:266px;}
.leftul ul li{
	background:url(../images/bulletimgofvehicle.jpg) left 10px no-repeat;
	padding:4px 0 0 10px;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#8e8e8e;
	list-style:none;}
.rightul{
	
	}
.rightul ul {
	float:right;
	width:266px;}
.rightul ul li{

	background:url(../images/bulletimgofvehicle.jpg) left 10px no-repeat;
	padding:4px 0 0 10px;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#8e8e8e;
	list-style:none;}

.wash span.bright{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff; }
.rightu{
	float:right;
	}
.rightu ul {
	
	}
.rightu ul li{
	padding-top:70px;
	padding-right:185px;
	font:bold 24px Arial, Helvetica, sans-serif;
	color:#fff;
	list-style:none;}

.ulli{
	padding-top:5px;
	width:570px;}
.clear1{
	clear:both;}
.last{
	background:none;}
.clear{
	clear:both;
	padding:10px 0;
	}
.clear span{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#00af7e;}
.rightul ul li.last{
	background:none;}
.rightvehicle{
	
	padding-right:20px;
	float:right;
	width:246px;}
.rightvehicle ul li{
	padding:37px 0; 
	list-style:none;}
.rightvehicle ul li img{
	border:1px solid #8e8e8e;}
/*************************vehicleend*****************************/
/*************************contactus*****************************/
.form{
	width:507px;
	float:right;
	padding-top:30px;
	padding-bottom:20px;
}
.form table tr td{
padding:3px;
margin:10px;
}
/*.form table input[type="text"]{
width:235px;
height:24px;
background:#2b3033;
border:1px solid #000000;
font:normal 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}*/

/*.form table tr td input{
	width:235px;
	height:24px;
	background:#2b3033;
	border:1px solid #000000;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	}
*//*.form table tr td textarea{
width:332px;
height:96px;
background:#2b3033;
border:1px solid #000000;
font:normal 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;}
*/

.leftlast{
	padding-top:10px;
	float:left;
	width:400px;
}
td.textho{
	
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#8e8e8e;
	width:200px;}

td.commenthead{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;}

.buttonsbg{
	background:url(../images/buttonbg.jpg) no-repeat;
	border:none;
	color:#03AD7B;
	font-weight:bold;
	text-transform:capitalize;
	height:25px; width:85px;
	}

input, textarea{
	background:#2b3033;
	border:solid 1px #000
	;
	color:#CCCCCC;
	}

.field{
	height:25px;}
	
	
.operate{

	
	height:120px;
	width:270px;	
	color:#CCCCCC;
	float:left;
	border:1px solid #666666;	
	text-align:center;
	
}


.operateright{

	height:120px;
	width:315px;	
	color:#CCCCCC;
	text-align:center;
	float:right;
	border:1px solid #666666;
	
	
}


.cleared{
clear:both;
}

.operatemain{

	height:auto;
	padding: 10px 0px;
}

/*************************contactusend*****************************/