@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

body{ background: url(images/bg.jpg) top left repeat-x; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
.clear{ clear: both; }
a{ text-decoration: none; }
.wrapper{ width: 960px; margin: auto; position: relative; }

#container{ background: url(images/bg2.jpg) top center no-repeat; }

#header{ background: url(images/header.png) bottom center no-repeat; }
	#header .wrapper{ height: 163px; }
	
	#phone{ color: white; font-weight: bold; font-size: 24px; position: absolute; left: 540px; top: 38px; }
	#head-links{ position: absolute; right: 0px; top: 20px; text-align: right; }
		#head-links a{ display: block; padding: 5px 0; }
		
	#nav{ width: 600px; height: 60px; font-size: 15px; position: absolute; right: 0px; bottom: 0px; text-transform:uppercase; font-weight: bold; font-style: italic; }
		
		.page-id-6 #nav-hover{ background: url(images/nav/curr-page-item-home.png) 30px top no-repeat; height: 78px; position: absolute; top: -15px; left: -40px; width: 100%; }
		.page-id-8 #nav-hover{ background: url(images/nav/curr-page-item-towing.png) 128px top no-repeat; height: 78px; position: absolute; top: -15px; left: -40px; width: 100%; }
		.page-id-11 #nav-hover{ background: url(images/nav/curr-page-item-service.png) 248px top no-repeat; height: 78px; position: absolute; top: -15px; left: -40px; width: 100%; }
		.page-id-13 #nav-hover{ background: url(images/nav/curr-page-item-napa.png) 314px top no-repeat; height: 78px; position: absolute; top: -15px; left: 0px; width: 100%; }

		
		#nav ul{ padding-left: 20px; position: relative; }
		#nav a{ display: block; padding: 20px 25px; color: #666; }
		#nav li{ float: left; background: url(images/nav/nav-item.png) right center no-repeat; }
		#nav li.current_page_item{ background: none; }
		#nav li.current_page_item a{ color: white; }

#page{ background: url(images/page-repeat.png) top center repeat-y; }
	#page-bg{ background: url(images/page.png) top center no-repeat; }
	
	#home-content{ position: absolute; right: 11px; top: 13px; width: 430px; line-height: 150%; padding: 0 30px; padding-right: 10px; font-size: 14px; height: 210px; background: url(images/home-content.png) top left no-repeat; }
		#home-content p, #home-content h1{ padding: 10px 0; }
		#home-content h1{ padding-top: 0; color: #2D61B6; font-size: 28px; background: url(images/page-title.png) left bottom repeat-x; }
		#home-content span{ display: block; }
	#home-spacer{ height: 416px; float: right; }
	
	#trucks{ position: absolute; bottom:-60px; left: 10px; }
	
	#content{ padding: 20px 80px; font-size: 18px; line-height: 180%; }
	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content p, #content ul, #content ol{ padding: 10px 0; }
	#content table{ margin: 10px 0; }
	#content h1{ color: #2D61B6; font-size: 36px; background: url(images/page-title.png) left bottom repeat-x; }
	#content h2{ color: #395D8D; font-size: 28px; font-weight: normal; }
	#content ul, #content ol{ padding-left: 48px; }
	#content ul li{ list-style: square; padding: 5px 0; }
	#content ol li{ list-style: decimal; padding: 5px 0; }
	
#footer{ background:url(images/footer.png) top center no-repeat; padding-bottom: 20px; }
	
	#quicklinks{ text-align: center; position: relative; height: 200px; font-size: 28px; font-weight: bold; font-style: italic; }
	#quicklinks li a{ display: block; width: 240px; padding: 85px 0; color: #0B3D72; }
	#quicklinks li{ float: left; }
	#quicklinks li.towing{ position: absolute; left: 78px; top: 0px; }
	#quicklinks li.service{ position: absolute; left: 359px; top: 0px; }
	#quicklinks li.napa{ position: absolute; left: 655px; top: 0px; }
		#quicklinks li.napa a{ padding: 70px 0; }
		
	#legal{ color: #00214C; float: left; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 150%; }
		#legal a{ color: #00214C; } #legal a:hover{ text-decoration: underline; }
	#foot-location{ color: #00214C; float: left; text-align: center; padding-left: 68px; font-size: 15px; }
	#foot-links{ float: right; padding-top: 10px; font-weight: bold; font-style: italic; }
	#foot-links a{ color: #0B3260; }
	#foot-links li{ float: left; padding: 0 10px; padding-right: 50px; }
	#foot-links a:hover{ text-decoration: underline; }
	
#contact-form{ width: 410px; margin: auto; }
#contact-form td{ padding: 5px; }
#contact-form input{ display: block; padding: 5px; margin: auto; }
#contact-form textarea, #contact-form input[type="text"]{ width: 337px; padding: 5px; }
#contact-form input[type="submit"]{ display: inline; padding: 5px; }