* { margin: 0; padding: 0; }

html { overflow-y: scroll !important; }

body {
	font-family: arial, helvetica, sans-serif, serif;
	font-size: 62.5%; /* Use 10px computed style base font */
	font-weight: normal;
	color: #000;
	background: #fff;
	padding: 0 0 1em 0;
	min-width: 1000px;
}

h1 {
	color: #000;
	font-size: 4em;
	line-height: 1em;
	text-align: center;
	white-space: nowrap;
	height: 160px;
	padding: 0;
	background: #fff url(images/logo.gif) no-repeat top left;
	text-indent: -9999px;	
	margin-bottom: .7em;
}

h2 {
	margin: 0 0 .2em 0;
	text-align: left;
}

h3 { margin-top: 2em; }

img.icon {
			border: none;
			vertical-align: middle;
			
}

.fauxh3 { font-size: 1.17em; margin-left: -0.5em}

#nav { 
	position: absolute;
	top: 144px; 
	left: 0;
	width: 100%;
	list-style: none;
	text-align: center;
	font-size: 1.6em;
	height: 1em;
	white-space: nowrap;
}

	#nav li {
		display: inline;
		letter-spacing: .2em;
		padding: 0 .3em;
	}

		#nav li a {
			text-decoration: none;
			font-weight: bold;
			color: #77914F;
			background: inherit;
			padding: .4em;
		}

		#nav li a:link     { }
		#nav li a:visited  { }
		#nav li a:hover    { color: #FFC528; } /* #FBD80D background: #000; opacity: .7; */
		#nav li a:active   { }

#promo_nav { 
	
	text-align: left;
	list-style: none;
}
	
	#promo_nav a {
		text-decoration: none;
		line-height: 2em;
   }

		#promo_nav a img {
			border: none;
			vertical-align: middle;
			padding: .3em;
		 
		}
	
#fnav { 
	width: 100%;
	list-style: none;
	text-align: center;
	font-size: 1.1em;	
	margin: .5em 0;
}

	#fnav li {
		display: inline;
		border-right: 1px solid #999;		 
	}


		#fnav li a { color: #77914F; padding: 0 1em;  letter-spacing: .2em; }

		#fnav li a:link     { }
		#fnav li a:visited  { }
		#fnav li a:hover    { color: #FFC528; }
		#fnav li a:active   { }

		#fnav .last { border-right: none; }

#helios { margin-bottom: 3em; }

#index #helios {
	background: #fff url(images/h-collage.jpg) no-repeat top right;
}

#corrections #helios {
	background: #fff url(images/h-collage-corr.jpg) no-repeat top right;
}

#content {   
   position: relative;
   top: -1em;
	font-size: 1.4em;
	margin: 0 10% 2em 10%;
	border-top: 1px solid #777;
	padding-top: 1em; 
}

	#content p {
		margin: .5em;
		text-align: justify;
	}

        #warranty #content ul { padding: 1em 0 1em 3em; }


        #oem { }
   
	#oem-showcase {
		padding: 2em 2% 0 2%;
		text-align: center;
	}

		#oem-showcase h3 { text-align: left; }


	#stations, #ben_powder, #lease_adv_list {
		margin: .2em 0 1em 0;
		padding: 0 0 0 3em;
		float: left;
		text-align: left;
		list-style-image: url(images/lic.jpg);
		font-weight: bold;
		color: #444;
	}
   #lease_adv_list { }
   
	#stations li, #ben_powder li, #lease_adv_list li{ margin: 1em 0; }


	#email { padding: .8em 0 0 0; }
	#civic { line-height: 1.3em; padding: .8em 0 0 .8em; }

   #color_options { padding: 1em 0 0 0; }
		#color_options h3 {
			position: relative;
			top: -1.5em;
			left: 1em;
			background: #fff;
			display: inline;
			padding: 0 .5em;
		}
	
      #color_options img { display: block; border: 1px solid #000; margin: 0 auto 2em auto; }
      
	#placard, #specs { text-align: center; }

	#placards, #color_options {
		border: 1px solid #333;
		text-align: left;
		margin: 4em -1em;
		background: #FFEFC5 url(images/wg.gif) repeat-x top left; /* #eeeddd */
	}

		#placards h3 {
			position: relative;
			top: -.5em;
			left: 1em;
			background: #fff;
			display: inline;
			padding: 0 .5em;
		}
		
                #placard #content h2 {
                        margin-bottom: 1.5em;
                }

		#placards #images { text-align: center; }

		.placard { margin: 1em 1em 2em 1em; border: 0; }

		#images a:link img    { border: 2px solid #000; }
		#images a:visited img { border: 2px solid #000; }
		#images a:hover img   { border: 2px solid #DDC525; }
		#images a:active img  { border: 2px solid #000; }

      #youtube { float: right; margin: 0 0 0 1em; padding: 0; line-height: 0; border: 3px solid #77914F; }
      

      
#contact address { text-align: center; margin-top: 2em; }
#contact #content .label { color: #77914F; font-weight: bold; }

address { font-style: normal; }
p.fine { text-align: center; }
.fine { font-size: x-small; } 
.em {	font-style: italic; }
span.clear { display: block; clear: both; }

#gallery #content { overflow: hidden; }

#photo_gallery { position: relative; margin: 2em auto; padding: 0; width: 700px; height: 450px; text-align: left; background: #fff url(/images/gallery/photos/background.jpg) top right no-repeat;}
#photo_gallery table { border: 1px solid #000; padding: 0; background: #eeeddd url(images/wg.gif) repeat-x top left; }
.thumbnail { margin: 0;  padding: 0; width: 50px; height: 50px; border: 1px solid #666; }
	.thumbnail a { display: block; margin:0; padding:0; width: 50px; height: 50px; cursor: default; }
		.thumbnail a:hover {margin:0; width: 48px; height: 48px; padding:0; border: 1px solid #000;}			 
		.thumbnail a span { display: none; border: 0;}
		.thumbnail a:hover span { display: block; position: absolute; right: 0; top: 0; width: 550px; height: 450px; border: 0; }
		.thumbnail a:hover img { border: 0;}

#mlform {
	float: right;
	position: relative;
	top: -16em;
	right: 4em;
 
}

#oem-showcase #news {
	text-align: left;
}
#oem-showcase #news h2 { color: #77914F; margin-top: 3em; border-top: 1px solid #777; line-height: 2em; }

#news .item .video {padding: 0; }

#copyright {
	color: #999;
	text-align: center;
	border-top: 1px solid #000;
	line-height: 2em;
	margin: 0 6%;
}