/* OVERALL STRUCTURE */

body
{
font-family:			Arial, Helvetica, sans-serif;
font-size:			12px;
line-height:			16px;
color:				#000000;
text-align:			center;   /* to correct the centering IE bug*/
vertical-align:		top;
margin:				0px 0px 10px 0px;
padding: 			0px 0px 0px 0px;
background-color:	#000000;
}

body a
{
color:                	#1a7dbd;
	text-decoration: none;
}

body a:hover
{
color:                	#1a7dbd;
	text-decoration: underline;
}



.center
{
margin-left:			auto;
margin-right:		auto;
width:				955px; /* mandatory to be centered */
text-align:			left; /* to realign your text */
padding: 			0px 0px 0px 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.content_home
{
width:				955px;
background-image:		url(/images/bodyBkgdHome.png); /*bkgnd_full.jpg*/
background-repeat: 		no-repeat;
float:				left;
text-align:			left;
height: 700px;
margin: 			0px 0px 0px 0px;
padding: 			0px 0px 0px 0px;
}



.content_sub
{
width:				955px;
background-image:		url(/images/bodyBkgd.png); /*bkgnd_sub2.gif*/
background-repeat: 		no-repeat;
background-color: #FFF;
float:				left;
text-align:			left;
margin: 			0px 0px 0px 0px;
padding: 			0px 0px 0px 0px;
}


.menu
{
width:				670px;
height: 36px;
float:				left;
text-align:			left;
margin: 			0px 0px 0px 0px;
padding: 			0px 0px 0px 0px;
display: inline; /* IE bug fix for doubling margin and pad values */
}


.toparea
{
width:				955px;
float:				left;
text-align:			left;
height: 97px;
margin: 			0px 0px 0px 0px;
padding: 			0px 0px 0px 0px;
}

#headerLinks
{
  position: relative;
  width: 955px;
  height: 66px;
}

#headerLinks a
{
  position: absolute;
  text-indent: -99999px;
}

#headerHome
{
  top: 15px;
  left: 40px;
  width: 206px;
  height: 40px;
}

#headerContactUs, #headerEnergyStandards, #headerGreenLeadership, #headerEnergyCalc, #headerInstallationVideos, #headerTechnicalLibrary
{
  top: 16px;
  width: 100px;
  height: 40px;
}

#headerContactUs
{
  left: 298px;
}

#headerEnergyStandards
{
  left: 402px;
}

#headerGreenLeadership
{
  left: 505px;
}

#headerEnergyCalc
{
  left: 608px;
}

#headerInstallationVideos
{
  left: 714px;
}

#headerTechnicalLibrary
{
  left: 818px;
}

#searchBox
{
  float: right; 
  margin-right: 42px;
  color: #ffffff;
  font-size: 11px;
}

#searchBox .button
{
  font-size: 11px;
}

.title
{
width:				670px;
float:				left;
text-align:			left;
margin: 			-3px 0px 0px 0px;
padding: 			0px 0px 10px 0px;
display: inline; /* IE bug fix for doubling margin and pad values */
}

h1, .title_text
{
font-family:			Arial, Helvetica, sans-serif;
font-size:			24px;
line-height:			28px;
color:				#FFF;
text-align:			left;
vertical-align:		top;
margin:				0px 0px 0px 0px;
padding: 			60px 0px 0px 43px;
}


.accordion_bd_homepage
{
width:				241px;
float:				right;
text-align:			left;
height: 435px;
margin: 			18px 0px 0px 0px;
padding: 			0px 0px 0px 0px;
border: 0px solid black;
display: inline; /* IE bug fix for doubling margin and pad values */
}


.accordion_bd
{
width:				241px;
float:				right;
text-align:			left;
margin: 			-18px 0px 30px 0px;
padding: 			0px 0px 0px 0px;
border: 0px solid black;
display: inline; /* IE bug fix for doubling margin and pad values */
}

.rightside_space
{
width:				224px;
float:				left;
text-align:			left;
margin: 			0px 0px 0px 0px;
padding: 			35px 0px 0px 0px;
border: 0px solid black;
display: inline; /* IE bug fix for doubling margin and pad values */
}


.rightside_pic
{
width:				224px;
float:				left;
text-align:			left;
margin: 			0px 0px 0px 0px;
padding: 			0px 0px 20px 0px;
border: 0px solid black;
display: inline; /* IE bug fix for doubling margin and pad values */
}

.rightside_text
{
width:				194px;
float:				left;
text-align:			left;
margin: 			0px 0px 0px 0px;
padding: 			0px 0px 0px 0px;
border: 0px solid black;
display: inline; /* IE bug fix for doubling margin and pad values */
}


.accordion_text
{
font-family:			Arial, Helvetica, sans-serif;
font-size:			11px;
line-height:			15px;
color:				#777;
text-align:			left;
vertical-align:		top;
margin:				10px 10px 10px 10px;
padding: 			0px 0px 0px 0px;
}


.accordion_text a
{
color:                	#5486b7;
	text-decoration: none;
}

.accordion_text  a:hover
{
color:                	#7fb6ec;
	text-decoration: underline;
}




* { margin: 0; padding: 0; }

#list2 {
	width: 194px;
	height: 435px;
	border: 0px solid #eee;
	overflow: hidden;
	margin:0px;
	padding:0px;
}
#list2 .head {
	width: 194px;
	height: 28px;
	margin:0px;
	padding:0px;
	overflow: hidden;
}
#list2 dd { height: 295px; overflow: hidden; }


.slideshow_bd
{
width:				700px;
float:				left;
text-align:			left;
height: 435px;
margin: 			5px 0px 0px 0px;
padding: 			0px 0px 0px 0px;
border: 0px solid black;
display: inline; /* IE bug fix for doubling margin and pad values */
}

.slideshow_bd_enviro
{
width:				700px;
float:				left;
text-align:			left;
height: 535px;
margin: 			0px 0px 0px 0px;
padding: 			0px 0px 0px 0px;
border: 0px solid black;
display: inline; /* IE bug fix for doubling margin and pad values */
}



.greenbar
{
width:				955px;
height: 10px;
background-image:		url(/images/greenbar.gif);
background-repeat: 		no-repeat;
background-position: bottom left;
background-color: #FFF;
float:				left;
text-align:			left;
margin: 			0px 0px 0px 0px;
padding: 			0px 0px 0px 0px;
border: 0px solid black;
display: inline; /* IE bug fix for doubling margin and pad values */
}





.whitelinks
{
width:				955px;
background-image:		url(/images/contact_logos2.gif);
background-repeat: 		no-repeat;
background-position: top right;
background-color: #000;
float:				left;
text-align:			left;
margin: 			0px 0px 0px 0px;
padding: 			25px 0px 0px 0px;
border: 0px solid black;
display: inline; /* IE bug fix for doubling margin and pad values */
}


.whitelinks_text
{
font-family:			Arial, Helvetica, sans-serif;
font-size:			11px;
line-height:			16px;
color:				#666;
text-align:			left;
vertical-align:		top;
margin: 			0px 0px 10px 40px;
padding: 			0px 0px 0px 0px;
}


.whitelinks_text a
{
color:                	#999;
	text-decoration: none;
}

.whitelinks_text  a:hover
{
color:                	#FFF;
	text-decoration: underline;
}


.bodyarea
{
width:				630px;
float:				left;
text-align:			left;
margin: 			0px 0px 0px 0px;
padding: 			50px 0px 15px 43px;
display: inline; /* IE bug fix for doubling margin and pad values */
}

.bodytext
{
font-family:			Arial, Helvetica, sans-serif;
font-size:			12px;
line-height:			16px;
color:				#000;
text-align:			left;
vertical-align:		top;
margin: 			0px 0px 10px 0px;
padding: 			0px 0px 0px 0px;
}

.bodytext a
{
color:                	#1a7dbd;
	text-decoration: none;
}

.bodytext  a:hover
{
color:                	#1a7dbd;
	text-decoration: underline;
}


.bodytext_sm
{
font-family:			Arial, Helvetica, sans-serif;
font-size:			9px;
line-height:			12px;
color:				#000;
text-align:			left;
vertical-align:		top;
margin: 			0px 0px 10px 0px;
padding: 			10px 0px 0px 0px;
}

.bodytext_sm a
{
color:                	#1a7dbd;
	text-decoration: none;
}

.bodytext_sm  a:hover
{
color:                	#1a7dbd;
	text-decoration: underline;
}


.homeslides_text
{
color:#8dc369; 
margin:0px 35px 0px 37px; 
padding:0px 0px 0px 0px; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
line-height:18px; 
text-align: left;
}

.homeslides_text a
{
color:                	#FFF;
	text-decoration: none;
}

.homeslides_text  a:hover
{
color:                	#FFF;
	text-decoration: underline;
}

h2, .subhead
{
font-family:			Georgia;
font-size:			14px;
line-height:			18px;
color:				#000;
text-align:			left;
vertical-align:		top;
margin: 			0px 0px 10px 0px;
padding: 			10px 0px 0px 0px;
font-weight: bold;
}

h2 a, .subhead a
{
color:                	#1a7dbd;
	text-decoration: none;
}

h2 a:hover, .subhead  a:hover
{
color:                	#1a7dbd;
	text-decoration: underline;
}

.home h1, .home h2, .home h3
{
  display: none;
}

h3
{
  font-size: 13px;
}

h4
{
  font-size: 12px;
}

.bodybullet
{
font-family:			Arial, Helvetica, sans-serif;
font-size:			12px;
line-height:			16px;
color:				#000;
text-align:			left;
vertical-align:		top;
margin: 			0px 0px 0px 15px;
padding: 			0px 0px 10px 0px;
}

.bodybullet a
{
color:                	#1a7dbd;
	text-decoration: none;
}

.bodybullet  a:hover
{
color:                	#1a7dbd;
	text-decoration: underline;
}

li
{
font-family:			Arial, Helvetica, sans-serif;
font-size:			12px;
line-height:			16px;
color:				#000;
text-align:			left;
vertical-align:		top;
margin: 			0px 0px 5px 0px;
padding: 			0px 0px 0px 0px;
}


td
{
font-family:			Arial, Helvetica, sans-serif;
font-size:			12px;
line-height:			16px;
color:				#000;
margin: 			0px 0px 0px 0px;
padding: 			0px 0px 0px 0px;
}

td a
{
color:                	#1a7dbd;
	text-decoration: none;
}

td a:hover
{
color:                	#1a7dbd;
	text-decoration: underline;
}


.blue_td
{
font-family:			Arial, Helvetica, sans-serif;
font-size:			12px;
line-height:			16px;
color:				#000;
text-align:			center;
vertical-align:		top;
margin: 			0px 0px 0px 0px;
padding: 			5px 5px 5px 5px;
background-color: #cee6fe;
}

.blue_td a
{
color:                	#1a7dbd;
	text-decoration: none;
}

.blue_td a:hover
{
color:                	#1a7dbd;
	text-decoration: underline;
}


.blue_td_dk
{
font-family:			Arial, Helvetica, sans-serif;
font-size:			12px;
line-height:			16px;
color:				#000;
text-align:			center;
vertical-align:		top;
margin: 			0px 0px 0px 0px;
padding: 			5px 5px 5px 5px;
background-color: #b0d1f2;
}

.blue_td_dk a
{
color:                	#1a7dbd;
	text-decoration: none;
}

.blue_td_dk a:hover
{
color:                	#1a7dbd;
	text-decoration: underline;
}





.random2
{
    width: 275px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-top: 14px;
float: left;
position: relative;
display: inline; /* IE bug fix for doubling margin and pad values */

}

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:113;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:114;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.qmmc 
{
  position:relative;
  /*zoom:1;*/  /* invalid css--may need to add back for IE. */
  z-index:115;
}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:116;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:117;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*//* QuickMenu 0 */#qm0{width:670px;height:33px;padding:0px 0px 0px 39px;background-color:transparent;}#qm0 a{padding:2px 3px 7px 3px;margin:9px 24px 0px 0px;background-color:#1A5003;color:#FFFFFF;font-family:Arial;font-size:11px;line-height:15px;text-decoration:none;font-weight:normal;text-align:left;border-width:0px;border-style:solid;border-color:#A6A6A6;}#qm0 a:hover{background-color:#1A5003;text-decoration:underline;}#qm0 li:hover>a{background-color:#1A5003;text-decoration:underline;}body #qm0 .qmactive, body #qm0 .qmactive:hover{background-color:#1A5003;text-decoration:underline;}#qm0 div{width:auto;padding:0px;margin:0px 0px 0px -5px;background-color:#081D00;border-width:0px;border-style:solid;border-color:#0F3001;}#qm0 div a{padding:5px 28px 5px 8px;margin:0px;background-color:transparent;color:#A1CD69;border-style:none;border-color:#000000;}#qm0 div a:hover{background-color:#206203;color:#FCFDFC;text-decoration:none;}#qm0 div a:hover{background-color:#206203;color:#FCFDFC;text-decoration:none;}body #qm0 div .qmactive, body #qm0 div .qmactive:hover{background-color:#206203;color:#FAFBFB;text-decoration:none;}#qm0 .qmtitle{cursor:default;padding:3px 0px 3px 4px;color:#444444;font-family:arial;font-size:11px;line-height:15px;font-weight:bold;}#qm0 .qmdividerx{border-top-width:1px;margin:4px 0px;border-color:#BFBFBF;}#qm0 .qmdividery{border-left-width:1px;height:15px;margin:4px 2px 0px;border-color:#AAAAAA;}#qm0 .qmbox{border-width:1px;border-style:solid;border-color:#999999;}#qm0 .qmritem span{border-color:#666666;background-color:#EEEEEE;}#qm0 .qmritemcontent{padding:0px 0px 0px 4px;}#qm0 div .qmritem span{border-color:#666666;background-color:#EEEEEE;}#qm0 div .qmritemcontent{padding:0px 0px 0px 4px;}#qm0 .qmhoverfill{background-color:#91ED99;}#qm0 div .qmhoverfill{background-color:#206203;border-width:0px;border-style:solid;border-color:#555555;}#qm0 div .qmhoverfill.qmhparent{background-color:#206203;}ul#qm0 .qmparent{padding:0px;background-image:url(file:///Users/brettdavis/Desktop/Visual%20QuickMenu/qmimages/cssalt1_arrow_down.gif);background-repeat:no-repeat;background-position:97% 50%;}ul#qm0 li:hover > a.qmparent{background-image:url(file:///Users/brettdavis/Desktop/Visual%20QuickMenu/qmimages/cssalt1_arrow_down_hover.gif);text-decoration:underline;}ul#qm0 ul .qmparent{background-image:url(file:///Users/brettdavis/Desktop/Visual%20QuickMenu/qmimages/cssalt1_arrow_right.gif);}ul#qm0 ul li:hover > a.qmparent{background-image:url(file:///Users/brettdavis/Desktop/Visual%20QuickMenu/qmimages/cssalt1_arrow_right_hover.gif);}

.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}

/* contentslider */

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 700px; /*width of featured content slider*/
height: 346px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: white;
width: 690px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
/*filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);*/ /* invalid css--may need to add back for IE. */
/*-moz-opacity: 1; */ /* invalid css--may need to add back for FF. */
/*opacity: 1;*/ /* invalid css--may need to add back for IE. */
}

.pagination{
width: 700px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
padding: 5px 10px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}



#paginate-slider4 a img{
width: 80px;
height: 52px;
border: 2px solid #699744;
margin-top: 8px;
margin-right:8px;
}


#paginate-slider4 a img:hover, #paginate-slider4 a.selected img{
border: 2px solid white;
}