/* Meyer's Browser Default Reset (http://meyerweb.com/eric/tools/css/reset/) - v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; }

body { background:#afa491; font:.75em Arial;}

/* General Styles / Typography */
h1 {  }
h2 { font-size:22px; font-weight:100; }
h3 { line-height:140%; font-size:16px; font-weight:900; width:505px; }
h4 { line-height:140%; font-size:14px; font-weight:900; }
h5 { font-size:12px; font-weight:900; }
p { line-height:140%; }
a { color:#006699; }
.yellow { color:#F0CA19; }
.green { color:#339933; }
.darkgreen { color:#002300; }
.black { color:#000; }
.white { color:#fff; }
.error { color:red; }

.block { clear:left; display:inline; float:left; }

/* Layout / Specifics */
#wrap { margin:0 auto; width:976px; }

#head { background:url(../_img/header.jpg) top left no-repeat; height:110px; width:100%; }

#status { float:left; display:inline; margin:50px 0 0 30px; color:#F0CA19;  }
	#status p { line-height:1.6em; }
	.button { text-transform:uppercase; font-weight:bold; padding:5px; font-size:.85em; background:url(../_img/nav-hover-tile.jpg) left top repeat-x; color:#ccc; text-decoration:none; }
	.button:hover { color:#fff; }

#main { background:url(../_img/main-tile.jpg) left top repeat-y; display:inline; float:left; padding:0 8px; position:relative; width:960px; }
	#wrap div.main-home { background:url(../_img/main-home-tile.jpg) left top repeat-y; }

	/* Main Navigation */
	#nav { background:url(../_img/nav-tile.jpg) left top repeat-x; height:30px; float:left; width:960px; }
		#nav ul { border-left:1px solid #ccc; border-right:1px solid #fff; display:inline; float:left; height:30px; margin:0 0 0 50px; width:auto; }
			#nav ul li { float:left; }
				#nav ul li a { border-left:1px solid #fff; border-right:1px solid #ccc; color:#002300; float:left; font-weight:900; height:12px; padding:9px 12px; text-decoration:none; text-transform:uppercase; }
					#nav ul li a:hover { background:url(../_img/nav-hover-tile.jpg) left top repeat-x; color:#fff; }
			
			/* Dropdowns */
			#nav li ul { background:#56241B url(../_img/subnav-bg.jpg) left top no-repeat; border:none; clear:left; display:block; float:left; height:auto; left:-999em; margin:0 0 0 1px; padding:6px; position:absolute; top:30px; width:150px; }
				#nav li:hover ul, #nav li.sfhover ul { left:auto; }
			#nav li:hover ul li { clear:left; height:auto; width:150px; }
			#nav li:hover ul li a, #nav li.sfhover ul li a { background:none; border-top:1px solid #44120D; border-left:none; border-right:none; color:#fff; display:block; font:12px Arial; height:auto; padding:6px; text-transform:none; width:138px; }
				#nav ul li:hover ul li:first-child a, #nav ul li.sfhover ul li:first-child a { border-top:none; }
				#nav li:hover ul li a:hover, #nav li.sfhover ul li a:hover { background:#44120D; color:#F0CA19; }
				
				#nav li:hover ul li ul, #nav li.sfhover ul li ul { background:#56241B; border-left:1px solid #44120D; left:-999px; margin:23px 0 0 150px; position:absolute; top:0; }
					#nav li:hover ul li:hover ul, #nav li ul li.sfhover ul { left:auto; }
					#nav li:hover ul li:hover ul li a, #nav li.sfhover ul li.sfhover ul li a { background:none; color:#fff; }
						#nav li:hover ul li:hover ul li a:hover, #nav li.sfhover ul li.sfhover ul li a:hover { background:#44120D; color:#F0CA19; }
						
				/* Make top level hover state stick */
				#nav ul li:hover a, #nav ul li.sfhover a { background:url(../_img/nav-hover-tile.jpg) left top repeat-x; color:#fff; }
				#nav li:hover li:hover a, #nav li.sfhover li.sfhover a { background:#44120D; color:#F0CA19; }

	#main-left { border-top:1px solid #fff; display:inline; float:left; width:200px; }
		.left-int h2 { background:url(../_img/left-h2-tile.jpg) left top repeat-x; font-size:18px; height:20px; margin:0 0 10px; padding:10px 20px; }
		.left-int a { text-decoration:none; }
		.left-int ul { padding:0 10px; }
			.left-int ul li { border-bottom:1px solid #ccc; padding:10px 0 10px 10px; }
				.left-int ul li a { font-size:14px; font-weight:900; }
				.left-int ul li ul { padding:0; }
					.left-int ul li ul li { border:none; padding:10px 0 0 5px; }
						.left-int ul li ul li a { font-size:11px; font-weight:900; }
		.left-int p { margin:10px 20px; }

	#main-right { border-top:1px solid #fff; display:inline; float:left; margin:0; width:760px; }
		.right-int img.main { float:left; margin:0; padding:0; width:760px; }
		.right-int .block { width:760px; }
		.right-int h2 { background:url(../_img/right-h2-tile.jpg) left top repeat-x; display:inline; float:left; font-size:26px; margin:1px 0 20px 0; padding:10px 20px 0; width:720px; }
		.right-int h4 { margin:0 0 0 20px; width:485px; }
		.right-int h5 { margin:0 0 0 20px; width:485px; }
		.right-int p { margin:0 0 20px 20px; width:485px; }
		.right-int .video { margin:0 0 0 20px; }
		.right-int img { background:#ccc; clear:right; float:right; margin:0 40px 20px 0; padding:5px; width:190px; }
		
		.right-int .form-right { clear:right; float:right; margin:0 40px 0 0; padding:5px; width:190px; }
			.right-int .form-right label { font-weight:900; }
			.right-int .form-right input.text { width:190px; }
				.right-int .form-right input.state { width:20px; }
				.right-int .form-right input.zip { width:45px; }
			.right-int .form-right textarea { height:70px; width:190px; }
		
	/* Homepage Left Column */
	.left-home { background:#D6E2EF; }
		.left-home img { width:200px; }
		.left-home h4 { background:url(../_img/left-h4-tile.jpg) left top repeat-x; padding:10px 20px; }
		.left-home ul { margin:0 0 0 20px; }
			.left-home ul li { margin:5px 0 0 0; }
			.left-home ul li a { font-size:11px; font-weight:900; }

	/* Homepage Right Column */
	.right-home { color:#fff; padding:270px 0 50px 0; }
		.right-home h2 { font-family:Trebuchet MS, Helvetica, sans-serif; font-weight:100; margin:0 0 10px 20px; text-transform:uppercase; }
		.right-home h3 { margin:0 0 0 20px; width:390px; }
		.right-home p { margin:0 0 20px 20px; width:390px; }
		.right-home img { clear:right; float:right; margin:0 20px 0 0; padding:10px; }
			.right-home .video { background:url(../_img/home-video-tile.jpg) left top repeat-x; clear:right; float:right; margin:0 20px 0 0; padding:10px; }
		.right-home hr { background:#004400; border-color:#004400; color:#004400; margin:20px 0 0 0; padding:0; width:738px; }
			
	#main-foot { background:#002300; color:#339933; display:inline; float:left; font-size:10px; height:20px; padding:20px 20px 0; width:920px; z-index:1; }
		#main-foot p { width:920px; }
			#main-foot p .right { float:right; }
		#main-foot a { color:#339933; }
		
/*
forms
---------------------------------------------------------------------------------*/
div.forms { clear:both; margin:20px; }
div.forms label { display:block; float:none; margin:1em 0 0 0; font-weight:bold; font-size:0.9em; }
div.forms input.text { width:300px; }
div.forms textarea { width:300px; }
div.forms select { width:300px; margin:1em 0 -1em 0; font-weight:bold; font-size:0.9em;}
div.forms p.error { font-weight:bold; color:red; }

#dealer-locator { float:left; clear:both; margin:0 0 20px 20px; }
		
#foot { background:url(../_img/footer.jpg) left bottom no-repeat; display:inline; float:left; height:27px; margin:0 auto; padding:0 8px; width:960px; }