@charset "UTF-8";
/* CSS Document */


body {
margin:0;
background:#000;
font-size: 62.5%;
font-family: Georgia, "Times New Roman", Times, serif;
}

a {
outline:none;
}

#container {
margin:0 auto;
position: relative;
width:1060px;
}

#sidebar {
margin:0;
width:200px;
background:url(images/sidebar.jpg) no-repeat;
float:left;
height:529px;
width:210px;
}

#branding {
margin:0;
text-indent:-9999px;
height:240px;
width:210px;
}

#branding h1 {
height:240px;
width:210px;
}

#branding h1 a {
height:100%;
width:100%;
display:block;
}

/*
#contentWrapper {
width:790px;
float:left;
background:#000;
margin: 0;
padding: 0;

}

*/

/* content */

#content {
padding:20px;
width: 810px;
float: right;
}

#homeContent {
	padding:20px;
	width: 810px;
	float: right;
	background: url(images/carBG.jpg) no-repeat;
	width: 700px;
	height: 390px;
	margin: 10px 50px 0 0;
}

#interiorContent {
	padding: 0;
	width: 810px;
	float: right;
	background: #ffffff url(images/interiorBG.jpg) no-repeat;
	width: 723px;
	min-height: 423px;
	margin: 8px 115px 0 0;
}



#interiorContent .interiorImages {
	padding: 20px;
	padding-top: 10px;
	margin: 0;
	float: right;
}

#allstarContent {
	padding: 0;
	width: 810px;
	float: right;
	background: url(images/allStarExpress2.jpg) no-repeat;
	width: 723px;
	height: 427px;
	margin: 12px 93px 0 0;
}



#starplusContent {
	padding: 0;
	width: 810px;
	float: right;
	background: url(images/starplusStandard.jpg) no-repeat;
	width: 723px;
	height: 427px;
	margin: 12px 93px 0 0;
}

#fivestarContent {
	padding: 0;
	width: 810px;
	float: right;
	background: url(images/fiveStarBG.jpg) no-repeat;
	width: 723px;
	height: 427px;
	margin: 12px 93px 0 0;
}


#allstarContent p, #fivestarContent p, #starplusContent p {
	color: #000000;
	width: 65%;
	margin: 0;
	margin-left: 25px;
	padding: 10px 0 0 0;
	font-size: 1.3em;
}




#allstarContent p.first, #fivestarContent p.first, #starplusContent p.first {
	color: #000000;
	width: 65%;
	margin: 0;
	padding: 0;
	margin-top: 135px;
	padding-left: 25px;
}



#allstarContent p a, #fivestarContent p a, #starplusContent p a  {
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
}

#allstarContent p a:hover, #fivestarContent p a:hover, #starplusContent p a:hover {
	color: #000000;
	text-decoration: underline;
	font-weight:bold;
}


#interiorContent p {
	margin: 0;
	padding: 17px;
	padding-bottom: 0;
	font-size: 1.3em !important;
}

#interiorContent a  {
	color: #87171a;
	text-decoration: none;
	
}

#interiorContent a:hover  {
	color: #87171a;
	text-decoration: underline;
	
	
}

#interiorContent h2 {
	font-size: 1.9em;
	color: #6f0f11;
	margin: 0;
	padding: 20px 0 5px 20px;
	font-weight: bold;
} 

#interiorContent h3 {
	font-size: 1.4em;
	color: #000000;
	margin: 0;
	padding: 20px 0 5px 20px;
	font-weight: bold;
} 

#interiorContent .prices {
	color: #6f0f11;
	font-size: 1.2em;
}

* html #contentHack {
	position: absolute;
	top: 90px;
	left: 220px;
} 

* + html #contentHack {
	position: absolute;
	top: 90px;
	left: 220px;
	width: 100%;
} 

/* Package Buttons on Service page */

#expressBtn {
	padding: 10px 0 10px 20px;
}

#plusBtn, #fiveBtn {
	padding: 10px 0;
}


/* primary nav*/

#navPrimary {

background:url(images/navPrimary.jpg) top left no-repeat;
height:87px;
width:850px;
margin:0;
padding: 0;
float: right;
}

#navPrimary ul {
	list-style: none;
	width: 850px;
	margin: 0;
	padding: 0;
	float: right;
}



#navPrimary ul li {
	display: block;
	list-style: none;
	float: left;
	margin: 0;
	height: 100%;
}



#navPrimary ul li a { 
	display:block; 
	height: 100%; 
	width:100%; 
	text-indent: -9999px;
}



#navPrimary li.services {
	background: url(images/navServices.jpg) no-repeat;
	width: 81px;
	height: 23px;
	margin: 28px 35px 0 40px;
	padding: 0px;	
}

/* ie 6 hack */

* html #navPrimary li.services {
	background: url(images/navServices.jpg) no-repeat;
	width: 81px;
	height: 23px;
	margin: 28px 35px 0 20px;
	padding: 0px;	
}

#navPrimary li.services a:hover {
	background: url(images/navServices_over.jpg) no-repeat;
	width: 81px;
	height: 23px;
	padding: 0;
	margin: 0;
	
}

#navPrimary li.appointment {
	background: url(images/navAppointment.jpg) no-repeat;
	width: 195px;
	height: 23px;
	margin: 28px 33px 0 0;
	padding: 0px;
	
	
}
#navPrimary li.appointment a:hover {
	background: url(images/navAppointment_over.jpg) no-repeat;
	width: 195px;
	height: 23px;
	padding: 0;
	margin: 0;
	
}

#navPrimary li.beforeAfter {
	background: url(images/navBefore.jpg) no-repeat;
	width: 142px;
	height: 23px;
	margin: 28px 40px 0 0;
	padding: 0px;
	
	
}
#navPrimary li.beforeAfter a:hover {
	background: url(images/navBefore_over.jpg) no-repeat;
	width: 142px;
	height: 23px;
	padding: 0;
	margin: 0;
	
}

#navPrimary li.contact {
	background: url(images/navContact.jpg) no-repeat;
	width: 81px;
	height: 23px;
	margin: 28px 0 0 0;
	padding: 0px;
	
	
}
#navPrimary li.contact a:hover {
	background: url(images/navContact_over.jpg) no-repeat;
	width: 81px;
	height: 23px;
	padding: 0;
	margin: 0;
	
}


 secondary nav  



#navSecondary li a { 
	display:block; 
	height: 100%; 
	width:100%; 
	text-indent: -9999px;
}

#navSecondary li.home {
	background: url(images/navHome.jpg) no-repeat;
	width: 210px;
	height: 53px;
	margin: 0;
	padding: 0;
	
}
#navSecondary li.home a:hover {
	background: url(images/navHome_over.jpg) no-repeat;
	width: 210px;
	height: 53px;
	
}
#navSecondary li.about {
	background: url(images/navAbout.jpg) no-repeat;
	width: 210px;
	height: 58px;
	margin: 0;
	padding: 0;
	
}
#navSecondary li.about a:hover {
	background: url(images/navAbout_over.jpg) no-repeat;
	width: 210px;
	height: 58px;
	
}
#navSecondary li.faq {
	background: url(images/navFaq.jpg) no-repeat;
	width: 210px;
	height: 59px;
	margin: 0;
	padding: 0;
	
}
#navSecondary li.faq a:hover {
	background: url(images/navFaq_over.jpg) no-repeat;
	width: 210px;
	height: 59px;
	
}
#navSecondary li.testimonials {
	background: url(images/navTestimonials.jpg) no-repeat;
	width: 210px;
	height: 41px;
	margin: 0;
	padding: 0;
	
}
#navSecondary li.testimonials a:hover {
	background: url(images/navTestimonials_over.jpg) no-repeat;
	width: 210px;
	height: 41px;
	
}

#navSecondary {
	list-style: none;
	margin: 0;
	margin-top: 20px;
	padding: 0;
}

 ie6 hack for navSecondary 

* html #navSecondary {
	list-style: none;
	margin: 0;
	margin-top: 14px;
	padding: 0;
}

 end ie6 hack for navSecondary 

* + #navSecondary {
	list-style: none;
	margin: 0;
	margin-top: 34px;
	padding: 0;
}

#navSecondary li {
	display: block;
	list-style: none;
	margin: 0;
}

#navSecondary li a { 
	display:block; 
	height: 100%; 
	width:100%; 
	text-indent: -9999px;
}

 Home page car image rollover 

#carImage {
	
	position: relative;
	width: 100%;
	height: 100%;
}

#carImage ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#carImage li {
	position: absolute;
	width: 100px;
	height: 100px;
	text-indent: -9999px;
	z-index: 9999;
}



#carImage li a {
	display: block;
	height: 100%;
	width: 100%;
}

#carImage .wheels  {
	height: 100px;
	width: 100px;
	top: 330px;
	left: 735px;
}

/* ie 6 hack */

* html #carImage .wheels {
	height: 100px;
	width: 100px;
	top: 150px;
	left: 400px;
}

* + html #carImage .wheels  {
	height: 100px;
	width: 100px;
	top: 150px;
	left: 400px;
}

#carImage .wheels a:hover {
	border: 1px solid #fff;
	background: url(images/wheel.jpg);
	height: 300px;
	width: 300px;
}



#carImage .headlights  {
	height: 100px;
	width: 100px;
	top: 255px;
	left: 245px;
}

/* ie 6 hack */

* html #carImage .headlights {
	height: 100px;
	width: 100px;
	top: 150px;
	left: 0px;
}

* + html #carImage .headlights  {
	height: 100px;
	width: 100px;
	top: 150px;
	left: 0px;
}

#carImage .headlights a:hover {
	border: 1px solid #fff;
	background: url(images/headlight.jpg);
	height: 250px;
	width: 159px;
	z-index: 9999;
}

#carImage .windshield  {
	height: 100px;
	width: 100px;
	top: 105px;
	left: 665px;
}

/* ie 6 hack */

* html #carImage .windshield {
	height: 100px;
	width: 100px;
	top: 5px;
	left: 380px;
}

* + html #carImage .windshield  {
	height: 100px;
	width: 100px;
	top: 5px;
	left: 380px;
}

#carImage .windshield a:hover {
	border: 1px solid #fff;
	background: url(images/windshield.jpg);
	height: 200px;
	width: 300px;
	z-index: 9999;
}

#carImage .hood  {
	height: 100px;
	width: 100px;
	top: 230px;
	left: 525px;
}

/* ie 6 hack */

* html #carImage .hood {
	height: 100px;
	width: 100px;
	top: 125px;
	left: 250px;
}

* + html #carImage .hood  {
	height: 100px;
	width: 100px;
	top: 125px;
	left: 250px;
}

#carImage .hood a:hover {
	border: 1px solid #fff;
	background: url(images/hood.jpg);
	height: 200px;
	width: 300px;
	z-index: 9999;
}

#carImage .allstar  {
	height: 45px;
	width: 92px;
	top: 100px;
	left: 275px;
}

/* ie 6 hack */

* html #carImage .allstar  {
	height: 45px;
	width: 92px;
	top: -16px;
	left: -16px;
}

/* ie 7 hack */

* + html #carImage .allstar  {
	height: 45px;
	width: 92px;
	top: -17px;
	left: -17px;
}


#carImage .allstar a:hover {
	border: 1px solid #fff;
	background: url(images/allstar_package.jpg);
	height: 300px;
	width: 201px;
	z-index: 9999;
}

#carImage .starplus  {
	height: 45px;
	width: 92px;
	top: 100px;
	left: 363px;
}

/* ie 6 hack */

* html #carImage .starplus  {
	height: 45px;
	width: 92px;
	top: -16px;
	left: 72px;
}

/* ie 7 hack */
* + html #carImage .starplus  {
	height: 45px;
	width: 92px;
	top: -17px;
	left: 72px;
}  

#carImage .starplus a:hover {
	border: 1px solid #fff;
	background: url(images/starplus.jpg);
	height: 301px;
	width: 216px;
	z-index: 9999;
}

#carImage .fivestar  {
	height: 45px;
	width: 92px;
	top: 100px;
	left: 450px;
}

/* ie 6 hack */

* html #carImage .fivestar  {
	height: 45px;
	width: 92px;
	top: -16px;
	left: 160px;
}
/* ie 7 hack */
* + html #carImage .fivestar  {
	height: 45px;
	width: 92px;
	top: -17px;
	left: 160px;
}

#carImage .fivestar a:hover {
	border: 1px solid #fff;
	background: url(images/fivestar.jpg);
	height: 301px;
	width: 215px;
	z-index: 9999;
}


/* Detailing packages on interior page */


#carImage .allstarInterior  {
	height: 45px;
	width: 92px;
	top: 100px;
	left: 275px;
}

/* ie 6 hack */

* html #carImage .allstarInterior  {
	position: relative;
	height: 45px;
	width: 92px;
	top: 2px;
	left: 31px;
	z-index: 9999;
}

/* ie 7 hack */

* + html #carImage .allstarInterior  {
	height: 45px;
	width: 92px;
	top: 2px;
	left: 31px;
}


#carImage .allstarInterior a:hover {
	border: 1px solid #fff;
	background: url(images/allstar_package.jpg);
	height: 300px;
	width: 201px;
	z-index: 9999;
}

#carImage .starplusInterior  {
	height: 45px;
	width: 92px;
	top: 100px;
	left: 363px;
}

/* ie 6 hack */

* html #carImage .starplusInterior  {
	height: 45px;
	width: 92px;
	top: 2px;
	left:116px;
}

/* ie 7 hack */
* + html #carImage .starplusInterior  {
	height: 45px;
	width: 92px;
	top: 2px;
	left: 116px;
}  

#carImage .starplusInterior a:hover {
	border: 1px solid #fff;
	background: url(images/starplus.jpg);
	height: 301px;
	width: 216px;
	z-index: 9999;
}

#carImage .fivestarInterior  {
	height: 45px;
	width: 92px;
	top: 100px;
	left: 450px;
}

/* ie 6 hack */

* html #carImage .fivestarInterior  {
	height: 45px;
	width: 92px;
	top: 2px;
	left: 207px;
}
/* ie 7 hack */
* + html #carImage .fivestarInterior  {
	height: 45px;
	width: 92px;
	top: 2px;
	left: 207px;
}

#carImage .fivestarInterior a:hover {
	border: 1px solid #fff;
	background: url(images/fivestar.jpg);
	height: 301px;
	width: 215px;
	z-index: 9999;
}




/* detail packages ul lists */

#exteriorBenefits {
	float: left; 
	margin: 0;
	padding: 0;
	margin-left: 25px;
}

* html #exteriorBenefits {
	float: left; 
	margin: 0;
	padding: 0;
	margin-left: 10px;
	width: 200px;
}

#interiorBenefits {
	float: left; 
	margin: 0;
	padding: 0;
	margin-left: 25px;
}

* html #interiorBenefits {
	float: left; 
	margin: 0;
	padding: 0;
	margin-left: 10px;
}

#exteriorBenefits li, #interiorBenefits li {
	font-size: 1.3em;
	list-style-type: square;


}

* html #exteriorBenefits li {
	font-size: 1.2em;
	list-style-type: square;

}

* html #exteriorBenefits li {
	font-size: 1.2em;
	list-style-type: square;


}


#exteriorBenefits h2, #interiorBenefits h2 {
	font-size: 1.5em;
	color: #000099;
	margin: 8px 0 6px 0;
	padding: 0;
}

#otherServices {
	float: right;
	margin: 20px 50px 0 0;
	padding: 0;
	
} 

* html #otherServices {
	position: absolute;
	top: 230px;
	left: 520px;
}
	
	
 

#otherServices h2 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
}

#otherServices ul {
	margin: 0;
	padding: 0;
	
}

* html #otherServices ul {
	margin: 0;
	padding: 0;
	width: 250px;
	
}

#otherServices li {
list-style-type: none;
}

/* Before and After gallery */

#beforeAfter {
	margin: 20px;
	margin-top: 10px;
}

.highslide-gallery {
	margin-bottom: 10px;
}

.highslide {
	padding: 5px;
	margin-top: 5px !important;
}

.highslide img {
	margin-bottom: 10px;
}


/* Appointment form */

.spacer{clear:both; height:1px;}
.myform{
	margin:0 0 0 40px;
	width:400px; 
	padding:14px;
}
    #basic{	border:solid 2px #DEDEDE;}
	
	#basic p.special{
		font-size:1.2em;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #dedede;
		padding-bottom:10px;
	}
	#basic label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
		margin: 6px 0 0 0;
		color: #666666; font-size: 1.3em
	}
	#basic .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#basic input{
		float:left;
		width:200px;
		height: 21px;
		margin:0px 0 20px 10px;
		border: 1px solid #CACACA
	}
	
	#basic input:focus {
		border: 1px solid #FEDB4E
	}
	
	#basic textarea{
		float:left;
		width:200px;
		margin:0px 0 30px 10px;
		border: 1px solid #CACACA
	}
	
	#basic textarea.big{
		float:left;
		width:380px;
		margin:0px 0 15px 10px;
	}
	
	#basic textarea:focus {
		border: 1px solid #FEDB4E
	}
	
	#basic input.submit{ 
		background: url(images/submitBtn.gif) no-repeat;
		height: 30px; width: 90px;
		clear:both;
		float: left;

		margin-left:30px;
		padding:4px 6px;border: #CACACA 1px solid;;
	}
	
		#basic input.reset{ 
		background: url(images/resetBtn.gif) no-repeat;
		height: 30px; width: 79px;
		float: left;
		
		margin-left:30px;
		padding:4px 6px;
		border: #CACACA 1px solid;
	}
	
	
    
 


/* Site info*/

#siteInfo {
clear:both;
position:relative;
right:30px;
background:url(images/siteInfo.jpg) no-repeat;
height:170px;
width:1085px;
}

#siteInfo p {
	color: #FFFFFF;
	font-size:1em;
	margin: 120px 70px 0 0;
	padding: 0;
	float: right;
}

#siteInfo p a {
	color: #FFFFFF;
	font-size:1em;
	text-decoration: none;
}
	
#siteInfo p a:hover {
	color: #FF0000;
}