body {
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	background: url('images/topbkrnd.gif') top left repeat-x #2f3b3b;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: .9em; }

h1,h2,h3,h4,h5,p,ul,li, a { 
	margin: 0;
	padding: 0;
	line-height: 1em;
	text-align: left; }

img { 
	border: 0;
	margin: 0;
	padding: 0; }

h1, h2, h3, h4, h5 { 
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif ;
	font-weight: bold;
	position: relative;
	z-index: 2;
	line-height: 1em;
	color: #fff; }
	
	h1.huge {
		margin: 40px 0 30px 0;
		font-size: 3em; }
	
	h2 { 
		font-size: 1.7em;
		margin-bottom: 15px; }
			
		h2.large { font-size: 3em; }
		
	h3 { 
		font-size: 1.3em;
		margin-bottom: 15px; }

	h4 {
		font-size: 1.2em;
		margin: 20px 0 10px 0; }
	
a { color: #fff; }
	
	a:hover { text-decoration: none ; }

p, li { 
	line-height: 1.3em;
	margin-bottom: 10px;
	color: #d1d1d1; }
	
	p.caption { font-size: .9em; }
	
	p.caption, p.caption a { color: #586868 !important; }
	
	li strong { font-weight: bold; }

/* -----------------------------------*/
/* ------->>> Body Styles <<<---------*/
/* -----------------------------------*/

#frame {
	width: 960px;
	margin: 0px auto;
	text-align: left; }

#header { height: 230px; }

	#topgraphic {
		width: 300px;
		height: 194px;
		float: right;
		position: absolute;
		top: 36px; }
	
	.logo {	
		position: absolute;
		top: 55px;
		margin-left: 330px; }
	
	#header .nav { 
		position: absolute;
		top: 196px;
		margin-left: 330px; }
		
		#header .nav li {
			list-style-type: none;
			float: left;
			display: inline;
			margin: 0 2px 0 0; }
			
			#header .nav li a {
				color: #fff;
				text-decoration: none;
				display: block;
				width: 105px;
				height: 23px;
				padding-top: 11px;
				text-align: center;
				font-weight: bold;
				font-size: .9em;
				background: url('images/buttons.gif') top right no-repeat; }
				
				#header .nav li a:hover { 
					background: url('images/buttons.gif') top left no-repeat #2f3b3b; }
				
				#index .nav li a.home, #about .nav li a.about, #information .nav li a.information, #incentives .nav li a.incentives, #productsproducts .nav li a.products, #productswind_products .nav li a.products, #productssolar_products .nav li a.products, #productsother_products .nav li a.products, #contact .nav li a.contact, #thankyou .nav li a.contact { 
					background: url('images/buttons.gif') top left no-repeat #2f3b3b; }			
#content { 
	clear: both; 
	margin: 50px 0 0 0; }
	
	#content h1 { margin-bottom: 10px; }
	
	.attnbox { 
		width: 308px;
		height: 116px; 
		margin: -2px -4px 24px -4px;
		padding-top: 20px;
		background: url('images/attnbox.gif') top left no-repeat; }

		.bigarrow { 
			float: right;
			margin: 0px 34px 0 24px; }
			
		.attnbox h3 { margin: 0 0 3px 24px; }
			
			.attnbox h3.shadow, .attnbox h3.shadow2 {
				color: #2f3b3b;
				position: relative;
				left: 2px;
				z-index: 1; }
				
				.attnbox h3.shadow { 
					top: -1em;
					margin-bottom: -1em; }
				
				.attnbox h3.shadow2 { 
					top: -2em;
					margin-bottom: -2em; }
			
		.attnbox p { 
			margin: 2px 0 24px 24px;
			color: #fff !important;
			font-weight: bold;
			line-height: 1.1em; }

		
	.more { margin: 20px 0 0 0; }
		
		.more a { font-weight: bold; }
		
		.more img { 
			position: relative;
			top: 2px; }
			
	#content li { list-style-type: none; }
		
		li strong { color: #fff; }
		
	.bulleted li {
		list-style-image: url('images/smarrow.gif');
		margin-left: 20px; }
			
	ul.products { 
		padding-left: 13px;
		margin: -2px 0 15px 0; }
	
		#content ul.products li { 
			margin: 7px;
			list-style-image: url('images/smarrow.gif'); }
	
	#productsproducts #content img, #productswind_products #content img, #productssolar_products #content img, #productsother_products #content img {
		display: block;
		width: 298px;
		height: 118px;
		border: 1px solid #417979;
		margin-bottom: 10px; }
	
#footer {
	font-size: .9em;
	clear: both; 
	color: #586868;
	padding-top: 40px; 
	margin-bottom: 40px;
	height: 25px; }
	
	#footer a, #footer p { color: #586868; }
	
	#footer p.left { 
		clear: left;
		padding-top: 5px; }
	
	#footer .nav li {
		list-style-type: none;
		float: left; }
		
		#footer .nav li a {
			background: none !important;
			border-right: 1px solid #586868;
			padding: 0 5px 2px 5px; }
		
			#footer .nav li a.home { padding-left: 0; }
			
			#footer .nav li a.contact { border-right: none; }
	
	
/* -----------------------------------*/
/* ------>>> Global Classes <<<-------*/
/* -----------------------------------*/


.third {
	width: 300px; 
	float: left;
	display: inline;
	margin-right: 30px; }

.twothirds {
	width: 630px;
	float: right;
	display: inline; }

.half {
	width: 465px; 
	float: left; 
	display: inline;
	margin-right: 30px; }
	
.right { float: right }

.left { float: left; }

.last { margin-right: 0; }

.margintop { margin-top: 30px !important; }
	
.halfmargin { margin-top: 15px !important; }

.marginR { margin-right: 30px; }

.row { 
	padding-top: 30px;
	clear: both; }


/* -----------------------------------*/
/* -------->>> Form Style <<<---------*/
/* -----------------------------------*/

label { 
	display: block;
	float: left;
	clear: both;
	width: 150px; 
	margin: 7px 15px 7px 30px; }
	
input, select, textarea {
	float: right;
	width: 244px;
	padding: 3px;
	margin: 7px 100px 7px 0;
	border: 1px solid #797979; }
	
	select { width: 250px; }
	
	textarea { height: 100%; }

	input:focus, textarea:focus { 
		border: 2px solid #8db459;
		margin: 5px 98px 7px 0; }
	
.required { color: #8db459; }

form h4 { 
	clear: both;
	padding-top: 20px; }

input.submit { 
	width: 100px;
	clear: left; }
	
	input.submit:focus { border: none; margin: 7px 100px 9px 0; }