/* -------------------------------------------------------------- 
  	TABLE OF CONTENTS 
	
	1. Cross-browser Reset
	2. Standard elements defaults - Default styles for standard HTML elements. See /style-guide.html for markup examples.
	3. Style Library - Styles repeated through site but aren't structural elements.
	4. Main Structure - Includes header, main navigation, main wrapper, footer, etc
	
	STYLE SHEET COMMENT DEFINITIONS
	
	CF -- Denotes a style that is used as a clear fix
	PFD (Prevent float drop) -- Denotes a fix for ie6 to prevent layout from breaking with oversized content
	IE{.css} -- Denotes a css property that is used for a bug fix in IE7 and below. NOTE if .css is present check alternative style sheet
	IE6{.css} -- Denotes a css property that is used for a bug fix in IE6. NOTE if .css is present check alternative style sheet
	IE8.css -- Denotes a style that has an alternative version in the ie8.css style sheet
	HL (hasLayout) -- Denotes a hasLayout fix for IE
	DMB (Double margin bug) -- Denotes double margin fix for ie6
	SL - Denotes that a element draws most of its styles from style library
	
-------------------------------------------------------------- */

/* -------------------------------------------------------------- 
  	1. Cross-browser reset 
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { line-height: 1.5; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* PC FF3 adds an outline to Flash objects */
a, object { outline: none; }

/* -------------------------------------------------------------- 
  	2. Standard elements defaults 
-------------------------------------------------------------- */

/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5em; color: #808080; }

h1 { color: #C70000; font: italic bold 2.333em "helvetica neue", helvetica, arial, sans-serif; }
h2 { font-size: 1.583em; }
h3 { font-size: 1.083em; text-transform: uppercase; }
h4 { font-size: 0.917em; text-transform: uppercase; }
h5 { font-size: 0.917em; }
h6 { font-size: 0.833em; font-weight: normal; }

h1 a, h1 a:link,
h2 a, h2 a:link,
h3 a, h3 a:link,
h4 a, h4 a:link,
h5 a, h5 a:link,
h6 a, h6 a:link { color: #5A94B3; }

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover { color: #DD0000; }

/* Text Elements
-------------------------------------------------------------- */

body		{ color: #4C4C4C; font: 62.5% arial, helvetica, sans-serif; }
p 			{ margin: 0 0 1em; line-height: 1.5; font-size: 1em; font-family: "helvetica neue", helvetica, arial, sans-serif; }
.summary p 	{ font-style: italic; color: #888888; font-size: 1.417em; }

a 			{ text-decoration: underline; }
a,a:link 	{ color: #5A94B3; }
a:visited 	{ color: #9AAAB3; }

a:hover,
a:active,
a:focus 	{ color: #DD0000; }

span.black {
	color: #4C4C4C;
}

/* Lists
-------------------------------------------------------------- */

ul ol      	{ margin: 0 1.5em 1.5em 0; }
ol          { list-style-type: decimal; margin: 0 1.5em 1.5em 1.5em;  }

ol li 		{ }
ul li		{ list-style: none; padding-left: 15px; background: url(../images/design/list-bullet.gif) 0 0.5em no-repeat; }

li			{ color: #000000; margin-bottom: 0.5em; line-height: 1.5; }

li ul, 
li ol       { margin: 0.75em 1.5em 0 1.5em; font-size: 1em; }
li li 		{ font-size: 1em; }

ul ol li 	{ background: none; padding-left: 0; list-style-type: decimal; }

/* Forms
----------------------------------------------------------- */

fieldset 			{ float: left; width: 338px; border: 0; }
fieldset.last 		{ border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
legend 				{ font-weight: bold; }
label 				{ font: normal 1em "helvetica neue", helvetica, arial, sans-serif; float: left; margin-right: 10px; width: 100px; color: #9E9E9E; }
.required label		{ font-weight: bold; color: #616161; }

.fieldArea 			{ margin-bottom: 0.833em; }

.fieldArea input,
.fieldArea textarea { width: 200px; background: #EEEEEE; border: 0; border-top: 1px solid #ABABAB; }
.fieldArea textarea { font-family: inherit; font-size: 1em; height: 65px; overflow: auto; /* IE - Prevents scroll bars */}

input.aiValueField	{ display: none; }
input.submit 		{ cursor: pointer; border: 0; }

span.message 		{ display: block; font-size: 0.917em; padding-top: 0.5em; }
span.error 			{ color: #DD0000; }
		
div#errors 			{ background: #FFF5E6 url(../images/design/form-error.gif) 10px 6px no-repeat; border: 1px solid #FFEBCC; margin: 0 0 1.5em 0; padding: 0.5em 10px 0.5em 50px; }
	div#errors h4 	{ color: #FFB612; font: bold 0.917em arial, sans-serif; }
	div#errors p 	{ margin-bottom: 0.25em; color: #990000; font-size: 0.917em; }
	div#errors ul 	{ margin: 0; }
		div#errors li 	{ margin: 0 0 0.5em 0; padding: 0; font-size: 0.917em; color: #000000;  }

/* -------------------------------------------------------------- 
	3. Style Library
----------------------------------------------------------- */

.btn 		{ background: #cdcdcd url(../images/design/btn-bg.gif) 0 0 repeat-x; color: #808080; font: bold 0.917em verdana; padding: 4px 6px; text-transform: uppercase; }
.btn:hover 	{ background: #c2c2c2 url(../images/design/btn-hover-bg.gif) 0 0 repeat-x; color: #FFFFFF; }

a.redBtn 	{ background: #BF0000; text-decoration: none; color: #ffffff; font: normal 0.833em verdana, sans-serif; padding: 2px 7px 3px 7px; }
a.redBtn:hover { text-decoration: underline; }
	
/* Float Styles
----------------------------------------------------------- */

.floatLeft 		{ float: left; }
.floatRight 	{ float: right; }
.clearLeft 		{ clear: left; }
.clearRight 	{ clear: right; }
.clear 			{ clear: both; }

img.floatLeft 	{ margin: 0 1.5em 0 0; }
img.floatRight 	{ margin: 0 0 1.5em 1.5em; }

/* Easy Clearing Styles
----------------------------------------------------------- */
.group:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* CF, IE.css, IE6.css */

/* -------------------------------------------------------------- 
	4. Main Structure
----------------------------------------------------------- */

body { text-align: center; background: #f0f0f0; }

	#page { background: url(../images/design/page-bg.gif) 0 0 repeat-x; text-align: left; font-size: 1.2em; /* 62.5% + 1.2em = 12px */ }

		#header { background: url(../images/design/header-bg.png) 0 100% repeat-x; /* ie6.css */ position: relative; z-index: 200; }
		
			#headerInner { width: 960px; margin: 0 auto; position: relative; min-height: 115px; /* ie6.css */ }
		
				#logo { background: url(../images/design/logo.png) 0 0 no-repeat; /* ie6.css */ width: 146px; height: 70px; position: absolute; bottom: 38px; left: 65px; margin: 0; padding: 0; }
				
					#logo a { width: 146px; height: 70px; display: block; text-indent: -9999px; }
				
				#estatLogin { position: absolute; top: 26px; left: 310px; color: #FFFFFF; }
				
				#webDirectLogion { position: absolute; top: 26px; left: 413px; color: #FFFFFF; }

				#webMaintenanceLogion { position: absolute; top: 26px; left: 526px; color: #FFFFFF; } 
				
		#animation { position: relative; top: -18px; left: 0; height: 362px; margin-bottom: -18px; z-index: 100; }

			#animationInner { width: 960px; margin: 0 auto; height: 362px; position: relative; padding: 0; overflow: hidden; }
			
				#animationInner img { position: absolute; top: 0; /* ie6.css */ left: 0; z-index: 500; display: none; }
				
					#animationInner img#default { z-index: 100; display: block; }
				
		#main { background: #FFFFFF url(../images/design/site-listing-bg.gif) 0 0 repeat-x; padding: 100px 0 40px 0; /* ie6.css */ }
		
		/* alt style */
		
		.vote #main { padding-top: 40px; }
		
			#siteListingInner { background: #F7F7F7 url(../images/design/site-listing-inner-bg.gif) 0 0 repeat-y; width: 882px; margin: 0 auto 1.5em auto; padding: 9px; border: 1px solid #E8E8E8; }
			
				#siteListingInner li { padding: 0; margin: 0; float: left; width: 130px; margin-right: 20px; position: relative; }
				
					#siteListingInner a.logo { display: block; position: absolute; top: -83px; left: -7px; }
					
					#siteListingInner h2 { font-size: 1em; }
					
						#siteListingInner p a { display: block; }
						
				#siteListingInner li.last { margin-right: 0; }
				
		#driver-vote { width: 840px; margin: 0 auto 1.5em auto; }
		
			/* Form styles */
			
			#vote .commentsFieldArea label { width: auto; float: none; margin: 0 0 0.5em 0; display: block; margin-top: -3px;  }
			
			#vote fieldset.last { width: 365px; }
			
				#vote textarea { width: 364px; height: 88px; }
		
		#companyStore { width: 900px; margin: 33px auto 0 auto; background: url(../images/design/horizontal-lines.gif) 0 50%; position: relative; }
		
			#companyStore a.redBtn { color: #FFF; border-left: 10px solid #FFFFFF; padding-left: 9px; padding-right: 9px; }
			
			#companyStore a.btn-drivers { position: absolute; top: -25px; left: -9px; }
			
			#companyStore a.btn-nominate { position: absolute; top: -21px; left: 285px; }

		#kochIndustries { width: 868px; margin: 33px auto 0 auto; }
			#kochIndustries p { line-height: 1.4em; font-weight: bold; }
			#kochIndustries strong { color:red; }
		
		
		#footer { background: #f0f0f0 url(../images/design/footer-bg.gif) 0 0 repeat-x; }
		
			#footerInner { width: 840px; margin: 0 auto; font-size: 0.75em; font-family: verdana, sans-serif; padding: 2em 60px; }
	
				#copyright { float: left; width: 250px; margin-right: 60px; }
			
				#links { float: left; margin-right: 52px; width: 265px; }
			
					#links a { color: #5A94B3; }
					
					#links a:hover { color: #DD0000; }
				
				#epa { display: block; height: 38px; width: 212px; float: right; }
			
				#plauditCredit { clear: left; display: block; }