/*--------------------------------------|
| Site: http://www.smashingmagazine.com |
| Author: John O'Nolan                  |
| Author URI: http://john.onolan.org    |
| Type: Screen                          |
| Date: June 2009                       |
|--------------------------------------*/

/*--- CSS Reset ---*/
html,body,div,span,object,iframe,h1,h2,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}

body{line-height:22px;}
ul{list-style:none;}
caption,th,td{text-align:left;font-weight:normal;}
#containing_floats{width:960px;height:280px;}
.left{float:left;}
.right{float:right;margin-right:0!important;}
.clearfix:after{display:block;height:0;clear:both;visibility:hidden;}
/* Hides from IE-max \*/* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac *//*--- Common ---*/
h1{font-size:70px;letter-spacing:-5px;font-weight:800;}
.biggest{font-size:90px;}
#main_title{width:575px;float:left;margin:45px 20px 0 0;text-align:center;}
#main_title_text{width:500px;height:70px;float:left;clear:both;padding-left:10px;padding-top:20px;text-align:left;}
#main_title_thirtychallenge{width:640px;height:70px;float:left;clear:both;padding-left:10px;padding-top:20px;text-align:left;}
h2#hspecial{font-family: "Helvetica Neue Light", "Helvetica Neue UltraLight", Helvetica, Arial;font-size:70px;font-weight:100;}
h2#hchallenge{font-family: "Helvetica Neue Light", "Helvetica Neue UltraLight", Helvetica, Arial;font-size:60px;font-weight:100;color:#33BAE3;}
h2#habout{font-family: "Helvetica Neue Light", "Helvetica Neue UltraLight", Helvetica, Arial;font-size:60px;font-weight:100;color: #330000;}
h2{font-size:40px;line-height:45px;letter-spacing:-1px;text-indent:-15px;}
h3{
	float:left;
	margin:0 0 30px;
	font-family:Helvetica, Arial;
	font-weight:normal;
	font-size:30px;
	line-height:30px;
	width:80%;
}
h4{float:left;margin:0 0 20px;font-size:20px;}
h5{font-family:helvetica, arial;font-size:54px;text-transform:uppercase;letter-spacing:-5px;}
p{font-size:20px;line-height:24px;margin-bottom:24px;float:left;}
em{font-style:italic;border-bottom:1px dashed;}
strong{font-weight:bold;color:#a15d5d;text-transform:uppercase;}
a{color:#fff;border-bottom:1px solid;}
a:hover{color:#ff9000;}
.o{color:#ff9000;}
.orange{color:#d75900;}
.number{float:right;color:#FCAF17;font-family:Times, Georgia, Serif;font-size:28px;line-height:normal;padding:7px 0 0;}
.wrapper{width:960px;margin:0 auto;padding: 70px 0 0 0;}
/*--- Nav ---*/#nav{list-style:none;margin:0;padding:7px 0 0;font-size:20px;letter-spacing:-1px;position:relative;z-index:50;}
#nav li{float:left;margin:0 72px 0 0;}
#nav li a{text-decoration:none;padding:3px 10px;border:none;}
#nav li#first a{padding-left:0;}
.nav{list-style:none;margin:0;padding:7px 0 0;font-size:20px;letter-spacing:-1px;position:relative;z-index:50;float:left;}
.nav li{float:left;margin:0 60px 0 0;}
.nav li a{text-decoration:none;padding:3px 10px;border:none;}
.nav li#first a{padding-left:0;}
/*--- Header ---*/#header{height:40px;}
#logo{float:left;margin:65px 0 0;}
#elogo{float:left;}
/*--- Content ---*/.box{float:left;width:100%;margin:25px 30px 0 0;padding:10px 0 0;background:url(../images/box-bg.png) top left repeat-x;overflow:hidden;}
.boxwhite{float:left;width:100%;margin:25px 30px 0 0;padding:10px 0 0;background:#fff;overflow:hidden;}
.content{float:left;width:100%;margin:25px 30px 0 0;padding:10px 0 0;}
.small{width:300px;}
.big{width:630px;}
.sidenote p{text-align:right;font-size:30px;line-height:24px;margin:-1px 0 24px;float:none;}
/*--- Footer ---*/#footer{float:left;width:100%;height:355px;margin:50px 0 0;background:url(../images/footer-bg.png) bottom left repeat-x;}
.inner{width:960px;margin:0 auto;padding:40px 0 0;}
#footer_other img{margin:0 53px 10px 0;width:200px;float:left;}
.credits{margin:35px 0 0;font-size:13px;}
.credits a{text-decoration:none;}
#purple{background-color:#990099;}
#yellow{background-color:#CCFF00;}
#blue{background-color:#0099FF;}
.black{color:#330033;}
.color{color:#66FFFF;}
#footerwrapper{clear:both;width:100%;height:300px;background-image:url(../images/box-bg.png);background-repeat:no-repeat;background-position:center;padding-top:90px;}
#footerlinks{margin:0 0px 0 20px;float:left;width:300px;height:100px;height:150px;display:inline;}
#footerarticles{margin:0;float:left;width:600px;height:100px;}
.footernaslov{font:italic 36px "Georgia", serif;color:#FFFFFF;margin-bottom:15px;}
.footerlink{letter-spacing:3px;font-family:"Georgia", serif;font-size:11px;text-transform:uppercase;color:#FFFFFF;height:28px;line-height:25px;margin-right:30px;}
.footerlink a{color:#ffffff;text-decoration:none;}
.footerlink a:hover{background-color:#ffffff;color:#956f60;text-decoration:none;}
.footerlink img{margin-right:10px;float:left;}
.footerarticle{font:11px "Georgia", serif;text-transform:uppercase;color:#FFFFFF;letter-spacing:3px;height:28px;line-height:25px;}
.footerarticle a{color:#ffffff;text-decoration:none;}
.footerarticle a:hover{background-color:#ffffff;color:#956f60;text-decoration:none;}
.footerarticle ul{float:left;margin:0 20px 0 0;}
.footerarticle li{margin:0 30px 0 0;}
.nav li a{color:#ffffff;text-decoration:none;}
.nav li a:hover{background-color:#ffffff;color:#956f60;text-decoration:none;}
#bottomline{font:11px "Georgia", serif;text-transform:uppercase;letter-spacing:2px;color:#CCCCCC;clear:both;margin:0 auto;width:960px;padding-top:100px;text-align:center;}
#bottomline a{color:#605f5b;text-decoration:none;}
#bottomline a:hover{background-color:#605f5b;color:#b2dad2;text-decoration:none;}
.float_text_right{float:right;margin-right:0!important;font-style:italic;}
#right_quote{width:300px;float:left;margin:45px 0 0 60px;}



.photo-meta-data{
	background-color:#e5e2d1;
	z-index:11000;
	color:#363739;
	width:300px;
	height:500px;
	font-family:Times, Georgia, Serif;
	font-size:12px;
	overflow:hidden;
	border: #CCCCCC solid 2px;
}
.photo-meta-data h5{padding-right:10px;padding-left:10px;font-family:Helvetica, Arial;font-size:28px;font-weight:100;line-height:normal;margin-top:5px;margin-bottom:0;}
.photo-meta-data p{padding-right:10px;padding-left:10px;font-size:20px;line-height:100%;font-weight:100;text-indent:0;margin-top:5px;}
.photo-meta-data a{color:#ff8000;font-weight:bold;}
.photo-meta-data a:hover{text-decoration:underline;}



.left_box{background:url(../images/left_box_pic.jpg) top left no-repeat;z-index:10;}
.middle_box{background:url(../images/middle_box_pic.jpg) top left no-repeat;z-index:10;}
.right_box{background:url(../images/right_box_pic.jpg) top left no-repeat;z-index:10;}




#photo_background{background:url(../../images/education/acrobat3.jpg) bottom left no-repeat;width:960px px;height:500px;z-index:200;}
#hoverblock ul{position:relative;list-style-type:none;margin:0;top:20px;padding-left:35px;}
#hoverblock li{border:none;float:left;width:164px;margin-right:32px;}
#hoverblock a{float:left;}
#hoverblock li a{color:#ffffff;background-color:#d75900;display:block;font-family:Arial, Helvetica, sans-serif;font-size:16px;text-decoration:none;line-height:130%;text-align:center;}
* html #hoverblock li a{/* make hover effect work in IE */width:164px;}
#hoverblock li a:hover{background-color:#ffffcc;color:#363739;}
#hoverblock a em{color:#333;display:block;font:normal 85% Verdana, Helvetica, sans-serif;line-height:125%;}
#hoverblock a em2{color:#125F15;font:normal 70% Verdana, Helvetica, sans-serif;line-height:150%;}
.small_box .rain h5,.small_box .insulation h5,.small_box .energy h5{border:medium none;color:#143310;font-size:18px;margin-bottom:10px;padding:20px 0 23px 10px;}
.solar h5,.wind h5,.heat h5,.rain h5,.insulation h5,.energy h5{padding-bottom:22px;}
h5{border-bottom:1px solid #447B3C;color:#143310;font-size:22px;font-weight:bold;margin-top:0;padding-bottom:15px;}
h5{display:block;font-size:1.5em;font-weight:bold;margin:.83em 0;}
.boxes{clear:both;float:left;height:245px;margin:8px 0;}
.small_box{background:transparent url(../builtin/small_box.png) no-repeat scroll left top;float:left;height:225px;padding:10px 17px;width:187px;}
.small_box .wind{background:transparent url(../../images/education/icons/contact_us_mail_15.png) no-repeat scroll right center;margin:0;height:57px;padding:0;width:186px;}
.small_box p{float:left;height:82px;line-height:130%;margin:0 0 20px;padding:0 8px;width:172px;}
.box_link{background:transparent url(../builtin/arrow_link_grey.png) no-repeat scroll right center;float:left;height:43px;width:187px;}
.box_link a{color:#143310;display:block;font-weight:bold;height:28px;padding:15px 39px 0;width:109px;}
.box_link a:hover{color:#FFFFFF;text-decoration:none;}
.sidebar3{float:left;/* since this element is floated, a width must be given */clear:left;width:200px;/* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */background-color:#ffffff;/* the background color will be displayed for the length of the content in the column, but no further */margin-top:15px;margin-left:20px;}
.sidebar3 p{line-height:12px;}
.sidebar3 ul{list-style-type:none;width:200px;height:150px;z-index:12000;}
.sidebar3 li{border:none;}
.sidebar3 li a{display:block;/* Prevents "stepdown" */font:120% Arial, Helvetica, sans-serif;text-decoration:none;}
* html .sidebar3 li a{/* make hover effect work in IE */width:200px;}
.sidebar3 li a:hover{background:#ffffcc;}
.sidebar3 a{display:block;border:#DDD 1px solid;width:100%;background-color:#ffffff;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:20px;text-decoration:none;}
.sidebar3 a:hover{background-color:#363739;color:#ffffff;}
.sidebar3 a:hover span{color:#ffffff;}
.sidebar3 p{text-indent:0;line-height:1px;}
.callgray{color:#363739;font-size:28px;}
.callorange{font-size:20px;color:#d75900;}
.callred{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#b50000;}
.sidebar3 a:hover .callorange{font-size:20px;color:#ffffff;}
.cream_box{float:left;width: 200px;height:100px;background-color:#FFFFCC;color:#373737;font-family: "Helvetica CY", Helvetica, Arial;font-size:12px; line-height:normal;padding:10px;}

.icon_boxes{background:none;z-index:11000;color:#363739;width:300px;height:200px;font-family:Times, Arial;font-size:14px;overflow:hidden;margin-top:50px;}
.icon_boxes h5{padding-right:10px;padding-left:10px;font-family:Helvetica, Arial;font-size:28px;font-weight:100;line-height:normal;margin-top:5px;margin-bottom:0;}
.icon_boxes p{padding-right:10px;padding-left:10px;line-height:100%;font-weight:100;text-indent:0;margin-top:5px;}

.icon_boxes a{color:#ff8000;font-weight:bold;}
.icon_boxes a:hover{text-decoration:underline;}
.icon_box_image_gr {float:left; width:100px;height:150px;overflow:hidden;}
.icon_box_text_gr {background: #fff;float:right;width:190px;height:100px;margin-top:45px;border: #009900 solid 2px;overflow:hidden;}
.icon_box_image_mo {float:left; width:100px;height:100px;margin-top:50px;overflow:hidden;}
.icon_box_text_mo {background: #fff;float:right;width:190px;height:100px;margin-top:45px;border: #EDff64 solid 2px;}
.icon_box_text_gr p {font-size: 12px;}
.icon_box_text_mo p {font-size:16px;}
#icon_bar{float:left;width:100%;height:210px;margin:50px 0 0;background:url(../images/white_bg2.png) bottom left repeat-x;}
.icon_box_image_red {float:left; width:100px;height:70px;margin-top:55px;overflow:hidden;}
.icon_box_text_red {background: #fff;float:right;width:180px;height:100px;margin-top:45px;border: #E82F16 solid 2px;}
.icon_boxes p.redtxt {text-transform:uppercase;font-weight:bold;color:#251D1E;}
.icon_boxes p.phone_nmbr{font-size:27px;}
.icon_box_image_gray {float:left; width:105px;height:100px;margin-top:55px;overflow:hidden;}
.icon_box_text_gray {background: #373737;float:right;width:180px;height:100px;margin-top:45px;border: #660099 solid 2px;overflow:hidden;}
.icon_boxes p.whitetxt {text-transform:uppercase;font-weight:bold;color:#fff;line-height:normal;margin:0;font-size:12px;}
.icon_boxes p.phone_nmbr{font-size:26px;color:#fff;}
.clear {clear:both;}
p.offerings{font-size:14px;color:#000099;font-weight:bold;}
#middle_text{color:#d75900;margin:0 auto;}
#middle_text a:link{color:#666666;}
#middle_text a:visited {color:#666666}
#middle_text a:hover {color:#FF7A07}