@charset "UTF-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	
}

.clear {
	clear:both;
	height: 0px;
	font-size:0px;
	line-height:0px;
	}

a:focus	{
	-moz-outline-style: none;
}


body  {
	font: 11pt Helvetica, sans-serif;
	line-height: 14pt;
	text-align: center;
	color: #3e3e3e;
}

body#homepage {
	background-color: #78a841;
	behavior: url(csshover.htc);
}

body#section {
	background: #c7eaac url(../images/bg-section-body.png) repeat-x;
}

img {
	border:none;
}

ul {
	list-style:none;
}

em {
	font-weight: bold;
	font-style:normal;
}

	
ol {
	list-style-position: inside;
	}
	
 

SELECT{
	BACKGROUND-COLOR : #ffffff;
	BORDER-BOTTOM-COLOR : #000000;
	BORDER-BOTTOM-WIDTH : 1px;
	BORDER-LEFT-COLOR : #000000;
	BORDER-LEFT-WIDTH : 1px;
	BORDER-RIGHT-COLOR : #000000;
	BORDER-RIGHT-WIDTH : 1px;
	BORDER-TOP-COLOR : #000000;
	BORDER-TOP-WIDTH : 1px;
	COLOR : #3c3c3c;
	FONT-FAMILY : Helvetica, sans-serif;
	FONT-SIZE : 13px;
}


#homepage #container {
	background: #b9d399 url(../images/bg-gradient-container.png) repeat-x;
	text-align: center;
	margin: auto;
	position:relative;
	height: 682px;
	width: 100%;
	min-width:800px;
}

#section #container-open {
	background: url(../images/bg-section-container-open.png) no-repeat scroll bottom center;
	margin: 0px auto;
	width: 100%;
	min-width: 782px;
	height: 20px;
}
#section #container-close {
	background: url(../images/bg-section-container-close.png) no-repeat scroll bottom center;
	margin: 0px auto;
	width: 100%;
	min-width: 782px;
	height: 20px;
}
#section #container-main {
	background: url(../images/bg-section-container-main.png) repeat-y scroll bottom center;
	margin: 0px auto;
	width: 100%;
	min-width: 782px;
	text-align:left;
}

#content {
	position:relative;
}
#section #content {
	width: 782px;
	margin: 0px auto;
}
#section #logobox {
	padding-top:30px;
	width: 159px;	
	height: 146px;
	float: left;
}
#section #headerimage {
	width: 623px;
	height: 176px;
	text-align:center;
	float: left;
}
#section #navigation {
	width: 159px;
	text-align:left;
	float: left;
}
#section #main-content-area {
	width: 603px;
	padding: 10px;
	padding-bottom: 30px;
	text-align:justify;
	float: left;
}
#section #main-content-areaB {
	width: 603px;
	padding: 10px;
	padding-bottom: 30px;
	text-align:left;
	float: left;
	display:inline;
	
}
#section #main-content-area h1 {
	height: 29px;
	text-indent:-9999px;
}
#section #main-content-area h1.biomass { background: url(../images/h1-section-biomass.png) no-repeat; }
#section #main-content-area h1.heatpump { background: url(../images/h1-section-heatpump.png) no-repeat; }
#section #main-content-area h1.insulation { background: url(../images/h1-section-insulation.png) no-repeat; }
#section #main-content-area h1.solar { background: url(../images/h1-section-solar.png) no-repeat; }
#section #main-content-area h1.underfloor { background: url(../images/h1-section-underfloor.png) no-repeat; }
#section #main-content-area h1.ventilation { background: url(../images/h1-section-ventilation.png) no-repeat; }
#section #main-content-area h1.greenfoot { background: url(../images/h1-section-greenfoot.png) no-repeat; }
#section #main-content-area h1.services { background: url(../images/h1-section-services.png) no-repeat; }
#section #main-content-area h1.boilers { background: url(../images/h1-section-boilers.jpg) no-repeat; }

#section #main-content-area h3 {
	padding-top:10px;
	padding-bottom:5px;
}

div.hr {
	background: #eee url(../images/bg-hr-div.png) repeat-x;
	margin-top:5px;
	margin-bottom:25px;
	height: 1px;
	line-height: 0px;
	font-size: 0px;
}

div.vr {
	background: #eee url(../images/bg-vr-div.png) repeat-y;
	width: 1px;
	height: 200px;
	line-height: 0px;
	font-size: 0px;
	float:left
}

#homepage #flash-content {
	height: 477px;
	background:url(../images/bg-homepage-flashnav.png) no-repeat scroll bottom center;
	text-align:center;
	position:relative;
}
#homepage #flash-alt {
	margin: 0px auto;
	height: 477px;
	width:800px;
}
	#homepage .a {
		background: url(../images/bg-homepage-flashalt-1.jpg) no-repeat scroll bottom center;
	}
	#homepage .b {
		background: url(../images/bg-homepage-flashalt-2.jpg) no-repeat scroll bottom center;
	}
	#homepage .c {
		background: url(../images/bg-homepage-flashalt-3.jpg) no-repeat scroll bottom center;
	}
	#homepage .d {
		background: url(../images/bg-homepage-flashalt-4.jpg) no-repeat scroll bottom center;
	}
	#homepage .e {
		background: url(../images/bg-homepage-flashalt-5.jpg) no-repeat scroll bottom center;
	}
	#homepage .f {
		background: url(../images/bg-homepage-flashalt-6.jpg) no-repeat scroll bottom center;
	}
	#homepage .g {
		background: url(../images/bg-homepage-flashalt-7.jpg) no-repeat scroll bottom center;
	}
#homepage #flash-alt ul {
	padding-top:274px;
	height:23px;
}
#homepage #flash-alt li {
	line-height:23px;
	float:left;
	text-align:center;
}
#homepage #flash-alt li.aa { width:95px; }
#homepage #flash-alt li.bb { width:132px; }
#homepage #flash-alt li.cc { width:118px; }
#homepage #flash-alt li.dd { width:134px; }
#homepage #flash-alt li.ee { width:134px; }
#homepage #flash-alt li.ff { width:187px; }
#homepage #flash-alt a { 
	font-size: 11px;
	color:#fff;
	text-decoration:none;
}
#homepage #flash-alt a:hover { 
	text-decoration:underline;
}
#homepage #flash-alt a.more {
	display:block;
	float:right;
	width:400px;
	height:135px;
	margin-top:22px;
	margin-right:22px; 
	font-size: 11px;
	color:#fff;
	text-decoration:none;
	text-indent:-9999px;
}
#homepage #flash-alt a:hover { 
	text-decoration:underline;
}
#homepage #flash-alt #description { 
	display:none;
}


#homepage #footer {
	min-height: 165px;
	background:url(../images/bg-homepage-footer-wide-tile.png) repeat-y scroll top center;
	text-align:left;
}

#homepage #footer-grey-bar {
	height: 5px;
	width: 800px;
	margin: 0 auto;
	background: #e0dfdf url(../images/bg-homepage-footer-grey-bar-tile.png) repeat-x scroll top center;
	line-height:0px;
	font-size:0px;
}

#homepage #footer-green-panel {
	min-height: 160px;
	width: 800px;
	margin: 0 auto;
	background: #7ba941 url(../images/bg-homepage-footer-green-panel-tile.png) repeat-x scroll top center;
}
#homepage #footer-green-panel a {
	color: #3e5520;
	letter-spacing: 0.5px;
	text-decoration: none;
}
#homepage #footer-green-panel:hover a {
	color: #000000;
	text-decoration: none;
}
#homepage #footer-green-panel a:hover {
	text-decoration: underline;
}


#homepage #footer-green-panel .footer-section-wide {
	padding-top:20px;
	padding-left:20px;
	padding-right: 20px;
	width:450px;
	float:left;
}
#homepage #footer-green-panel .footer-section-narrow {
	padding-top:20px;
	padding-right: 20px;
	width:285px;
	float:left;
}
#homepage #footer-green-panel .footer-section-divider {
	background: url(../images/bg-homepage-footer-section-divider.png) no-repeat top left;
	width:5px;
	height:160px;
	float:left;
}

#homepage #footer-green-panel h2 {
	text-indent: -9999px;
	height: 60px;
	/*margin-top: 20px;
	margin-right: 20px;*/
}
#homepage #footer-green-panel .knowledge-base {
	background: url(../images/text-replace-knowledge-base-dim.png) no-repeat top right;
}
	#homepage #footer-green-panel:hover .knowledge-base {
		background: url(../images/text-replace-knowledge-base-bright.png) no-repeat top right;
	}
#homepage #footer-green-panel .contact {
	background: url(../images/text-replace-contact-dim.png) no-repeat top right;
}
	#homepage #footer-green-panel:hover .contact {
		background: url(../images/text-replace-contact-bright.png) no-repeat top right;
	}
	
#homepage #footer-green-panel h3 {
	font: 10pt Helvetica, sans-serif;
	line-height: 14pt;
	letter-spacing: 1px;
	color:#bdd4a0;
}
	#homepage #footer-green-panel:hover h3 {
		color:#ffffff;
	}
	
#homepage #footer-green-panel .footer-subsection-a {
	float:left;
	width:240px;
	margin-right:5px;
	/*margin-left: 20px;*/
}
#homepage #footer-green-panel .footer-subsection-b {
	float:left;
	width:190px;
	/*margin-left: 20px;*/
}
#homepage #footer-green-panel .footer-subsection-right {
	float:right;
	/*margin-right:25px;*/
	margin-top:10px;
}


#homepage #footer-green-panel .larger-type {
	font-size: 11pt;
	line-height: 13pt;
	letter-spacing: 1px;
	text-align: right;
}
#homepage #footer-green-panel .phone-number {
	font-size: 13pt;
	line-height: 21pt;
	color: #bdd4a0;
}
	#homepage #footer-green-panel:hover .phone-number {
		color: #ffffff;
	}



#homepage #footer-dark-green-bar {
	height: 10px;
	width: 800px;
	margin: 0 auto;
	background: #6e983b;
	line-height:0px;
	font-size:0px;
}

#homepage #footer-end {
	height: 15px;
	background:url(../images/bg-homepage-footer-end.png) no-repeat scroll top center;
}

#homepage #fluid-signature {
	text-align: right;
	height: 24px;
	padding:0px;
	margin:0 auto;
	width:800px;
}
#foot-filler {
	background:#b9d399;
	margin: auto;
	position:relative;
	width: 100%;
	min-width:800px;
}

#navigation-menu {	
	text-indent:0px;
	text-align:left;
	margin-top:10px;
}
#navigation-menu a {
	display:block;
	text-indent:14px;
	text-decoration: none;
	width:159px;
	padding-top:4px;
	height:20px;
	line-height:24px;
	font: 14px Lucida Sans, Helvetica, sans-serif;
	color:#506534;
}
#navigation-menu a:hover {
	color:#000;
}

#navigation-menu a.selected {
	color:#fff;
	background-image: url(../images/bg-navigation-header-selected.png);
}
#navigation-menu a.selected:hover {
	color:#fff;
}


#navigation-menu li ul {
	background: url(../images/bg-navigation-submenu-tile.png) right repeat-y;
}

#navigation-menu li li a {
	display:block;
	text-indent:20px;
	text-decoration: none;
	font-style: italic;
}
#navigation-menu li li a.current {
	color:#000;
	font-weight:bold;
}


#section #base-links {
	text-align:right;
	padding-top: 20px;
	padding-bottom: 10px;
	
}


#section #summary {
	text-align:right;
	margin-bottom:40px;
}

#section #summary ul {
	list-style: none;
	}

#section #summary p {
	padding-left: 30px;
	padding-bottom:10px;
	font: 18px Helvetica Light, Helvetica, sans-serif;
	color: #666;
	text-align:justify;
}




#section #middle {
	margin-bottom:10px;
	height:28px;
	padding-left: 10px;
	padding-top: 10px;
	
}

#section .contactExp{
	font-size:12px;
	color:#666666;
}






#section #main-content-area a {
	text-decoration:none;
}
#section #main-content-area a:hover {
	text-decoration:underline;
}

#section #main-content-area .title {
	font-weight:bold;
	font-size:11px;
}

.section-greenfoot #main-content-area a, 
.section-greenfoot #main-content-area em, 
.section-greenfoot #main-content-area h3, 
.section-greenfoot #main-content-area h2
	{ color: #5aa403; }
.section-biomass #main-content-area a, 
.section-biomass #main-content-area em, 
.section-biomass #main-content-area h3,
.section-biomass #main-content-area h2
	{ color: #5aa403; }
.section-ventilation #main-content-area a, 
.section-ventilation #main-content-area em, 
.section-ventilation #main-content-area h3,
.section-ventilation #main-content-area h2 
	{ color: #3e93d3; }
.section-heatpump #main-content-area a, 
.section-heatpump #main-content-area em, 
.section-heatpump #main-content-area h3,
.section-heatpump #main-content-area h2 
	{ color: #96183c; }
.section-solar #main-content-area a, 
.section-solar #main-content-area em, 
.section-solar #main-content-area h3,
.section-solar #main-content-area h2 
	{ color: #ffa200; }
.section-underfloor #main-content-area a, 
.section-underfloor #main-content-area em, 
.section-underfloor #main-content-area h3,
.section-underfloor #main-content-area h2 
	{ color: #eb2429; }
.section-insulation #main-content-area a, 
.section-insulation #main-content-area em, 
.section-insulation #main-content-area h3,
.section-insulation #main-content-area h2 
	{ color: #a73723; }
.section-boilers #main-content-area a, 
.section-boilers #main-content-area em, 
.section-boilers #main-content-area h3,
.section-boilers #main-content-area h2 
	{ color: #dc71bd; }



#section #main-content-area a.red {
	color: #ff464e;
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform:uppercase;
}
#section #main-content-area a.green {
	color: #5aa403;
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform:uppercase;
}


#section #product-index a, #section #contact-details a {
	color: #000;
}
#section #main-content-area em {
	font-weight: normal;
}
#section .phone-number {
	font-size:18px;
	line-height: 30px;
	color:#5aa403;
}

#section #secondary-text {
	width:340px;
	padding-right:20px;
	float:left;
}


#section #secondary-text li {
	margin-top: 10px;
	margin-bottom: 10px;
	
	
}

#section #secondary-text ul.right {
	margin-top: 5px;
	text-align:right;
}

#section #secondary-text-home {
	width:340px;
	padding-right:20px;
	float:left;
}


#section #secondary-text-home li {
	margin-top: 10px;
	margin-bottom: 10px;
	
	
}

#section #secondary-text-home ul.right {
	margin-top: 5px;
	text-align:right;
	list-style:none;
}

#section #secondary-text-wide {
	margin-right:0px;
	float:left;
	margin-left: 0px;
}

#section h4{
	margin-bottom:5px;
	margin-top:20px;
}

#section p.body-paragraph {
	padding-bottom:20px;
}

#section span.mini-text {
	font-size:11px;

}

#section #secondary-text-wide .fixed {
	margin-right:0px;
	float:left;
	margin-left: 0px;
	width:550;
}




#section #tertiary-text {
	margin-left: 15px;
	width: 227px;
	float:left;
}

#section #tertiary-text .center{
	text-align: center;
}
#section #tertiary-text .right{
	text-align: right;
}
#section #tertiary-text .left{
	text-align: left;
}
#section #tertiary-text .right{
	text-align: right;
}


#section #secondary-text-wide ul {
	list-style:circle;
	list-style-position:inside;
	padding-bottom: 5px;
	padding-top: 5px;
	
}

#section #secondary-text-wide li {
	margin-bottom:10px;
	padding-left:8px;
	
}

#section #tertiary-text {
	margin-left: 15px;
	width: 227px;
	float:left;
}





#section img.nested-right{
	border:0;
	margin-left: 15px;
	margin-bottom: 10px;
	float: right;
	
}

#section img.nested-left{
	border:0;
	margin-right: 15px;
	margin-bottom: 10px;
	float: left;
	
}


#section #product-index {
	float:left;
	width:300px;
}
#section #contact-details {
	float:right;
	text-align:right;
}

#section h2 {
	height: 34px;
	text-align: right;
	font: 24px Helvetica Light, Helvetica, sans-serif;
}
#section h2.wood-pellet-boilers {
	text-align:left;
	text-indent:-9999px;
	background: url(../images/h2-wood-pellet-boilers.png) no-repeat right;
}
#section h2.ground-source-heat-pumps {
	text-align:left;
	text-indent:-9999px;
	background: url(../images/h2-ground-source-heat-pumps.png) no-repeat right;
}
#section h2.heat-recovery-insulation {
	text-align:left;
	text-indent:-9999px;
	background: url(../images/h2-heat-recovery-insulation.png) no-repeat right;
}
#section h2.heat-recovery-ventilation {
	text-align:left;
	text-indent:-9999px;
	background: url(../images/h2-heat-recovery-ventilation.png) no-repeat right;
}
#section h2.radiant-home-heating {
	text-align:left;
	text-indent:-9999px;
	background: url(../images/h2-radiant-home-heating.png) no-repeat right;
}
#section h2.wood-pellet-boilers {
	text-align:left;
	text-indent:-9999px;
	background: url(../images/h2-wood-pellet-boilers.png) no-repeat right;
}
#section h2.solar-hot-water {
	text-align:left;
	text-indent:-9999px;
	background: url(../images/h2-solar-hot-water.png) no-repeat right;
}

#section h2.high-efficiency-boilers {
	text-align:left;
	text-indent:-9999px;
	background: url(../images/h2-high-efficiency-boilers.jpg) no-repeat right;
}

#section h2.sustainability-integration {
	text-align:left;
	text-indent:-9999px;
	background: url(../images/h2-sustainability-integration.png) no-repeat right;
}
#section h2.working-principle {
	text-align:left;
	text-indent:-9999px;
	background: url(../images/h2-working-principle.png) no-repeat right;
}



#section h3 {
	font: 18px Helvetica, sans-serif;
	padding-bottom: 10px;
}
#section h3.black{
	color: #000;
}
#section h3.allcaps{
	text-transform:uppercase;
	height: 50px;
}
#section h3.allcapsGreen{
	text-transform:uppercase;
	color:#5aa403;
	height: 50px;
}

#section .end-jumplinks {
	clear:both;
	width:100%;
	text-align:right;
	padding-top: 20px;
	padding-bottom: 10px;
	
}

#section .content-nested {
	width:230px;
	text-align:center;
	padding-top: 0px;
	padding-bottom: 10px;
	float:right;
	
}

#section .linkscol {
	margin-right:0px;
	margin-left: auto;
	float:left;
	width:280px;
	font: 13px Helvetica, sans-serif;
	line-height:16px;
	font-weight: bold;
}

#section .top-jumplinks {
	clear:both;
	width:100%;
	text-align:right;
	padding-top: 10px;
	padding-bottom: 0px;
	
}


#section .linkscontainer-left {
	float:left;
}

#section .linkscontainer {
	float:right;
}

#section .linkscol a {
	color: #000;
}	
			
#section .working-principle {
	float:center;
}

#section .working-principle-consultation {
	margin-right:0px;
	margin-left: auto;
	float:left;
	left:0px;
	top:0px;
	width:121px;
	height:28px;
	
}
#section .working-principle-planning {
	margin-right:0px;
	margin-left: auto;
	float:left;
	left:0px;
	top:0px;
	width:106px;
	height:28px;
}

#section .working-principle-installation {
	margin-right:0px;
	margin-left: auto;
	float:left;
	left:0px;
	top:0px;
	width:120px;
	height:28px;
}

#section .working-principle-commissioning {
	margin-right:0px;
	margin-left: auto;
	float:left;
	left:0px;
	top:0px;
	width:137px;
	height:28px;
}

#section .working-principle-support {
	margin-right:0px;
	margin-left: auto;
	float:left;
	left:0px;
	top:0px;
	width:96px;
	height:28px;
}

#section .solar-system-left{
	width:190px;
	height:670px;
	float:left;
	text-align:right;
	position: relative;
}
#section .solar-system-centre{
	width:200px;
	position:relative;
	height:670px;
	float:left;
	text-align:center;
}
#section .solar-system-right{
	width:190px;
	position:relative;
	height:670px;
	float:left;
	text-align:left;
}
#section .solar-des1{
	width:100%;
	float:left;
	margin-top: 190px;

}
#section .solar-des2{
	width:100%;
	float:left;
	margin-top: 60px;

}
#section .solar-des3{
	width:100%;
	float:left;
	top:20px;
	margin-top: 20px;

}
#section .solar-des4{
	width:100%;
	float:left;
	margin-top: 90px;

}
#section .solar-des5{
	width:100%;
	float:left;
	margin-top: 160px;

}
/*#section .solar-des1{
	width:100%;
	position:absolute;
	top:193px;

}
#section .solar-des2{
	width:100%;
	position:absolute;
	top:368px;

}
#section .solar-des3{
	width:100%;
	position:absolute;
	top:20px;

}
#section .solar-des4{
	width:100%;
	position:absolute;
	top:247px;

}
#section .solar-des5{
	width:100%;
	position:absolute;
	top:517px

}*/