/* hover color #7B7B7B, text color #FFF, #666 for menubar */


body{font-family: Arial, Helvetica, sans-serif; font-size:13px; background:#dbdbce;margin:0px;}
a{ text-decoration:none; color:#468990;}
a:hover{ text-decoration:none; color:#000;}

#container{ /*border:1px solid red;*/
max-width:1030px;
margin:0 auto;
background-color:#fff;
box-shadow: 0 0 15px #C6C6BB;
}


#main{ max-width:976px; margin:0 auto; 
 /* border:1px solid red; */}
#footer{ 
max-width:100%;
background:#f2f2e9;
margin:0 auto;
 padding:25px 25px 0; }
 
 

#header{ padding:10px 0px 0px 0px;}


#logo{
margin-left:0px;
}
#header .contact{ width:auto; float:right; 
font-size:11px; color:#575754; line-height:16px; padding-left:0px;margin-top:4px;}
#header .contact a{ text-decoration:none; color:#575754;}
#header .contact a:hover{ text-decoration:underline; color:#575754;}


 .search{width:227px; background:#666A73; float:right; padding:15px 25px 15px 0; text-align:right;}
 .search input.inputbox{float:left;background:#6e6e6e; width:185px; height:30px; font-size:12px; color:#dfdfd6; border:0px; padding:0 10px;}
 .search .button{margin-top:10px;margin-right:10px;}




/* hover color #7B7B7B, text color #FFF, #666 for menubar */
.navbar-default .navbar-nav>li>a {
color: #FFF !important;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #fff;
background-color:#7b7b7b;
}
.active a {
background-color:#7b7b7b !important;
}
.navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
color: #fff;
background-color: #7b7b7b;
}
.navbar-nav>li>a:hover{
background-color:#7b7b7b !important;
}
.noborder{
border:none;
}

.bgcolor{
background-color:#666A73;
}
 .dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  
  margin-left: -1px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
 
}
.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}
 


.zeromargin{
margin:0;
}
.nopad{
padding:0;
}

/*....projects... */
#project{
background-color:#fff;
max-width:644px;
margin:auto;
padding:20px;
}
#project .projecttitle{
min-height:35px; background-color:#666A73;margin:0;padding-left:4%; padding-bottom:10px ;padding-top:10px; color:#fff;
}
.projectcontent {
background: #e8e8e8;
padding: 20px 23px;
font-size: 12px;
line-height: 20px;
color: #575754;
margin:0;
}

#project .projecttitle h2{font-size:1.2em;}
#project .projectcontent h5 {
font-size: 1.1em;
line-height: 18px;
padding: 0;
margin: 0;
color: #468990 !important;
}
#project .projectcontent h6{
font-size: 1em;
line-height: 18px;
padding: 0;
margin: 0;
color: #468990 !important;

}
#figproject{
background-color:#fff;
float:right;
max-width:250px;
height:auto;

}
#figproject img{
margin:auto;
margin-top:15px;
}
#figproject figcaption div{
padding:15px;
}
.projecttext{

background: #fff;
width: 220px;
margin: 0px 10px 10px 10px;
padding: 10px 10px;
font-size: 12px;
line-height: 20px;
color: #575754;
}
.projecttext ul {
color: #468990;
list-style: disc;
list-style-position: inside;
}
.projecttext strong {
color: #468990;
}

.projecttext h5 {
font-size: 15px;
line-height: 18px;
padding: 0;
margin: 0;
color: #191919 !important;
font-weight: bold;
}



/*.image-wrapper { position:relative;overflow:hidden; } */

.bannerInstall{background:#e56c01;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.bannerAbout{background:#353d4a;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.bannerVision{background:#837e61;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.bannerCareers{ background:#808db0;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.bannerContact{ background:#476895;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.bannerDesign{ background:#747e76;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.bannerotherFunding{background:#903035;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.bannerQuality{background:#cac6c5;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.bannerRHI{background:#903035;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.bannerAirsource{background:#a94577;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.bannerBiomass{background:#367f86;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.bannerGroundsource{background:#7c3227;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.bannerHeatpumps{background:#bca844;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.bannerSolar{background:#a4b42d;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.bannerUnder{background:#AF3D4C;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.bannerVent{background:#A1BBD6;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.bannerDan{background:#53d5ff;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.bannerDan2{background:#8c3524;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.bannerDan3{background:#bd3038;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.bannerEta{background:#be9428;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.bannerKingspan{background:#7d8321;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.bannerMcz{background:#bf7417;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.bannerNibe{background:#7e882f;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.bannerNibeGs{background:#abc7d3;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
.bannerProd{background:#85302d;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:alpha(opacity=90);}
#text{ ; float:left;     color:#fff; text-align:center; width:25%; padding:2% }
@media all and (min-width: 1000px) { /* screen size until 1200px */
    #text {
         font-size:150%;
		margin-top:-85px; 
		height:85px;
		padding:20px 0 0 0 ;
    }
}
@media all and (max-width: 1000px) { /* screen size until 1000px */
    #text {
        
		margin-top:-65px; 
		height:65px;
		font-size:100%;
		padding:20px 0 0 0 ;
        }
    }
@media all and (max-width: 500px) { /* screen size until 500px */
    #text {
        
		margin-top:-45px; 
		height:45px;
		font-size:80%;
		padding:2px 0 0 0 ;
        }
    }


	

	
.content_box, .content_box_mid, .content_box_right{
width:312px;
float:left;
margin-top:20px;
}
.content_box, .content_box_mid{
margin-right:20px;
}
 .content_box .title, .content_box_mid .title{ background:#666a73; height:14px; padding:20px 25px;  font-size:15px; font-weight:bold; color:#FFF;}
 .content_box .text_box, .content_box_mid .text_box{ background:#e8e8e8; height:180px; padding:10px 23px; margin-top:3px;}
 .content_box .text_box span, .content_box_mid .text_box span{margin-top:5px;font-size:11px; line-height:16px; color:#575754; display:block; padding-bottom:10px; border-bottom:0px solid #c3c3b6;}
 .content_box .text_box h1, .content_box_mid .text_box h1{ font-size:15px; line-height:16px; padding:0; margin:0; color:#468990; }
 .content_box .text_box h2,  .content_box_mid .text_box h2{ font-size:11px; font-weight:normal; line-height:18px; padding:0; margin-top:5px; color:#468990;}
 .content_box_right{ width:312px; float:left; }
.content_box_right .title{ background:#666a73; height:14px; padding:20px 25px;  font-size:15px; font-weight:bold; color:#FFF;}
.content_box_right .text_box_rit{  background:#e8e8e8; height:180px; padding:10px 23px; margin-top:3px;}
.content_box_right .text_box_rit h1{ font-size:15px; line-height:16px; padding:0; margin:0; color:#468990;}
.content_box_right .text_box_rit h2{ font-size:11px; font-weight:normal; line-height:18px; padding:0; margin-top:5px; color:#468990;}
.content_box_right .text_box_rit span{margin-top:5px;font-size:11px; line-height:16px; color:#575754; display:block; padding-bottom:10px; border-bottom:0px solid #c3c3b6;}
.content_box_right .text_box_bottom{ background:#e8e8e8; height:78px; font-size:12px; margin-top:5px;}
.content_box_right .text_box_bottom .text{ background:#f6f6f1; float:right; height:80px; width:166px; padding:10px; font-size:12px; color:#468990; }
.text_box_bottom ul {
    color: #4c949c;
    line-height: 20px;
    list-style: inside none circle;
    padding: 10px 10px 10px 20px;
    text-decoration: none;
}
.content_box_right .text_box_rit h5{ font-size:15px; line-height:16px; padding:0; margin:0; color:#468990;}
.content_box_right .text_box_rit h6{ font-size:11px; font-weight:normal; line-height:18px; padding:0; margin-top:5px; color:#468990;}
.bottom_box{  margin-bottom:20px;}
.bottom_box .title{ background:#e8e8e8; min-height:45px; padding:15px 25px;  font-size:15px; font-weight:bold; color:#468990;}
.bottom_box .text_box{ background:#f6f6f1;padding:5px 27px 10px 27px;}
.bottom_box .text_box span{margin-top:5px;font-size:12px; line-height:19px; color:#575754; display:block;  border-bottom:0px solid #c3c3b6;}
.bottom_box .text_box div.mc{margin-top:10px;font-size:11px; line-height:14px; color:#575754; display:block; padding-bottom:10px; border-bottom:1px solid #c3c3b6;}
.bottom_box .text_box h5{ font-size:15px; line-height:16px; padding:0; margin:0; color:#468990; }
.bottom_box .text_box h6{ font-size:11px; font-weight:normal; line-height:18px; padding:0; margin-top:5px; color:#468990;}

#titlecontent1{
min-height:35px; background-color:#666A73;margin-top:20px;margin-left:0;
margin-right:10px;padding-left:4%; padding-bottom:10px ;padding-top:10px;
}
.titleproduct{
min-height:35px; background-color:#666A73;margin-top:20px;margin-left:0;
margin-right:10px;padding-left:4%; padding-bottom:10px ;padding-top:10px;
}
.titleproduct h2{font-size:16px; color:#fff; font-weight:bold;}
.prodDesc{
min-height:35px; background-color:#fff;margin-top:0;margin-left:0;
margin-right:10px;padding-left:4%; padding-bottom:10px ;padding-top:10px;

    font-size: 12px;
    line-height: 20px;
    color: #575754;
    list-style: inside none circle;

}
.prodDesc h5 {
    color: #468990;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    padding: 0;
}

.prodDesc ul {
background: #fff;
padding: 10px 33px;
font-size: 12px;
line-height: 20px;
color: #575754;
list-style: circle;
list-style-position: outside;
}



.tech_box {
    width: 100%;
    background: none repeat scroll 0% 0% #FFF;
    padding: 10px;
    font-size: 12px;
    line-height: 20px;
    color: #444;
	margin-left:20%;
	
}
.tech_box h3 {
    color: #468990;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
	
}

#subtitlecontent1{
min-height:40px; background-color:#666A73;margin-top:20px;margin-left:0;
margin-right:10px;padding-left:4%; padding-bottom:10px ;padding-top:10px;
}
#subtitlecontent1 h2{font-size:16px !important; color:#fff; font-weight:bold !important;}

#subcontent{
	 background:#fff; padding:20px 23px; font-size:12px; line-height:20px; color:#575754; margin-right:20px;margin-left:10px; margin-bottom:20px;
}
#subcontent ul{color: #468990; list-style: disc; list-style-position:inside}
#content ul{color: #468990; list-style: disc; list-style-position:inside; padding:0;}

.titlecontent2{
min-height:35px; background-color:#666A73;margin-top:20px;margin-right:0;
margin-left:13px;padding-left:8%;padding-bottom:10px ;padding-top:10px; color:#fff;
}
.titlecontent2 ul{
    color: #fff ;
    line-height: 20px;
    list-style: inside none circle;
    padding: 10px 10px 10px 20px;
    text-decoration: none;
}
.titlecontent2 ul a {
color:#fff;
}
	
#titlecontent1 h2,.titlecontent2 h2{font-size:16px; color:#fff; font-weight:bold;}

#figimage{max-width:222px;background:#fff;margin:0px 10px 10px 20px;padding:10px 10px; font-size:12px; line-height:20px; color:#575754;}

#content{
	 background:#e8e8e8; padding:20px 23px; font-size:12px; line-height:20px; color:#575754; margin-right:10px; margin-bottom:20px;
}

#content strong{color:#468990;}
#content h4 {
    color: #468990;
    font-size: 15px;
    font-weight: bold;
    line-height: 16px;
    margin: 0;
    padding: 0;
}
#content h5{
 font-size:13px; line-height:18px;
}
#content h6{
font-size:11px; font-weight:normal; line-height:18px; padding:0; margin:0; color:#468990;
}
#content h2{ font-size:12px; font-weight:normal; line-height:18px; padding:0; margin-top:5px; }
.text_boxpic{ background:#e8e8e8; padding:0px 23px; font-size:12px; line-height:20px; color:#575754;}
.prodpic{ padding:0px 25px 5px 0px; float:left; margin-right:30px; margin-bottom:15px;}
.text_box{ background:#e8e8e8; padding:20px 23px; font-size:12px; line-height:20px; color:#575754;
}
.newsBox {
    background: none repeat scroll 0 0 #fff;
    color: #575754;
    float: right;
    font-size: 12px;
    line-height: 20px;
    margin: 0 10px 10px 20px;
    padding: 10px;
    width: 220px;
}
.list{
    color: #468990 !important;
    list-style: inside none disc !important;
}
.list span {
    border-bottom: 0 solid #c3c3b6;
    color: #575754;
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin-top: 10px;
    padding-bottom: 10px;
}
.rhiTable{background-color:#fff;}
.sidebarlist{
    color: #4c949c;
    line-height: 20px;
    list-style: inside none circle;
    padding: 10px 10px 10px 20px;
    text-decoration: none;
}
#content2{
background:#e8e8e8; margin-bottom:20px;margin-right:0px;
margin-left:13px;box-sizing:border-box;
}
#content2 strong{color:#468990; }
#content2 a{margin:0; padding:0; box-sizing:border-box;}
.btn-default1{
	
    background-color: #fff;
    border-color: #fff;
    color: #333;

}
#content2 .quote{
font-size:12px; font-family: Georgia, serif ; line-height:22px; padding:10px 15px;
}
#content2  .quote strong{font-size:22px; font-family: Georgia, serif ; line-height:20px; color:#468990;}
#content2 .quote h5{ font-size:15px; line-height:16px; padding:10; margin:8px; color:#468990;}
#content2 .quote h6 a{ font:99% helvetica; font-size:11px; line-height:16px; padding:10; margin:8px; color:#468990;}
#content2 .quote h6 { font-size:11px; font-weight:normal; line-height:18px; padding:0; margin:8px; color:#468990;}
#content2 .quote span{margin-top:5px;font-size:11px; line-height:16px; color:#575754; display:block; padding-bottom:10px; border-bottom:0px solid #c3c3b6;margin:8px;}
#content2 .quote ul {
    color: #4c949c;
    line-height: 20px;
    list-style: inside none circle;
    padding: 10px 10px 10px 0px;
    text-decoration: none;
	padding:0;
}

.quotelinks{ background:#666a73; font-size:12px; line-height:22px; padding:10px 23px; color:#fff;}
 .quotelinks h5{ font-size:13px; line-height:16px; padding:10; margin:0px; color:#fff;}
 .quotelinks h6{ font:99% helvetica; font-size:11px; line-height:16px; padding:10; margin:8px; color:#fff;}
.quotelinks ul{ padding:10px 0px; font-size:12px; line-height:20px; color:#fff; list-style:circle;list-style-position: inside;}
.quotelinks ul a{ padding:10px 0px; font-size:12px; line-height:20px; color:#fff; list-style:circle;list-style-position: inside;}
.quotelinks strong{font-size:22px; font-family: Georgia, serif ; line-height:20px; color:#fff;}

#footer .social a{ text-decoration:none; color:#468990;}
#footer .social a:hover{color:#000;}
#footer .social .in{ width:180px; float:left; font-size:11px; color:#bebeae; line-height:25px; padding:0px 0 0 20px;  border-bottom:1px dotted #CCC; }
#footer .social .blog{ background:#f2f2e9;width:180px; float:right; font-size:11px; color:#bebeae; line-height:25px; padding:0px 0 0 20px;  border-bottom:1px dotted #CCC; background:url(../images/tumblr.png) no-repeat 0 6px}
#footer .social .fb{ background:#f2f2e9;width:180px; float:right; font-size:11px; color:#bebeae; line-height:25px; background:url(../images/fb.png) no-repeat 0 6px; padding:0px 0 0 20px;  border-bottom:1px dotted #CCC; }
#footer .social .twitter{background:#f2f2e9; width:180px; float:right; font-size:11px; color:#bebeae; line-height:25px; background:url(../images/tweet.png) no-repeat 0 6px; padding:0px 0 0 20px;  border-bottom:1px dotted #CCC; }





/*banner CSS*/

#banner{background:#fff;max-width:976px;height:auto;position:relative;overflow:hidden;}
.boxes{float:left;width:25%;height:65%;top:80%;opacity:0.9;padding:0;}
.boxes .clickable{width:100%;height:20%; /* font-family:Arial, Helvetica, sans-serif;*/ cursor: pointer; font-weight:bold; color:#FFF; margin:0 auto 0;padding:0 10% 0 10%;}
.boxes .content{width:100%;height:80%; /* font-family:Arial, Helvetica, sans-serif; */ font-size:.9em; color:#FFF; padding:10% 10% 10% 10%; margin:0 auto 0;}
.boxes .clickable h1{font-size:1.2em;cursor: pointer; font-weight:bold; color:#FFF; }
.clickable h1 span{font-size:1.2em;}
#box1  .clickable h1 span{
color:#fae774; font-weight:100; 
}
#box1 .clickable h1 hr{
border-color:#fae774; background-color:#fae774; margin-top:2%;
}
#box2  .clickable h1 span{
color:#d1e18c; font-weight:100;
}
#box2 .clickable h1 hr{
border-color:#d1e18c; background-color:#d1e18c; margin-top:2%;
}
#box3  .clickable h1 span{
color:#fe9057; font-weight:100;
}
#box3 .clickable h1 hr{
border-color:#fe9057; background-color:#fe9057; margin-top:2%;
}
#box4  .clickable h1 span{
color:#80eae5; font-weight:100;
}
#box4 .clickable h1 hr{
border-color:#80eae5; background-color:#80eae5; margin-top:2%;
}

#box1{background:#666666; position:absolute; left:0 ; } 
#box1 ul{border-top: solid 1px #fae774;} #box1 li{border-bottom: solid 1px #fae774;}
#box2{background:#aa9966; position:absolute;left:25%;} 
#box2 ul{border-top: solid 1px #d1e18c;} #box2 li{border-bottom: solid 1px #d1e18c;}
#box3{background:#9EB847; position:absolute;left:50%;} 
#box3 ul{border-top: solid 1px #fe9057;} #box3 li{border-bottom: solid 1px #fe9057;}
#box4{background:#5a7aa3; position:absolute;left:75%;} 
#box4 ul{border-top: solid 1px #80eae5;} #box4 li{border-bottom: solid 1px #80eae5;}

.boxes .content ul{ margin:5% 0 0 0; padding:0px; list-style: none;}
.boxes .content li{ line-height:1.5em; background:url(../images/arrow.png) no-repeat right center; font-weight:bold; text-transform:uppercase; font-size:.8em;}
.boxes .content li a{ color:#FFF; text-decoration:none;}




/*hidden boxes*/



/*end */




/*.boxes .clickable h1{font-size:1.2em;cursor: pointer; font-weight:bold; color:#FFF; }

*/

@media all and (min-width: 925px) { /* screen size until 1200px */
	.boxes .content{font-size:.9em; }
	.boxes .clickable h1{font-size:1.2em; }
	.clickable h1 span{font-size:1.2em;}
	.boxes .content li{ line-height:1.5em; font-size:.8em;}
}
@media all and (max-width: 925px) { /* screen size until 1000px */
	.boxes .content{font-size:.8em; }
	.boxes .clickable h1{font-size:1em; }
	.clickable h1 span{font-size:1em;}
	.boxes .content li{ line-height:1.2em; font-size:.8em;}
   
   
    }
@media all and (max-width: 870px) { /* screen size until 500px */
    .boxes .content{font-size:.7em; padding-top:20%;}
	.boxes .clickable h1{font-size:.8em; }
	.clickable h1 span{font-size:.8em;}
	.boxes .content li{ line-height:1em; font-size:.8em;}
	
	
    }

	
	@media all and (max-width: 765px) { 
    
		.boxes{width:50%;height:30%;opacity:0.9;padding:0;}
		.boxes .clickable{width:100%;height:100%; /* font-family:Arial, Helvetica, sans-serif;*/ cursor: pointer; font-weight:bold; color:#FFF; margin:0 auto 0;padding:0 10% 0 10%;}
		.boxes .content,.boxes .clickable h1 span, .boxes .clickable h1 hr{display:none;}
		
		.boxes .clickable h1{font-size:100%;cursor: pointer; font-weight:bold; color:#FFF; padding:auto; }
	
		
		#box1{background:#666666; position:absolute; top:40%; left:-50% ; } 

		
		#box2{background:#aa9966; position:absolute;top:40%; left:-50%;} 

		#box3{background:#9EB847; position:absolute;top:40%; left:-50%;} 

		#box4{background:#5a7aa3; position:absolute;top:40%;left:-50%;} 


		
			
}
@media all and (max-width: 500px) { 
.boxes .clickable h1{font-size:1em; padding-left:2%; }
		
}

@media all and (max-width: 375px) { 
.boxes .clickable h1{font-size:.8em; padding-left:2%;}
		

}









/*banner*/
/*left menu css 

function animate(elementID,newLeft,newTop,newWidth,newHeight,time,callback){
*/




a{ text-decoration:none; color:#468990;}
a:hover{ text-decoration:none; color:#000;}