﻿body {
	margin: 0;
	font: 77% Arial, Helvetica, sans-serif;
	color: #666;
	background: url(images/body.jpg) repeat-x;
}
img {
	border: none;
}
form {
	margin: 0;
}
input, select, textarea {
	font: 100% Arial, Helvetica, sans-serif;
}
a {
	color: #099;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-size: 120%;
	margin: 0;
	padding: 0;
}
h2 {
	margin: 0;
	padding: 0;
	height: 46px;
	background-repeat: no-repeat;
	text-indent: -10000em;
}
h2.full_service {
	background-image: url(images/full_service.gif);
}
h2.detailing {
	background-image: url(images/detailing.gif);
}
h2.espresso_bar {
	background-image: url(images/espresso_bar.gif);
}
h2.wash_packages {
	background-image: url(images/wash_packages.gif);
}
h3 {
	font-size: 120%;
	color: #693;
	margin: 0;
	padding: 0 0 0 18px;
	background: url(images/leaf.gif) no-repeat left center;
}
h4 {
	font-size: 120%;
	color: #099;
	margin: 0;
	padding-left: 18px;
	background: url(images/leaf3.gif) no-repeat left center;
}
h5 {
	font-size: 120%;
	color: #099;
	margin:0x;
}
.service_details h3 {
	font-size: 140%;
	padding-left: 25px;
	background-image: url(images/leaf2.gif);
	background-position: left bottom;
}
p {
	margin: 0;
	padding: 1em 0 0;
}
.clr {
	clear: both;
	height: 1px;
	font-size: 1px;
}
#page {
	width: 1021px;
	margin: auto;
	padding: 49px 0;
}
#topnav {
	float: right;
	margin: 0;
	padding: 20px 39px 0 0;
	list-style: none;
}
#topnav li {
	float: left;
	padding: 0 12px 0 10px;
	background: url(images/topnav_separator.gif) no-repeat right top;
}
#topnav li.contact {
	background: none;
	padding-right: 0;
}
#topnav a {
	display: block;
	height: 16px;
	text-indent: -10000em;
	outline: none;
	background-position: top;
	background-repeat: no-repeat;
}
#topnav a:hover, #topnav li.active a, #topnav .special a:hover {
	background-position: bottom;
}
.home a {
	width: 40px;
	background: url(images/home.gif);
}
.services a {
	width: 59px;
	background: url(images/services.gif);
}
#topnav .special a {
	width: 96px;
	background: url(images/special.gif);
}
.directions a {
	width: 71px;
	background: url(images/directions.gif);
}
.about a {
	width: 63px;
	background: url(images/about.gif);
}
.contact a {
	width: 56px;
	background: url(images/contact.gif);
}
.blog a {
	width: 35px;
	background: url(images/blog.gif);
}

.washes a {
	width: 56px;
	background: url(images/washes.gif);
}

.detailing a {
	width: 69px;
	background: url(images/detailing2.gif);
}



.top {
	clear: right;
	height: 19px;
	background: url(images/main_top.png) no-repeat;
}
#main, #main2 {
	background: url(images/main.png) repeat-y;
}
#header {
	height: 99px;
	padding: 0 38px 0 15px;
	margin-left: 15px;
	background: url(images/header.jpg) no-repeat;
}
.logo {
	float: left;
	position: relative;
	margin: -58px 13px 0 0;
}
.clean_it {
	float: left;
	margin-top: 31px;
}
.info {
	float: right;
	margin-top: 12px;
}
.main_inner {
	padding: 24px 35px 80px 26px;
}
#main2 .main_inner {
	padding: 24px 29px 37px 30px;
}
#content {
	float: right;
	width: 726px;
}
#main2 #content {
	width: 732px;
}
.content_left {
	float: left;
	width: 499px;
}
.content_right {
	float: right;
	width: 216px;
}
img.left {
	float: left;
	margin-right: 13px;
	height: 152px;
	width: 231px;
}
div.left {
	float: left;
	width: 143px;
	height: 135px;
	padding: 17px 20px 0 15px;
	margin: 32px 4px 0 0;
	background: url(images/services_box.gif) no-repeat;
}
div.last {
	margin-right: 0;
}
.left p {
	margin: 0;
	padding: 8px 0;
}
.readmore {
	font-weight: bold;
	padding-left: 14px;
	background: url(images/arrow.gif) no-repeat left center;
}
.service_details {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 19px;
	float:left;
	width:100%;
}
.service_details div {
	float: left;
	width: 167px;
	text-transform: uppercase;
}
.service_details div.first {
	float: left;
	width: 127px;
	padding-left: 25px;
	color: #693;
	font-size: 90%;
	text-transform: none;
}
.service_details ul {
	float: left;
	width: 148px;
	padding: 0 0 0 15px;
	margin: 0;
}
.service_details ul.first {
	float: left;
	margin-left: 170px;
}

.service_details ul.detailing {
	float: left;
	margin-left: 50px;
	width: 100%;
}

.service_details li {
	margin-top: 3px;
}






.service_details {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 19px;
}
.service_details div {
	float: left;
	width: 167px;
	text-transform: uppercase;
}
.service_details div.first {
	float: left;
	width: 127px;
	padding-left: 25px;
	color: #693;
	font-size: 90%;
	text-transform: none;
}
.service_detailing ul {
	float: left;
	width: 148px;
	padding: 0 0 0 15px;
	margin: 0;
}
.service_detailing ul.first {
	float: left;
	margin-left: 170px;
}

.service_detailing ul.detailing {
	float: left;
	margin-left: 50px;
	width: 200px;
}

.service_detailing li {
	margin-top: 3px;
}





.extras {
	margin-top: 35px;
	padding-top: 30px;
	background: url(images/dots.gif) repeat-x;
}
.express {
	margin-top: 35px;
	padding-top: 30px;
}

.express div.left {
	width: 474px;
	height: auto;
	padding: 0 0 0 25px;
	margin: 0;
	font: bold 140% Verdana, Arial, Helvetica, sans-serif;
	color: #099;
	background: url(images/leaf3.gif) no-repeat left bottom;
}
.extras div.left {
	width: 474px;
	height: auto;
	padding: 0 0 0 25px;
	margin: 0;
	font: bold 140% Verdana, Arial, Helvetica, sans-serif;
	color: #099;
	background: url(images/leaf3.gif) no-repeat left bottom;
}
div.employment {
	width: 462px;
	height: auto;
	padding: 0 0 0 25px;
	margin: 0;
	font: bold 140% Verdana, Arial, Helvetica, sans-serif;
	color: #099;
	background: url(images/leaf3.gif) no-repeat left bottom;
}
.left2 {
	float: left;
	width: 303px;
	line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#leftcol {
	float: left;
	width: 216px;
}
#main2 #leftcol {
	width: 212px;
}
.join {
	padding: 12px 21px 0 12px;
	background: url(images/join_bg.jpg) repeat-x;
}
.join p {
	margin: 0;
	padding: 12px 0;
	font-size: 90%;
}
.join p.home {
	margin: 0;
	padding: 12px 0;
	font-size: 100%;
}
a.facebook {
	display: block;
	width: 163px;
	height: 41px;
	line-height: 41px;
	text-decoration: none;
	padding-left: 40px;
	margin: 40px auto 0;
	font-weight: bold;
	outline: none;
	background: url(images/facebook.gif) no-repeat;
}

a.twitter {
	display: block;
	width: 163px;
	height: 41px;
	line-height: 41px;
	text-decoration: none;
	padding-left: 40px;
	margin: 10px auto 0;
	font-weight: bold;
	outline: none;
	background: url(images/twitter.gif) no-repeat;
}

.leftnav {
	margin: 0;
	padding: 1px 0 0;
	list-style: none;
	font-size: 110%;
	background: url(images/dots.gif) repeat-x;
}
.leftnav li {
	padding: 1px 0 2px;
	background: url(images/dots.gif) repeat-x bottom;
}
.leftnav a {
	display: block;
	padding: 4px 4px 4px 18px;
	color: #999;
	text-decoration: none;
}
.leftnav a:hover, .leftnav a.active {
	color: #4c4e47;
	background: #eff1eb url(images/arrow.gif) no-repeat 4px 10px;
}
.leftnav a.active {
	font-weight: bold;
	background: #eff1eb url(images/arrow2.gif) no-repeat 4px 10px;
}
#footer {
	padding: 30px 0 0 26px;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background: url(images/footer.png) no-repeat;
}
* html .main_inner {
	height: 1%;
}
*+html #main, *+html #main2 {
	overflow: hidden;
}
* html .service_details ul {
	display: inline;
	padding-left: 0;
}

