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

* {	margin: 0;
	padding: 0;}
	
html {min-height:101%;}
body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	color:#000;
}
p {
	color:#080;
	padding:5px 0 10px 10px;
}

a {
	color:#050;
	text-decoration:none;
}
a:hover {
	color:#0C6;
}

img {border:none;}
strong {
	color:#060;
}
.center {
	text-align:center;
	padding: 0;
}
.text-right {
	margin:20px 5px 0 5px;
}
.smaller {
	font-size:14px;
	color:#060;
	padding: 0;
}

.image-left {float:left; padding:10px 10px 0 0;}
.image-right {
	float:right;
	padding:10px 0 5px 10px;
}

h1 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:24px;
	color:#060;
	padding:0 0 10px 0;
	font-weight: normal;
}
h2 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:20px;
	color:#060;
	font-weight: normal;
	padding:0 0 3px 0;
}
h3 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:20px;
	color:#060;
	padding:0 0 5px 0;
}

#phone-box {
	width:150px;
	height:20px;
	position:absolute;
	top:5px;
	left:50%;
	margin:0 0 0 -450px;
}
#phone-box p{
	padding:0;
}

#solar-thermal {
	width:200px;
	height:110px;
	position:absolute;
	left:50%;
	margin:5px 0 0 -240px;
	top: 0px;
}
#woodburners-biomass {
	width:178px;
	height:154px;
	position:absolute;
	top:0px;
	left:50%;
	margin:5px 0 0 -50px;
}
#cylinders {
	width:140px;
	height:150px;
	position:absolute;
	top:0px;
	left:50%;
	margin:60px 0 0 100px;
}
#underfloor-heating {
	width:175px;
	height:145px;
	position:absolute;
	top:0px;
	left:50%;
	margin:170px 0 0 210px;
}
#heating-plumbing{
	width:210px;
	height:130px;
	position:absolute;
	top:0px;
	left:50%;
	margin:305px 0 0 240px;
}
#heat-pumps {
	width:215px;
	height:160px;
	position:absolute;
	top:0px;
	left:50%;
	margin:430px 0 0 250px;
}

#top-holder {
	width:100%;
	height:220px;
	border-top: 3px solid #CCC;
	border-bottom: 3px solid #CCC;
	background-color:#0A0;
	margin:30px 0 0 0;
}
#top {
	width:1000px;
	height:220px;
	margin: 0 auto;
}
#logo-box {
	width:210px;
	height:210px;
	float: left;
	margin: 5px 0 0 5px;
}
#gas-safe {
	width:100px;
	height:100px;
	position:absolute;
	top:0;
	left:50%;
	margin: 750px 0 0 350px;
	z-index:4;
}
#hetas {
	width:100px;
	height:63px;
	position:absolute;
	top:0;
	left:50%;
	margin: 850px 0 0 350px;
	z-index:5;
}
#tagline {
	width:600px;
	height:100px;
	float: left;
	margin: 70px 0 0 50px;
}
.tagline {
	font-size:24px;
	color:#999;
	text-align: center;
}
#navigation-holder {
	width:100%;
	height:30px;
	background-color:#FF6;
	border-bottom: 3px solid #CCC;
}
#navigation {
	width:960px;
	height:30px;
	margin: 0 auto;
}

ul#navmenu-h {
	list-style: none;
	position: relative;
	z-index:10000!important;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #060;
	line-height: 30px;
} 
ul#navmenu-h ul {  
/* Sub Menu Width */ margin: 0; list-style: none; display: none; position: absolute; top: 100%; left: 0; } 
ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; } 
ul#navmenu-h li {
	display: inline;
	position: relative;
	text-align:center;
}
ul#navmenu-h ul li { width: 100%; display: block; } 
/* Root Menu */ ul#navmenu-h a {
	color: #060;
	margin: 0 0 0 30px;
	float: left;
	display: block;
	text-decoration: none;
} 
/* Root Menu Hover Persistence */ ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a {
	color: #090;
} 
/* Hover Function - Do Not Move */ ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; } ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }

.active {
	color:#000;
}
.active:hover {
	color:#FFF;
}

#index-holder {
	width: 100%;
	overflow: hidden;
	min-height:650px;
}
#index-main {
	width: 1000px;
	margin: 0 auto;
	background-color: #FFF;
	overflow: hidden;
}

#fadeshow-box {
	width:600px;
	height:300px;
	padding:10px 30px;
	float: left;
}
#sidebar {
	width: 240px;
	height: 300px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin: 589px 0 0 210px;
	background-image: url(../graphics/world-logo.jpg);
	background-repeat: no-repeat;
}
#sidebar-with-text {
	width:240px;
	height:300px;
	margin: 300px 50px 30px 0;
	float: right;
	background-image:url(../graphics/world-logo.jpg);
	background-repeat:no-repeat;
}

#index-text {
	width: 650px;
	margin: 10px 0px 0px 10px;
	float: left;
}

#introduction-holder {
	width:100%;
	height:760px;
}
#introduction-main {
	width:1000px;
	height:760px;
	margin: 0 auto;
	background-color: #FFF;
}
#introduction-text {
	width:650px;
	height:750px;
	margin: 10px 0px 0px 10px;
	float: left;
}


#introduction-holder1 {
	width:100%;
	height:960px;
}
#introduction-main1 {
	width:1000px;
	height:960px;
	margin: 0 auto;
	background-color: #FFF;
}
#introduction-text1 {
	width:650px;
	height:950px;
	margin: 10px 0px 0px 10px;
	float: left;
}

#solar-holder {
	width:100%;
	height:540px;
}
#solar-main {
	width:1000px;
	height:540px;
	margin: 0 auto;
	background-color: #FFF;
}
#solar-text {
	width:650px;
	height:500px;
	margin: 10px 0px 0px 10px;
	float: left;
}
#solar-text p {
	padding:5px 0 10px 10px;
	color: #080;
}

#cylinders-holder {
	width:100%;
	height:640px;
}
#cylinders-main {
	width:1000px;
	height:640px;
	margin: 0 auto;
	background-color: #FFF;
}
#cylinders-text {
	width:650px;
	height:560px;
	margin: 10px 0px 0px 10px;
	float: left;
}

#gallery-holder {
	width:100%;
	height:1550px;
}


#gallery-holder1 {
	width:100%;
	height:2050px;
}

#gallery-main {
	width:1000px;
	height:1550px;
	margin: 0 auto;
	background-color: #FFF;
}


#gallery-main1 {
	width:1000px;
	height:2050px;
	margin: 0 auto;
	background-color: #FFF;
}


#gallery-text {
	width:650px;
	height:100px;
	margin: 10px 0px 0px 10px;
	float: left;
}
#gallery {
	width:650px;
	height:1400px;
	margin: 10px 0px 0px 10px;
	float: left;
}

#gallery1 {
	width:650px;
	height:1900px;
	margin: 10px 0px 0px 10px;
	float: left;
}

.brochure-gallery-box {
	width:204px;
	height:220px;
	float: left;
	margin: 0 10px 0 0;
}
.brochure-gallery-text {
	width:204px;
	height:66px;
	float: left;
	text-align:center;
}
.brochure-gallery-text h2{
	padding:0 0 0 0;
}
.brochure-gallery-text p{
	color:#060;
	padding: 0 0 0 3px;
	font-size: 14px;
}
.brochure-gallery-image{
	width:204px;
	height:154px;
	float: left;
}
#gallery h2, #gallery p{
	text-align:center;
}

#bottom-box {
	width:1000px;
	height:20px;
	background-image:url(../graphics/bottom-box.png);
	margin: 0 auto;
}
#footer-holder {
	width:100%;
	height:30px;
	border-top: 3px solid #CCC;
	border-bottom: 3px solid #CCC;
	background-color:#FF6;
}
#footer {
	width:1000px;
	height:40px;
	margin:0 auto;
}
#footer p{
	font-size:14px;
	padding:6px 0 0 0;
	color: #060;
}
#footer a{
	color:#093;
}
#footer a:hover{
	color:#050;
}
#case-study-text {
	width: 650px;
	margin: 10px 0px 0px 10px;
	float: left;
	overflow: hidden;
	padding: 0 0 20px 0;
}
#case-study-text img{
	border:1px solid #080;
}

#case-studies {
	width:100%;
	float:left;
}
.case-study-box {
	width: 182px;
	margin: 0 8px 4px 0;
	float: left;
}
.case-study-image img{
	border:1px solid #666;
}
.case-study-image:hover {
	opacity:0.7;
}
.case-study-description p{
	font-size:0.8em;
	padding:0 0 20px 0;
}