/*****************************************
 
Screen LessCSS Document
screen.less
client: Zwynd
author: Atlantic BT - www.atlanticbt.com
date: 09-23-2009
url: http://www.zwynd.com

use lesscss to compile into a css document

*****************************************/

/*======================================
	=Normalize
======================================*/

* {	margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
ul, ul li { list-style: none; list-style-position: outside; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
em { font-style: italic; }
strong { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
hr { display: none; }
img a { border: 0; }

/*======================================
	=Main Styles
======================================*/

body {
	font: 12px/1.25em Arial, Helvetica, sans-serif;	/* 12px/15px */				
	color: #383838;
	text-align: center;
	background: #fff;
	}

div { font-size: 100%; text-align: left; }

/*======================================
	=Typography
======================================*/

p { font-size: 1em; }
	#content p { margin: 0 0 1.5em; }

a { }
	a { color: #0078ae; text-decoration: none; }
	a:hover, 
	a:focus { color: #0078ae; text-decoration: underline; }
	a:focus { outline-style: none; }
	
	a.more { padding-right: 10px; background: url(/images/i_arrow-blue.gif) no-repeat right .5em; }
	
	#content a { text-decoration: underline; }
	
h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: bold; color: #336809; }
	
	h1 { margin: 0 0 .9em; font-size: 1.67em; line-height: .75em; color: #0078ae; }	/* 20px */
	h2 { margin: 0 0 1.125em; font-size: 1.33em; line-height: .938em; }				/* 16px */
	h3,
	h4 { margin: 0 0 1.29em; font-size: 1.17em; line-height: 1.07em; }				/* 14px */
	h5,	
	h6 { margin: 0 0 1.5em; } 														/* 12px */
	
	/* inner page font size is 16px, so we need to update these proportions */
	body.inner h1 { margin: 0 0 .9em; font-size: 1.25em; line-height: .75em; color: #0078ae; }	/* 20px */
	body.inner h2 { margin: 0 0 1.125em; font-size: 1em; line-height: .938em; } 					/* 16px */
	body.inner h3,
	body.inner h4,
	body.inner h5,	
	body.inner h6 { margin: 0 0 1.125em; font-size: 1em; line-height: .938em; color: #336809; } /* 16px */

ul, ul li { list-style: none; }
	ul { margin: 0 0 1em 2em; }
	ul li { margin: 0 0 1em; }
	
	#content ul { margin: 0 0 1.5em .5em; }
	#content ul li { background: url(/images/i_bullet.gif) no-repeat .625em .6em; padding: 0 0 0 1.5em; }
		#content ul ul { margin: 1em 0 1em .5em; }
	#content ol { margin: 0 0 1.5em 1.5em; }
	#content ol li { margin: 0 0 1em .5em; }
		#content ol ol { margin: 1em 0 1em .5em; }
						
	
ol, ol li { }
	ol { margin: 0 0 1em 2em; }
	ol li { margin: 0 0 1em; }
	
ul ul, ol ol { margin-top: 1em; }	
	
dl { }
	dl { margin: 0 0 1.5em; }
	dl dt { margin: 0 0 1em; font-weight: bold; color: #336809; }
	dl dd { margin: 0 0 1em 1em; }

acronym, abbr { cursor: help; border-bottom: 1px dotted #353535; }

address { }

blockquote { margin: 1em 0; padding: 0 1em; }
	blockquote p { margin: 1em 0; }
	blockquote p.cite { text-align: right; }
	blockquote p.cite em { display: block; font-style: normal; font-weight: normal; }

table { margin: 0 0 1em; width: 100%; border: 2px solid #70bc33; color: #336809; }

	thead { }
		thead th { border-bottom: 1px solid #70bc33; }
		
	tbody { }
		tbody th { border-right: 1px solid #70bc33; }
		tbody td { background: #f4ffe9; }
		
	th, td { padding: .25em .5em; }
	th { background: #daf2c2; font-weight: bold; }

br { }
	br.clear { clear: both; margin: 0; padding: 0; line-height: 0; height: 0; }

/*======================================
	=Base Form Styles
======================================*/
	
form { }

	/* form layout styles */
	#main-area form ol { margin-left: 0; }
		#main-area form ol li { margin-left: 0; list-style: none; }
	
	/* fieldsets and legends */
	fieldset { }
	fieldset legend { padding: 0 0 .5em; font: inherit; font-weight: bold; color: #383838; }
		
		#content fieldset p { margin: 1em 0; }
		
	/* base form element styles */
	input, textarea, select {
		padding: 5px; width: 190px;
		border: 1px solid #c2c2c2;
		border-right-color: #d7d7d7;
		border-bottom-color: #d7d7d7;
		background: #fff;
		font: inherit;
		line-height: inherit;
		font-weight: bold;
		}
		input.radio, input.checkbox, input.image,
		.buttons input, input.button { border: 0; padding: 0; width: auto; background: none; }
	
		input:focus,
		select:focus,
		textarea:focus { border-color: #0078ae; background: #def1fa; }
		
	/* button styles */
	div.buttons { margin: 0 0 1em; }
	
		input.button { padding: .5em 1em; width: auto; border: 0; background: #0078ae; color: #fff; font-weight: bold; cursor: pointer; }
		body.inner input.button { font-size: .875em; text-transform: uppercase; } /* 14px */
		input.button:focus { background-color: #def1fa; color: #0078ae; }
			
	/* select styles */
	select { width: 200px; }
	
	/* textarea styles */
	textarea { width: 410px; height: 10em; line-height: 1.27em; }

	/* label styles */
	label { display: block; margin: 0 0 .5em; }
	body.inner label { font-size: .875em; } /* 14px */
	
		#main-area form ul.radios,
		#main-area form ul.checkboxes { }
			#main-area form ul.radios li,
			#main-area form ul.checkboxes li { }

	/* hidden inputs and legends */
	input.hidden, legend.hidden { display: none; }
	
	/* form microformats */
		
		/* phone */
		input.prefix, 
		input.area-code { margin: 0 .25em 0 0; width: 2.5em; } 
			input.area-code {  }
		input.suffix { width: 3em; }
		
		/*checkbox lists*/
		input.checkbox,
		input.radio { width: auto; }
		#main-area .checkbox-list li,
		#main-area .radio-list li { padding-left: 0; background: none; }
		.checkbox-list label,
		.radio-list label { display: inline; margin: 0; }
	
	
	
/*======================================
	=Layout Styles
======================================*/

#container { position: relative; margin: 0 auto; width: 960px; }

#masthead, #navigation { float: left; display: inline; width: 960px; }
#main-area { float: left; display: inline; margin: 0 10px; width: 940px; }

#masthead { height: 120px; }

	#masthead #skip-links { position: absolute; left: -9000em; top: 0; height: 0; line-height: 0em; }
	
	#masthead #logo,
	#masthead #logo a { float: left; display: inline; width: 250px;	height: 80px; background: url(/images/g_logo.gif) no-repeat 0 0; text-indent: -9000em; }
		#masthead #logo { margin: 20px 0 0; }

#main-area { }
	
	#content { float: left; display: inline; margin: 0 20px 0 0; width: 700px; }
		#banner { position: relative; width: 940px; height: 230px; background: url(/images/g_banner-inner.jpg) no-repeat 0 0; }
		#banner h1 { text-indent: -9000em; }
		
		#banner ul.did-you-know { position: absolute; top: 130px; left: 0; margin: 0; padding: 0; }
		#banner ul.did-you-know li { width: 482px; height: 72px; padding: 0; }		
		ul.did-you-know li.environment { height: 92px; }
		
		
	#secondary-content { float: left; display: inline; width: 220px; }

		div#news { font-size: .917em;  }
			div#news h2 { margin: 0 0 1px; background: url(/images/h_news.gif) no-repeat 0 0; width: 220px; height: 30px; text-indent: -9000em; }
			div#news ul { float: left; display: inline; width: 220px; margin: 0 0 1em; }
			div#news ul li { float: left; display: inline; width: 200px; margin: 0 0 1px; padding: .909em 10px; background: #f2f2f2;; }
			div#news ul li p.news-date { float: left; display: inline; margin: 0 10px 0 0; width: 40px; }
				p.news-date span.year { display: block; }
			div#news ul li p.news-header { float: left; display: inline; width: 150px; }
			
		#secondary-content #watch-video { margin: 1.5em 0; }
			#secondary-content #watch-video a { display: block; width: 220px; height: 150px; background: url(/images/g_watch-video-inner.gif) no-repeat 0 0; text-indent: -9000em; }

#site-info { clear: both; float: left; display: inline; width: 940px; margin: 1.909em 10px 0; padding: .909em 0 8em; border-top: 1px solid #adadad; font-size: .917em; }
	#site-info a { color: #7a7a7a; }
	
	ul#supplementary-nav { float: left; display: inline; width: 690px; margin: 0 20px 0 10px; }
	ul#supplementary-nav li { display: inline; margin: 0 1.45em 0 0; }
	
	div#site-copyright { float: left; display: inline; margin-right: 10px; width: 210px; text-align: right; color: #7a7a7a; }
		#abt-brand { color: #adadad; }
		#abt-brand #abt-link a { color: #adadad;  }
	
/*======================================
	=Page Styles
======================================*/

/* index specific */

	body#index #banner { height: 330px; background: url(/images/g_banner-turbine.jpg) no-repeat 0 0; }
	
	body#index #content { margin: 30px 0 0; width: 720px; }

		body#index #federal h2,
		body#index #state-gov-commercial h2 { background: url(/images/h_federal.gif) no-repeat 0 0; margin: 0 0 1px 0; width: 340px; height: 30px; text-indent: -9000em; }
		body#index #state-gov-commercial  h2 { background: url(/images/h_state-government.gif) no-repeat 0 0; }
		body#index #federal h2 a,
		body#index #state-gov-commercial h2 a { display: block; width: 340px; height: 30px; }
		
		body#index #federal,
		body#index #state-gov-commercial { float: left; display: inline; width: 340px; margin: 0 20px 0 0; }
		
		body#index #federal p,
		body#index #state-gov-commercial p { margin: 1em 0 0; }
		
		body#index #zwynd-information { position: relative; float: left; display: inline; margin: 40px 20px 0 0; width: 700px; color: #336809; background: #daf2c2; }
			body#index #zwynd-information h2 { margin: 0 0 .5em 10px; background: url(/images/h_zwynd-information.gif) no-repeat 0 0; width: 450px; height: 30px; text-indent: -9000em; }
			body#index #zwynd-information p { margin-left: 10px; width: 450px; line-height: 1.67em; }
			body#index #zwynd-information p.more { margin: 1em 0 0; padding: .5em 0 0 10px; width: 690px; background: #fff; }
			body#index #zwynd-information p.more a { padding-right: 10px; background: url(/images/i_arrow-green.gif) no-repeat right .5em; color: #336809; font-weight: bold; text-decoration: none; }
			body#index #zwynd-information p.more a:hover { text-decoration: underline; }
			
			body#index #watch-video { position: absolute; top: 10px; right: 10px; width: 216px; height: 146px; border: 2px solid #336809; }
			body#index #watch-video a { display: block; width: 100%; height: 100%; background: url(/images/g_watch-video.gif) no-repeat 0 0; text-indent: -9000em; }
	
	body#index #secondary-content { }
		body#index #news { margin: 30px 0 0; }
			
/* end index specific */

/* one column */

	body.one-col { }
		body.one-col #content { width: 940px; margin-right: 0; }

/* inner page specific */
	
	body.inner #content,
	body.inner #secondary-content { margin-top: 30px; }
	
	body.inner #content { }
	body.inner #banner { text-indent: -9000em; }
	body.inner #banner h1 { position: absolute; top: 76px; left: 18px; color: #003355; text-indent: 0; font-size: 30px; letter-spacing: -1px; font-family: "Gotham", Arial;  }
				
	body.federal #secondary-nav h2 { background: url(/images/h_federal.gif) no-repeat 0 0; }
	body.stateandcommercial #secondary-nav h2 { background: url(/images/h_state-government.gif) no-repeat 0 0; }
	body.company #secondary-nav h2 { background: url(/images/h_company.gif) no-repeat 0 0; }
	body.contact #secondary-nav h2 { background: url(/images/h_contact.gif) no-repeat 0 0; }
	body.news #secondary-nav h2 { background: url(/images/h_news-inner.gif) no-repeat 0 0; }
	
	/* news page */
	body.news ul#news-list { margin: 0 0 1.5em; }
	body.news ul#news-list li { border-bottom: 1px dotted #adadad; padding: 0 0 1em; background: none; }
	body.news ul#news-list li h3.headline { margin: 0 0 1em; }
	body.news ul#news-list li div.summary { margin: 0 0 1em; }
	body.news ul#news-list li p.more { margin: 0; }
	body.news p#article-date { font-weight: bold; }
	
	ul#pagination { margin-left: 0; font-size: .75em; font-weight: bold; }
		#content ul#pagination li { display: inline; background: none; padding-left: 0; }
		#content ul#pagination li.next{ float: right; width: auto; }
		
	/* distributors */
	#tooltip { border: 3px solid #fff; position: absolute; top: 0; left: -9000em; padding: 1.5em; width: auto; height: auto; background: #daf2c2; font-size: .75em; }
		#tooltip dt { margin: 0 0 0; }
		#tooltip dd { margin: 0; }
	
/* end inner pages */

/*======================================
	=Navigation Styles
======================================*/

/* navigation */

	#navigation { clear: both; position: absolute; top: 50px; left: 250px; width: 710px; height: 50px; }
		
		#navigation ul,
		#navigation ul li,
		#navigation ul li a { float: left; display: inline; margin: 0; padding: 0; width: auto; height: 50px; background: url(/images/sp_nav.gif) no-repeat 0 0; }
		
		#navigation ul { margin: 0 0 0 170px; width: 540px; background: none; }
		#navigation ul li a { text-indent: -9000em; }
		
		#navigation ul li#n-home a { width: 64px; background-position: -170px 0; }
		#navigation ul li#n-federal a { width: 76px; background-position: -234px 0; }
		#navigation ul li#n-state a { width: 238px; background-position: -310px 0; }
		#navigation ul li#n-company a { width: 90px; background-position: -548px 0; }
		#navigation ul li#n-contact a { width: 72px; background-position: -638px 0;}
		
		/* hover states */
		#navigation ul li#n-home a:hover { background-position: -170px -50px; }
		#navigation ul li#n-federal a:hover { background-position: -234px -50px; }
		#navigation ul li#n-state a:hover { background-position: -310px -50px; }
		#navigation ul li#n-company a:hover { background-position: -548px -50px; }
		#navigation ul li#n-contact a:hover { background-position: -638px -50px;}
		
		/* on states */
		body.index #navigation ul li#n-home a,
		#navigation ul li#n-home a:focus { background-position: -170px -100px; }		
		body.federal #navigation ul li#n-federal a,
		#navigation ul li#n-federal a:focus { background-position: -234px -100px; }		
		body.stateandcommercial #navigation ul li#n-state a,
		#navigation ul li#n-state a:focus { background-position: -310px -100px; }		
		body.company #navigation ul li#n-company a,
		#navigation ul li#n-company a:focus { background-position: -548px -100px; }
		body.contact #navigation ul li#n-contact a,
		#navigation ul li#n-contact a:focus { background-position: -638px -100px;}
		
/* end navigation */		

/* secondary-nav */
	
	#secondary-nav { font-size: 1.167em; }
		#secondary-nav h2 { margin: 0 0 1px; width: 220px; height: 30px; text-indent: -9000em; background: no-repeat 0 0; }
		#secondary-nav ul { margin: 0 0 1em; }
		#secondary-nav ul li { margin: 0 0 1px; padding: 0; }			
		#secondary-nav ul li a { display: block; margin: 0 0 1px; padding: .909em 10px .909em 30px; background: url(/images/i_nav-arrow.gif) no-repeat 10px 1.3em #daf2c2; font-weight: bold; color: #336809; } 
		#secondary-nav ul li.on a { color: #fff; background-image: url(/images/i_nav-arrow-white.gif); background-color: #0078ae; }
	
/* end secondary-nav */

/*======================================
	=Custom Styles & Microformats
======================================*/

body.inner p.note { font-size: .625em; }