/* Global Styles */

body {
	text-align:left;
	font: Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	}
	
body#home a#homenav,

body#advantages a#advantagesnav,
body#siting a#sitingnav,
body#scalable a#scalablenav,
body#affordable a#affordablenav,
body#silent a#silentnav,

body#howitworks	a#howitworksnav,
body#windtoelec a#windtoelecnav,
body#integrated a#integratednav,
body#tested a#testednav,
body#gettingstarted a#gettingstartednav,
body#windeval a#windevalnav,
body#siteeval a#siteevalnav,
body#incentives a#incentivesnav,
body#purchase a#purchasenav,
body#install a#installnav,
body#resources a#resourcesnav,

body#productsandservices a#productsandservicesnav,

body#news a#newsnav,
body#pressreleases a#pressreleasesnav,
body#gallery a#gallerynav,
body#print a#printnav,
body#video a#videonav, 
body#brochure a#brochurenav,

body#contact a#contactnav
body#seeawindspire a#seeawindspire {
	color: #c1d72d;
	background-color: #999999;
	}
	
html {
	padding:0px;
	margin:0px;
	}
	
h1 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: .07em;
	line-height:  1.2em;
	margin-top: 0;
	}

h2 {
	font-size: 14px;
	font-weight: bold;
	line-height:  1.2em;
	margin-top: 0;
	}

h3 {
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	margin-top: 0;
	}

li {
	line-height: 20px;
	}
	

/* -----ID STYLES----- */

#wrapall {
	width: 935px;
	height: 500px;
	border: 1px solid #999999;
	margin-left: auto;
	margin-right: auto;
	margin-top: 7px;
	background-color: #ffffff;
	}
#intro {
	width: 600px;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	background-color: #ffffff;
	}
#wrapper {
	width: 925px;
	height: 460px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	background-color: #ffffff;
	
	}
	
#headwrap {
	width: 925px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	background-color: #ffffff;
	}
	
#navigation  {
	width: 925px;
	height: 30px;

	margin-bottom: 5px;
	}

/* BACKGROUND ID STYLES */
#container  {
	width: 923px;
	height: 420px;
	background-color: #ffffff;
	margin: none;
	}
#homecontainer  {
	width: 923px;
	height: 456px;
	border: none;
	background: transparent url(Images_10/windspireback.jpg) no-repeat;
	margin: none;
	}
	
#homecontainer2  {
	width: 923px;
	height: 456px;
	border: none;
	background: transparent url(Images_10/windspire1back.jpg) no-repeat;
	margin: none;
	}

#homecontainer3  {
	width: 923px;
	height: 456px;
	border: none;
	background: transparent url(Images_10/windspirencstateback.jpg) no-repeat;
	margin: none;
	}

#homecontainer4  {
	width: 923px;
	height: 456px;
	border: none;
	background: transparent url(Images_10/windspireworksback.jpg) no-repeat;
	margin: none;
	}

#homecontainer5  {
	width: 923px;
	height: 456px;
	border: none;
	background: transparent url(Images_10/windspireindy3back.jpg) no-repeat;
	margin: none;
	}
	
#homecontainer6  {
	width: 923px;
	height: 456px;
	border: none;
	background: transparent url(Images_10/windspireback6.jpg) no-repeat;
	margin: none;
	}

#homecontainer7  {
	width: 923px;
	height: 456px;
	border: none;
	background: transparent url(Images_10/windspireplainback.jpg) no-repeat;
	margin: none;
	}
	
	#homecontainer8  {
	width: 923px;
	height: 456px;
	border: none;
	background: transparent url(Images_10/windspireback7.jpg) no-repeat;
	margin: none;
	}

/* CONTENT FLOAT ID STYLES */

#content {
	float: left;
	margin: 10px 0 0 0;
	font: 11px Arial, Helvetica, sans-serif;
	color:#5c5c5c;;
	line-height: 1.2em;
	border: none;
	
	}
	
#contentscroll {
	float: left;
	margin: 0px 0px 0px 5px;
	font: 11px Arial, Helvetica, sans-serif;
	color:#5c5c5c;
	line-height: 1.2em;
	border: 1px solid #ffffff;
	overflow: scroll;
	overflow-x: hidden;
	height: 380px;
	width: 420px;
	padding: 5px;
	}

#contentscroll2 {
	float: left;
	margin: 135px 0px 0px 20px;
	font: 11px Arial, Helvetica, sans-serif;
	color:#5c5c5c;
	line-height: 1.2em;
	border: 1px solid #ffffff;
	overflow: scroll;
	overflow-x: hidden;
	height: 250px;
	width: 420px;
	padding: 5px;
	}
	
#content1b {
	width: 155px;
	height: 280px;
	float: left;
	margin: 120px 20px 0 5px;
	padding: 5px 5px 0 5px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 1.2em;
	border: 1px solid #a1a1a1;
	
	}

#content1bwidemid {
	width: 260px;
	height: 280px;
	float: left;
	margin: 120px 20px 0 5px;
	padding: 5px 5px 0 5px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 1.2em;
	border: 1px solid #a1a1a1;
	}
	
#content1bwidelow {
	width: 250px;
	height: 150px;
	float: left;
	margin: 200px 20px 0 5px;
	padding: 5px 5px 0 5px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 1.2em;
	border: none;
	
	}

#content2b {
	width: 200px;
	float: left;
	margin: 120px 0 0 0;
	padding: 0px 15px 0 0;
	font:11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	line-height: 1.2em;
	letter-spacing: .05em;
	}
	
#content2bwide {
	width: 250px;
	float: left;
	margin: 120px 0 0 0;
	padding: 0px 15px 0 0;
	font:11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	line-height: 1.2em;
	letter-spacing: .05em;
	}	

#content3b {
	width: 225px;
	float: left;
	margin: 115px 0 0 0;
	padding: 0px 15px 0px 10px;
	font:11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	line-height: 1.2em;
	letter-spacing: 0.05em;
	}

#content3bwidemid {
	width: 450px;
	height: 280px;
	float: left;
	margin: 120px 20px 0 5px;
	padding: 5px 5px 0 5px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 1.2em;
	border: 1px solid #a1a1a1;
	}

#content4b {
	width: 350px;
	float: left;
	margin: 20px 0px 0px 25px;
	padding: 0px 15px 0px 5px;
	font:11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	line-height: 1.2em;
	letter-spacing: 0.05em;
	border: 1px solid #ffffff;
	}

#content4bmid {
	width: 400px;
	float: left;
	margin: 30px 0px 0px 10px;
	padding: 0px 5px 0px 5px;
	font:11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	line-height: 1.2em;
	letter-spacing: 0.05em;
	}
	
#content4bwidemid {
	width: 550px;
	height: 280px;
	float: left;
	margin: 90px 20px 0px 10px;
	padding: 5px 5px 0 5px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 1.2em;
	border: none;
	}
	
#content5b {
	width: 600px;
	height: 375px;
	float: left;
	margin: 10px 20px 0 5px;
	padding: 5px 5px 0 5px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 1.2em;
	border: 1px solid #a1a1a1;
	}
				
#colorfield {
	width: 220px;
	height: 292px;
	float: left;
	background: #999999;
	margin: 10px 19px 0 0;
	padding: 10px;
	font:11px Arial, Helvetica, sans-serif;
	color: #ffffff;	
	line-height: 1.2em;
	letter-spacing: .05em;
	}

#contentdouble {
	width: 466px;
	float: left;
	margin: 0 0 0 0;
	padding: 10px 0 0;
	}
	
#content1float {
	width: 220px;
	float: left;
	margin: 0 15px 0 0;
	padding: 10px 0 0 0;
	font:11px Arial, Helvetica, sans-serif;
	color:#5c5c5c;
	line-height: 1.2em;
	letter-spacing: .05em;
	}
	
#content2float {
	width: 220px;
	float: right;
	margin: 0;
	padding: 10px 0 0 0;
	font:11px Arial, Helvetica, sans-serif;
	color:#5c5c5c;
	line-height: 1.2em;
	letter-spacing: .05em;
	}
#content3float {
	width: 210px;
	float: left;
	margin: 5px 10px 10px 5px;
	padding: 10px 0 0 0;
	font:11px Arial, Helvetica, sans-serif;
	color:#5c5c5c;
	line-height: 1.2em;
	letter-spacing: .05em;
	}
		
#content3wide {
	width: 425px;
	float: left;
	clear:left;
	margin: 0 0 0 15px;
	padding: 10px 15px 0 0;
	font:11px Arial, Helvetica, sans-serif;
	color:#5c5c5c;
	line-height: 1.2em;
	letter-spacing: .05em;
	}


#content1bright {
	width: 190px;
	float: right;
	margin: 20px 5px 0 20px;
	padding: 5px 5px 30px 5px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 1.2em;
	border: 1px solid #ffffff;
	
	}

#content2bright {
	width: 220px;
	float: right;
	margin: 20px 0 0 0;
	padding: 0px 15px 0 0;
	font:11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	line-height: 1.2em;
	letter-spacing: .05em;
	}
#content3bright {
	float: right;
	height: auto;
	width: auto;
	color: #FFFFFF;
	font: 11px Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
	line-height: 1.2em;
	margin: 80px;
	padding: 0px 15px 0 0;
}
#content4bright {
	float: right;
	height: auto;
	width: auto;
	color: #FFFFFF;
	font: 11px Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
	line-height: 1.2em;
	margin: 30px;
	padding: 0px 15px 0 0;
}
#content5bright {
	width: 300px;
	float: right;
	margin: 20px 5px 0 20px;
	padding: 5px 5px 30px 5px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 1.2em;
	border: 1px solid #ffffff;
}
#content6bright {
	float: right;
	height: auto;
	width: auto;
	color: #FFFFFF;
	font: 11px Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
	line-height: 1.2em;
	margin: 70px;
	padding: 0px 15px 0 0;
}
		
#footer {
	width: 925px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	border: none;
	clear: left;
	}

#textbrdr {
	border: 1px #999999 solid;
	margin: 10px 0 0 0;
	padding: 5px;
	}

#textbrdr2 {
	outline: 1px solid #c1d72d;
	border: 1px #c1d72d solid;
	margin: 0px 0 0 0;
	width: auto;
	}

	
/* -----CLASS STYLES----- */

.h1titlegrn {
	background: #c1d72d;
	font:16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: .07em;
	line-height:  1.2em;
	padding: 2px 6px  2px 6px ;
	color: #ffffff;
	}
	
.h1titleblu {
	background: #2c5b93;
	font:16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: .07em;
	line-height:  1.2em;
	padding: 2px 6px  2px 6px ;
	color: #ffffff;
	}
	
.h1titleborder {
	background: #ffffff;
	border: 1px #999999 solid;
	font:16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: .07em;
	line-height:  1.2em;
	padding: 2px 6px  2px 6px ;
	color: #80808;
	}	

.nextlink {
	padding: 2px;
	float: right;
	font:14px Arial, Helvetica, sans-serif;
	letter-spacing: .07em;
	text-decoration: none;
	color: #808080;	
	} 

a.nextlink:hover {	
	background-color: #999999;
	color: #ffffff;	
	}
	
.nextlinkwht {
	padding: 2px;
	float: right;
	font:14px Arial, Helvetica, sans-serif;
	letter-spacing: .07em;
	text-decoration: none;
	color: #999999;	
	} 

a.nextlinkwht:hover {	
	background-color: #999999;
	color: #ffffff;	
	}
	
.textlink {
	font-weight: bold;
	text-decoration: none;
	color: #2c5b93;	
	} 

a.textlink:hover {
	font-weight: bold;	
	background-color: #999999;
	color: #ffffff;	
	}
		
.textlinkg {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;	
	} 

a.textlinkg:hover {
	font-weight: bold;	
	background-color: #999999;
	color: #ffffff;	
	}
		
.textlinkA {
	font-weight: bold;
	text-decoration: none;
	color: #999999;
	}
	
.text2 {
	font-size: 11px;
	font-weight: 11px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	}
		
.footert {
	padding: 2px;
	float: right;
	font:14px Arial, Helvetica, sans-serif;
	letter-spacing: .07em;
	text-decoration: none;
	color: #999999;	
	} 

a.footert:hover {
	background-color: #999999;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	} 
	
.notopmargin {
	margin-top: 0px;
	}

img2 {
width: 50%;
height: 50%
} 

/* -----THE GALLERY CSS----- */

/* Gallery Container */
#gallery {width:456px; height:380px; margin: 10px 0 0 1px;   position:relative; background:#ffffff; float:left;}

/* Gallery List */
#gallery ul {list-style:none; padding:0 10px 5px 5px; margin:0 40px 0 0; width:70px; float:right; height:308px; overflow:auto;}

/* Gallery Thumbs */
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0px 0 12px 0; border:1px solid #fff; cursor:pointer;}
#gallery ul li img {display:block; width:50px; height:50px;}

/* Gallery Text */
#gallery ul li span {display:none; position:absolute; left:0; top:330px; width:312px;font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; text-align:justify;}
#gallery ul li span b {color:#444;}

/* required for IE5.x and IE6 to display the start image size correctly */
#gallery ul li.click i img.default {margin:0 auto 0 auto; width:312px; height:312px; border:0px solid #fff;}

/* Gallery Full Size Block */
#gallery ul li.off {display:none;}

#gallery ul li.click {border-color:#c1d72d; background:#f8f8f8; cursor:default;}

#gallery ul li.click i {position:absolute; left:0; top:0; width:312px; height:312px;}

#gallery ul li.click i img {margin:0 auto 0 auto; width:auto; height:auto; border:0px solid #fff;}

#gallery ul li.click span {display:block;}


/* -----THE MENU CSS----- */

.menu {
	width:924px; 
	height:30px; 
	position:relative; 
	z-index:100;
	margin-left: 0px; 
	border-right:1px solid #fff; 
	font-family:arial, sans-serif;
	}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:924px; w\idth:923px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}

.menu ul ul {
	width:152px;
	}
	
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:152px;
	position:relative;
	}
	
/* style the links for the top level */
.menu a, .menu a:visited {
	display: block;
	font-size: 12px;
	text-decoration: none; 
	color: #fff; /* top menu text color */ 
	width: 152px; 
	height: 30px; 
	border: 1px solid #fff; 
	border-width: 1px 0 1px 1px; 
	background: #999999; /* top menu background color */
	padding-left: 10px; 
	line-height: 29px; 
	font-weight: bold;
	}
	
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:152px; w/idth:141px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:152px;border-top:1px solid #fff;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:152px; top:-1px; width:152px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-152px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#c0c0c0; 
	color:#fff; 
	height:30px; 
	line-height:1em; 
	padding:5px 10px 0 10px; 
	width:131px;
	border-width:0 1px 1px 1px;
	}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:153px;w\idth:131px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	color:#fff; 
	background:#999999;
	}
	
.menu :hover > a, .menu ul ul :hover > a {
	color:#fff; 
	background:#999999;
	}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}