/************** GENERAL ****************/

html {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

body,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height: 16px;
	color: #6d6d6d;
}

ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14.5px;
	color: #6d6d6d;
}

ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14.5px;
	color: #6d6d6d;
}
body {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	color: #3369b3;
	text-decoration: none;
}

a:visited {
	color: #3369b3;
}

a:hover {
	color: #4E2B00;
	text-decoration: none;
}

a:active {
	color: #3369b3;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14.5px;
}

h1 {
	font-size: 20px;
	color: #35ac69;
	line-height:22px;
	font-weight: bold;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h2 {
	font-size: 1.5em;
	font-weight: bold;	
	margin: 6px 0 6px 0;
	padding: 0 0 0 0;
}

h3 {
	font-size: 15px;
	color: #35ac69;
	line-height:22px;
	font-weight: bold;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h4 {
	font-size: 1.2em;
	font-weight: normal;	
	margin: 0 0 6px 0;
	padding: 0 0 0 0;
}

table {
	text-align:center;
	font-size:14.5px;
	border: solid #333333 1px;
	width: 95%;
}
th {
	font-size:16px;
	font-weight:bold;
	border: solid #333333 1px;
}

td {
	border: solid #333333 1px;
}

table ul {
	padding: 0 0 0 20px;
}

strong {
	text-align:left;
	font-weight:bold;
}

sup {
	font-size: 10px;
	line-height: 8px;
}

sub {
	font-size: 10px;
	line-height: 8px;
}
.fit_example {
	color: #333333;
	font-weight:bold;
	font-size:16.5px;
	text-decoration:none;
}

.spaced {
	line-height: 15pt;
}
.left {
	text-align:left;
}
.center {
	text-align:center;
}

.float_right {
	float:right;
	padding: 2px 2px 2px 5px;
}

.italics {
	font-style:italic;
}
.highlight {
	color:#35ac69;
}
.small_link {
	font-size:12px;
}

.light {
	color:#FFFFFF;
}

.dark {
	color:#333333;
}
.quote {
 	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0 0px 0;
	padding: 0px 3px 0px 3px;
	color: #35ac69;
	font-style:italic;
	font-size:14.5px;
}

.quote_dark {
 	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0 0px 0;
	padding: 0px 3px 0px 3px;
	color:#333333;
	font-style:italic;
	font-weight:bold;
	font-size:15px;
}
.quote_ref{
 	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0 0px 0;
	padding: 0px 3px 0px 3px;
	color: #35ac69;
	font-style:normal;
	font-size:14.5px;
	text-align: right;
}

.quote_ref_dark {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0 0px 0;
	padding: 0px 3px 0px 3px;
	color: #6d6d6d;
	font-style:italic;
	font-size:15px;
	text-align: right;
}

.imgTxt {
float: left;
margin: 0 20px 0 0;
}

.divider
{
	clear: both;
	margin: 0;
	padding: 0;
}

/************** LAYOUT ****************/

#container {
	margin: 0 auto 0 auto;
	width: 928px;
	text-align: left;
}


#banner {
	width: 928px;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;
}

#bannerContact {
	margin: 18px 80px 0 0;
	clear: right;
	float: right;
}

#bannerContact a, #bannerContact a:link, #bannerContact a:visited
{
	color: #3369b3;
	border-left: solid 1px #6d6d6d;
	padding: 0 0 0 5px;
	margin: 0 0 0 5px;
}

#bannerContact a:hover
{
	color: #538dd3;
}

#logo {
	width: 163px;
	padding: 0px 0 7px 160px;
	margin: 0 0 0 0;
	float: left;
	}



/************** MENU ****************/


#menu {
	float: right;
	height:4em;
	margin:0px 0px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align: right;
	color:#818284;
	width: 605px;
	}

#menu li {

	list-style-type:none;
	background-image:url(images/menu_spacer.gif);
	background-repeat: no-repeat;
	background-position:right;
	float:left;
	padding:0px 12px 0 12px;
	margin:9px 0 0 0;
	position:relative;
			
}

#menu a, #menu a:link, #menu a:visited
{
	text-decoration: none;
	font-size: 1.1em;
	color: #666666;
	font-weight: normal;
	display: block;
	line-height: 10px;
	font-weight: bold;
	}
#menu a:active{
	color: #66FF99;
}

#menu a:hover
{
	color: #3369b3;
}


/************ Set current page menu item colour ***********/

body#home a#homenav,
body#about a#aboutnav,
body#services a#servicesnav,
body#wind a#windnav,
body#solar a#solarnav,
body#trade a#tradenav,
body#case a#casenav,
body#gallery a#gallerynav,
body#contact a#contactnav {
color: #38B77B;
}

/************** CONTENT ****************/

#blade {
	width:100%;
	height:700px;
	background-image:url(images/animated_blade2.gif);
	background-repeat:no-repeat;
		}
		
#blade2 {
	width:100%;
	height:700px;
	background-image:url(images/blade2.gif);
	background-repeat:no-repeat;
		}

#tagline {
	padding: 33px 5px 0 5px;
	width:654px;
	height:136px;
}

#tagline h1 {
	font-family:Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
	color:#FFFFFF;
	font-weight:bold;
	font-size:20px;
}

#tagline p {
	font-family:Arial, Helvetica, sans-serif;
	color:#6d6d6d;
	font-weight:normal;
	font-size:14.5px;
	margin: 0 0 5px 0;
}

#external_logos {
	width: 220px;
	text-align: center;
	padding: 0px 0 0 0;
	
}

#leftCol {
	width: 220px;
	float: left;
	padding: 0px 0 0px 0px;;
	}

/************** Left Column Navigation ******************/	
#leftColnav {
	height:390px;
	padding:100px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
}

#leftColnav ul {
	display:block;
	width:155px;
}

#leftColnav li {
	list-style-type:none;
}

#leftColnav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #58595B;
	text-decoration: none;
}

#leftColnav a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #3369B3;
	text-decoration: none;
}
		 /**************** About Us Page ***************/

#about_us_leftCol1 {
	float: left;
	padding: 5px 0 5px 55px;;
}
#about_us_leftCol2 {
	float: left;
	padding: 5px 0 5px 48px;;
}
#about_us_leftCol3 {
	float: left;
	padding: 5px 0 5px 35px;;
}
#about_us_leftCol4 {
	float: left;
	padding: 5px 0 5px 22px;;
}

		/**************** Our Services Page **************/
#services_leftCol1 {
	float: left;
	padding: 5px 0 5px 55px;;
}
#services_leftCol2 {
	float: left;
	padding: 5px 0 5px 48px;;
}
#services_leftCol3 {
	float: left;
	padding: 5px 0 5px 35px;;
}
#services_leftCol4 {
	float: left;
	padding: 5px 0 5px 22px;;
}		
#services_leftCol5 {
	float: left;
	padding: 5px 0 5px 18px;;
}		

		/******* Wind Power Page ******/

#wind_leftCol1 {
	float: left;
	padding: 5px 0 5px 55px;;
}
#wind_leftCol2 {
	float: left;
	padding: 5px 0 5px 48px;;
}
#wind_leftCol3 {
	float: left;
	padding: 5px 0 5px 35px;;
}
#wind_leftCol4 {
	float: left;
	padding: 5px 0 5px 22px;;
}


		/************* Wind Products pages ********************/

#leftColnav.wind a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
}
#turbine_leftCol1 {
	float: left;
	padding: 5px 0 5px 55px;;
}
#turbine_leftCol2 {
	float: left;
	padding: 5px 0 5px 48px;;
}
#turbine_leftCol3 {
	float: left;
	padding: 5px 0 5px 35px;;
}
#turbine_leftCol4 {
	float: left;
	padding: 5px 0 5px 22px;;
}		
#turbine_leftCol5 {
	float: left;
	padding: 5px 0 5px 18px;;
}
#turbine_leftCol6 {
	float: left;
	padding: 5px 0 5px 12px;;
}

		/****************** Case Studies Page *********************/
#case_leftCol1 {
	float: left;
	padding: 5px 0 5px 55px;;
}
#case_leftCol2 {
	float: left;
	padding: 5px 0 5px 43px;;
}
#case_leftCol3 {
	float: left;
	padding: 5px 0 5px 30px;;
}
#case_leftCol4 {
	float: left;
	padding: 5px 0 5px 20px;;
}		
#case_leftCol5 {
	float: left;
	padding: 5px 0 5px 14px;;
}
#case_leftCol6 {
	float: left;
	padding: 5px 0 5px 12px;;
}
		
		

		/****************** Solar Power Page **********************/

#solar_leftCol1 {
	float: left;
	padding: 5px 0 5px 55px;;
}
#solar_leftCol2 {
	float: left;
	padding: 5px 0 5px 48px;;
}
#solar_leftCol3 {
	float: left;
	padding: 5px 0 5px 35px;;
}
#solar_leftCol4 {
	float: left;
	padding: 5px 0 5px 22px;;
}

		/********************* Solar Products Page ****************/
		
#leftColnav.solar2 {
	height:390px;
	padding:100px 0 0 0;
}
#leftColnav.solar2 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
}

#solar2_leftCol1 {
	float: left;
	padding: 5px 0 5px 60px;;
}
#solar2_leftCol2 {
	float: left;
	padding: 5px 0 5px 47px;;
}
#solar2_leftCol3 {
	float: left;
	padding: 5px 0 5px 32px;;
}
#solar2_leftCol4 {
	float: left;
	padding: 5px 0 5px 20px;;
}		
#solar2_leftCol5 {
	float: left;
	padding: 5px 0 5px 12px;;
}
#solar2_leftCol6 {
	float: left;
	padding: 5px 0 5px 9px;;
}
#solar2_leftCol7 {
	float: left;
	padding: 5px 0 5px 12px;;
}

		/********************* FIT Page ***********************/
#leftColnav.fit {
	height:440px;
	padding:50px 0 0 0;
}
#leftColnav.fit a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
}

#fit_leftCol1 {
	float: left;
	padding: 5px 0 5px 60px;;
}
#fit_leftCol2 {
	float: left;
	padding: 5px 0 5px 60px;;
}
#fit_leftCol3 {
	float: left;
	padding: 5px 0 5px 55px;;
}
#fit_leftCol4 {
	float: left;
	padding: 5px 0 5px 45px;;
}		
#fit_leftCol5 {
	float: left;
	padding: 5px 0 5px 30px;;
}
#fit_leftCol6 {
	float: left;
	padding: 5px 0 5px 14px;;
}
#fit_leftCol7 {
	float: left;
	padding: 5px 0 5px 6px;;
}
#fit_leftCol8 {
	float: left;
	padding: 5px 0 5px 2px;;
}
#fit_leftCol9 {
	float: left;
	padding: 5px 0 5px 12px;;
}

		/****************** Glossary Page ********************/
#leftColnav.glossary a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
}
		
#glossary_leftCol1 {
	float: left;
	padding: 5px 0 5px 55px;;
}
#glossary_leftCol2 {
	float: left;
	padding: 5px 0 5px 42px;;
}
#glossary_leftCol3 {
	float: left;
	padding: 5px 0 5px 27px;;
}
#glossary_leftCol4 {
	float: left;
	padding: 5px 0 5px 20px;;
}

		/**************** Gallery Page *******************************/
		
#gallery_leftCol1 {
	float: left;
	padding: 5px 0 5px 65px;;
}
#gallery_leftCol2 {
	float: left;
	padding: 5px 0 5px 52px;;
}
#gallery_leftCol3 {
	float: left;
	padding: 5px 0 5px 37px;;
}
#gallery_leftCol4 {
	float: left;
	padding: 5px 0 5px 30px;;
}
/***************** Feed in Tariffs Page ********************/

#sectionEligibility {
	background-color:#FFFFFF;
	border: solid #006600 2px;
	float: left;
	padding: 15px 15px 15px 15px;
	width: 158px;
	height: 250px;
	margin: 5px 0 0 0;
}

#sectionEligibility ul{
	padding-left: 7px;
	font-size: 12px;
}

#sectionGreatnews {
	background-color:#FFFFFF;
	border: solid #006600 2px;
	float: left;
	margin: 5px 0 0 33px;
	padding: 15px 15px 15px 15px;
	width: 158px;
	height: 250px;
}

#sectionGreatnews ul{
	padding-left: 7px;
	font-size: 12px;
}

#sectionBenefits {
	background-color:#FFFFFF;
	border: solid #006600 2px;
	float: left;
	margin: 5px 0 0 33px;
	padding: 15px 15px 15px 15px;
	width: 158px;
	height: 250px;
}

#sectionBenefits ul{
	padding-left: 7px;
	font-size: 12px;
}

/* Hover Zoom effect */
a.p1 {
	display:block; 
	width:624px; 
	height:236px; 
	text-decoration:none; 
	background:#fff; 
	border:0; 
	float:left;
}

a.p1 img {
	display:block; 
	border:0;
}

a.p1:hover {
	text-decoration:none; 
	background-color:#8c97a3; 
	color:#000; 
	position:relative; 
	z-index:500;
}

a.p1 b {
	display:block; 
	position:absolute; 
	left:-9999px; 
	padding:10px; 
	opacity:0;
	 -webkit-transition: opacity 0.6s ease-in-out;
}

a.p1:hover b {
	top:-50px; 
	left:-200px; 
	padding:0px; 
	border:1px solid #aaa; 
	background:#fff; 
	opacity:1.0;
}
/*************** *****************/


#mainContent  {
	float: left;
	width: 704px;
	font-size: 1.1em;
	background-image: url(images/home_bg.jpg);
	background-repeat: no-repeat;
	padding-left:0px;
}

#homeSections {
	padding: 0px 0 0 2px;
	float: left;
	font-size: 0.9em;
	line-height: 14px;
	width: 645px;
	/*background-image: url(images/box_bckgrnd.jpg);
	background-repeat:no-repeat;*/
	margin: 0 0 0 0;
}
#boxSections {
	padding: 0px 0 0 2px;
	float: left;
	font-size: 0.9em;
	line-height: 14px;
	height: 300px;
	width: 645px;
	background-repeat:no-repeat;
	margin: 0 0 0 0;
	background-image: url(images/box_bkgrnd2.jpg);
}
#boxSections_no_bckgrnd {
	padding: 0px 0 0 2px;
	float: left;
	font-size: 0.9em;
	line-height: 14px;
	height: 300px;
	width: 645px;
	background-repeat:no-repeat;
	margin: 0 0 0 0;
}

#sectionWind {
	background-image: url(images/home_windpower_boxbg.jpg);
	background-repeat: no-repeat;
	float: left;
	padding: 150px 15px 15px 15px;
	width: 163px;
	height: 96px;
	margin: 5px 0 0 0;
	line-height: 125%;
}

#sectionSolar {
	background-image: url(images/home_solar_boxbg.jpg);
	background-repeat: no-repeat;
	float: left;
	margin: 5px 0 0 33px;
	padding: 150px 15px 15px 15px;
	width: 163px;
	height: 96px;
	line-height: 125%;
}

#pv_panels {
	width: 240px;
	float: left;
}

#pv_panels_pics {
	width: 160px;
	float: left;
	padding: 0 0 0 30px;
}

#clear {
	clear: both;
}

#sectionContact {
	background-image: url(images/home_contact_boxbg.jpg);
	background-repeat: no-repeat;
	float: left;
	margin: 5px 0 0 33px;
	padding: 150px 15px 15px 15px;
	width: 163px;
	height: 96px;
}

#sectionContact img {
	margin:0 0 -10px 0;
}

#sectionContact ul {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0 5px 5px;
	padding: 10px 0 5px 10px;
	line-height:20px;
	color:#3369B3;
	font-weight:bold;
	font-size:12px;
}

#sectionContact li {
	line-height: 33px;
}
#content_container  {
	margin: 25px 0px 20px 2px;
	float: left;
	width: 650px;
	

}

#content {
	width: 435px;
	float:left;
	padding: 0 0 0 0;
}

#content_wide {
	width:645px;
}

#leftContent  {
	width: 380px;
	float: left;
	margin: 128px 30px 0 0;
}

.cws-content  {
	width: 380px;
	float: left;
	margin: 0px 0 0 0;
}


.cws-sidebar {
	width: 172px;
	border: 4px solid #c4d8ef;
	float: right;
	margin: 0 0 0 0;
}

.cws-sidebar p {
	margin: 10px 10px 10px 10px;
	padding: 0 0 0 0;
	font-size: 0.9em;
	line-height: 14px;
}

#defaultSide {
	width: 172px;
	border: 4px solid #c4d8ef;
	float: left;
	margin: 100px 0 0 0;
}

#defaultSide p {
	margin: 10px 10px 10px 10px;
	padding: 0 0 0 0;
	font-size: 9px;
	line-height: 14px;
}

#sideText {
	padding: 10px 10px 10px 10px;
	font-size: 0.9em;
	line-height: 14px;
}


/************** END CONTENT ****************/

/************** RIGHT SIDEBAR STYLES **************/

#right_sidebar {
	width: 195px;
	height:100%;
	float:left;
	margin:0 0 0 13px;
	background-color:#38B87C;
	padding: 2px 0 10px 0;
}

#right_sidebar h1 {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 3px 3px 0px 3px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:18px;
}

#right_sidebar p {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0 0px 0;
	padding: 0px 3px 0px 3px;
	color:#FFFFFF;
	font-weight:normal;
	font-size:11px;
}

#right_sidebar .news {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0 0px 0;
	padding: 0px 3px 0px 3px;
	color:#FFFFFF;
	font-style:italic;
	font-size:11px;
}

#right_sidebar img {
	display:block;
	margin-left: auto;   
	margin-right: auto;
	padding: 3px 0 3px 0;   
}


/**************** GALLERY ******************/

#gallery1 {
	margin:0;
	padding:0;
	height:500px;
	overflow:auto;
	color:#222;
	clear: both;
	background-color: #fff;
}
#gallery1 ul {margin:0; padding:0; list-style:none; white-space:nowrap; display:table-row;}
#gallery1 ul li{display:table-cell; padding:0 15px; background:#94D0AC; border-bottom:1px solid #888; vertical-align:top;}
#gallery1 ul li img {border:1px solid #555; margin: 10px 0 10px 0;}
#gallery1 p {margin:0; padding:5px 0; font-size:12px; color: #333333; font-weight:bold;}


/************** FOOTER ****************/

#pageEnd {
	padding: 0 40px 0 0;
	clear: both;
}

#footer {
	float:left;
	width: 660px;
	padding: 0 0 40px 0;
	font-size: 10px;
	line-height: 14px;
	color: #6d6d6d;
	border-top: solid 1px #b2b2b2;
}

#footer_left {
	float:left;
	width: 220px;
	padding: 0 0 40px 0;
	font-size: 10px;
	line-height: 14px;
	color: #6d6d6d;
	border-top: solid 1px #b2b2b2;
}

#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 0 0 0 14px;
	
}
#footer ul
{
	margin: 0;
	padding: 5px 0 1px 0;
}

#footer li
{
	display: inline;
	list-style-type: none;
	line-height: 12px;
}

#footer li a, #footer li a:link, #footer li a:visited
{
	font-size: 10px;
	line-height: 14px;
	color: #6d6d6d;
	text-decoration: none;
	border-left: solid 1px #6d6d6d;
	padding: 0 0 0 7px;
	margin: 0 0 0 5px;
	
}


#footer li a:hover
{
	text-decoration: underline;
}
#content_wide2 {
	width: 645px;
}