/*-----------------------------------------------------------------------------

Prototype Style Sheet



version:   1.0

author:    cade halada

-----------------------------------------------------------------------------*/



/* =General

-----------------------------------------------------------------------------*/





/* Remove padding and margin */

* {

	margin: 0;

	padding: 0;

}



/* Put it back on certain elements */

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {

	margin: 1em 0;

}



/* Class for clearing floats */

.clear {

	clear:both;

}





/* Remove border around linked /images */

img {

	border: 0;

}





/* =Typography

-----------------------------------------------------------------------------*/

/* font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif; */



body {
	font-size: 62.5%;
	line-height: 1.6;
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}



#mainnav, #content p, #footer, #content li {

	font-size:1.2em;

}



#subnav #services p, #subnav #tires p, #subnav #coupons p{

	font-size:1.1em;

}



/* =Headings

-----------------------------------------------------------------------------*/

#home #content h1{

	text-indent: -5000px;

	background: url(/images/headline.gif) no-repeat;

	width:358px;

	height:58px;

	margin: 0;

}

h2{

	font-size: 2.5em;

	color:#4B4B4B;

	margin: 0;

}

h3{

	text-transform:uppercase;

	font-size: 2.2em;

}





/* =Links

-----------------------------------------------------------------------------*/

a{

	font-weight:bold;

	text-decoration:underline;

}



a:hover{

	text-decoration: none;

}



#content a{

	color:#D88200;

}

#subnav a{

	color:#4B4B4B;

}







/* =Branding

-----------------------------------------------------------------------------*/

body{

	background: url(/images/bg_top.gif) repeat-x left top;

	text-align: center;

}



#wrapper{

	width:782px;

	margin:0 auto;

	text-align:left;

}



#branding{

	text-indent: -5000px;

	background: url(/images/logo.gif) no-repeat left 42px;

	width:100%;

	height:102px;

}





/* =Main Nav

-----------------------------------------------------------------------------*/

#navcontainer{

text-align:center;

}

#mainnav{

	margin: 0;

	padding: 0px;

	list-style:none;

	padding: 5px 0;

	background: url(/images/divider.gif) repeat-y right top;

	display:inline;

}

#mainnav li{

	display: inline;

	padding: 5px 0;

	background: url(/images/divider.gif) repeat-y left top;

}

#mainnav li a{

	padding: 5px 2em;

	line-height: 2.2em;

	color:white;

	text-decoration:none;

	

}



#mainnav li a:hover{

	color:#D88200;

}



/* =Sub Nav

-----------------------------------------------------------------------------*/

#subnav{

	background: url(/images/subnav_graphic.jpg) no-repeat left bottom;

	height:160px;

	border-top: solid 1px #FFCF5B;

	clear:both;

}

#subnav div{

	float:left;

	width: 150px;

}

#subnav p{

	line-height: 1.5em;

}

#subnav #services, #subnav #tires, #subnav #coupons{

	display:inline;

}

#subnav #services{

	margin-left: 95px;

}

#subnav #tires{

	margin-left: 115px;

}

#subnav #coupons{

	margin-left:110px;

}

h3{

	margin: .3em 0;

	color:white;

}







/* =Main Content

-----------------------------------------------------------------------------*/

#content{

	margin-top:1px;

	padding-top:25px;

	margin-bottom:0;

	padding-left:250px;

	padding-bottom:25px;

	background: url(/images/bg_content_shadow.gif) no-repeat left top;



}

#contentwrap{

	background: url(/images/bg_content_grad.gif) repeat-y left top;

}

#content li, #content ul{

	margin-left:4em;

}



/* =Page Specific  */



#home #content{

	background: url(/images/home_graphic.jpg) no-repeat left top;

	height:238px;

	padding-left:376px;

	padding-bottom:0;

}



#car_facts #content, #about #content{

	background: url(/images/spark_graphic.jpg) no-repeat left top;

}

#services #content{

	background: url(/images/muffler_graphic.jpg) no-repeat left top;

}



#contact #content{

	padding-left: 0;

	height: 300px;

}



#contact #content img{

	padding: 0 50px;

}



#coupons #content{

	padding-left: 50px;

}



.testimonial{

	border-left: 5px solid #C2C2C2;

	padding-left: 10px;

	margin-left: 20px;

	margin-bottom: 30px;

}



/* =Secondary Content

-----------------------------------------------------------------------------*/







/* =Footer

-----------------------------------------------------------------------------*/

#footer{

	background: url(/images/bg_foot.gif) repeat-x left top;

	float:left;

	width:100%;

	height: 100px;

}

#footer p{

	margin:10px;

	display:inline;

}

#footer #address{

	float:left;

}

#footer #phone{

	float:right;

}

/* =Forms

-----------------------------------------------------------------------------*/



/* Removes fieldset borders. even on Opea 7 */

fieldset {

  border: 1px solid transparent;

}





/* =Tables

-----------------------------------------------------------------------------*/



table { 

  border-spacing: 0;

	border-collapse: collapse;

}



td {

  text-align: left;

	font-weight: normal;

}







/* =Hacks

-----------------------------------------------------------------------------*/

* html #mainnav, * html #mainnav li{

	padding: 0;

}



/* =Misc 2

-----------------------------------------------------------------------------*/