/* standard style sheet for hot and cold */
.group:before, .group:after {
	content: "";
	display:table;
	}
.group:after {
	clear:both;
	}
.group {
	zoom:1;
	}
/* add the class group to all containers with floating elements */
body {
	font-family:Arial, Verdan, San Serif;
	background-color:#D2E9FF;
	}
body a{text-decoration:none;}
body a:hover{text-decoration:underline;}
/* modal window styling is here */
#overlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
	 background:rgba(102,102,102,0.7);
}
#overlay div #leftimg{margin:0;padding:0;float:left;}
#overlay div #rightimg{margin:0;padding:0;float:right:}
#overlay div #leftimg #cold{width:80%;margin-top:2em;}
#overlay div #rightimg #hot{width:30%;min-width:120px;max-width:150px;float:right;}
#overlay div #leftimg figcaption {color:blue;font-weight:bold;text-align:center;}
#overlay div #rightimg figcaption {color:red;font-weight:bold;text-align:right;}
#overlay div p{clear:both;}
#overlay div button {
	height:50px;
	width:150px;
	background: -moz-linear-gradient(#E4ABAB, #CB5146);
	background: -ms-linear-gradient(#E4ABAB, #CB5146);
	background: -webkit-linear-gradient(#E4ABAB, #CB5146);
	background: -o-linear-gradient(#E4ABAB, #CB5146);
	background: linear-gradient(#E4ABAB, #CB5146);
}	
#overlay div button:hover {
	background: -moz-linear-gradient(#CB5146, #E4ABAB);
	background: -webkit-linear-gradient(#CB5146, #E4ABAB);
	background: -ms-linear-gradient(#CB5146, #E4ABAB);
	background: -o-linear-gradient(#CB5146, #E4ABAB);
	background: linear-gradient(#CB5146, #E4ABAB);
}

#overlay div {
     width:40%;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:center;
	 border-radius:0.5em;
}
header{width:900px;margin:0.5em auto 0 auto;}
nav {width:100%;margin:1em auto;}
nav ul{
	list-style:none;
	text-align:center;
	width:100%;
	/* background-color:#6980DD; */
	background: -webkit-linear-gradient(#ADBAED, #6980DD);
	background: -moz-linear-gradient(#ADBAED, #6980DD);
	background: -ms-linear-gradient(#ADBAED, #6980DD);
	background: -o-linear-gradient(#ADBAED, #6980DD);
	background: linear-gradient(#ADBAED, #6980DD);
	border-radius:5px;
	padding:0.5em 0
	}
nav ul li {display:inline;}
nav ul li a {text-decoration:none;padding:0.5em 1em;color:white;text-shadow:2px 2px 2px #000;}
nav ul li a:hover {
	background:-moz-linear-gradient(#CB5146, #E4ABAB);
	background:-webkit-linear-gradient(#CB5146, #E4ABAB);
	background:-ms-linear-gradient(#CB5146, #E4ABAB);
	background:-o-linear-gradient(#CB5146, #E4ABAB);
	background:linear-gradient(#CB5146, #E4ABAB);
	text-decoration:none;
	}
#logo-top {
	width:100%;
	margin:0 auto;
	border:solid 1px #aaa;
	border-top-right-radius:0.5em;
	border-top-left-radius:0.5em;
	background:-moz-linear-gradient(to right, #EBC2C2, #fff, #B8C2EF);
	}
#logo-top #specials {float:right;width:35%;min-width:200px;}
#logo-top #logo {float:left;width:50%;min-width:250px;}
#logo-top h1 {clear:both;font-size:1.2em;margin-left:1em;}

/* slide show here */
#slide-show {width:100%;height:auto;border-left:solid 1px #aaa;border-right:solid 1px #aaa;}

.rslides li .image-label{
	text-align:center;
	font-weight:bold;
	font-size:1.5em;
	background:-moz-linear-gradient(to right, #EBC2C2, #fff, #B8C2EF);
	padding:0.5em 0;
	margin-bottom:0;
	}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  width:100%;
  float:right;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

 /* main content area */
 #container {width:900px;margin:0 auto;background-color:#fff;}
 #main-content {
	width:100%;
	margin:0 auto;
	border:solid 1px #aaa;
	border-top:none;
	border-bottom-right-radius:0.5em;
	border-bottom-left-radius:0.5em;
	}
 #main-content h1{margin-left:1em;font-size:1.3em;color:blue;}
 #main-content h2{clear:left;margin-left:1em;font-size:1.1em;color:#6B7AD7;}
 #main-content p {margin:0.5em 1em;}
 #main-content p:nth-child(12) {color:#D34F4B;float:left;}
 #main-content #call, #main-content #enquiry {
	width:15%;
	height:50px;
	float:left;
	margin:0.5em;
	/* font-weight:bold; */
	color:#000;
	background: -moz-linear-gradient(#E4ABAB, #CB5146);
	background: -ms-linear-gradient(#E4ABAB, #CB5146);
	background: -webkit-linear-gradient(#E4ABAB, #CB5146);
	background: -o-linear-gradient(#E4ABAB, #CB5146);
	background: linear-gradient(#E4ABAB, #CB5146);
	/* text-shadow: 2px 2px 2px #000; */
	}
#main-content #call:hover, #main-content #enquiry:hover {
	background: -moz-linear-gradient(#CB5146, #E4ABAB);
	background: -webkit-linear-gradient(#CB5146, #E4ABAB);
	background: -ms-linear-gradient(#CB5146, #E4ABAB);
	background: -o-linear-gradient(#CB5146, #E4ABAB);
	background: linear-gradient(#CB5146, #E4ABAB);
	}
 #main-content #left, #main-content #centre, #main-content #right {
	width:30%;
	float:left;
	margin:0.5em;
	}
#main-content #right {float:right;}
#main-content #centre {margin-left:3%;}
#main-content #centre img{Width:90%;max-width:300px;min-width:250px;}
#main-content #left ul, #main-content #right ul {list-style:none;font-weight:bold;}
.scroller img{width:20%;min-width:200px;margin-left:1em;}

.banner { clear:both; position: relative; overflow: auto; }
    .banner li { list-style: none; }
        .banner ul li { float: left; }
/* about us */
#main-content ul {font-size:0.9em;}
#main-content #about li:first-child {list-style:none;}
#main-content #about{width:90%;}
#main-content ul li img {float:right;width:40%;min-width:245px;margin:0 1em 1em 1em;}

/* specials page */

#main-content #t-left, #main-content #b-left {clear:left;float:left;margin-left:2em;margin-bottom:1em}
#main-content #t-right, #main-content #b-right {float:right;margin-right:2em;margin-bottom:1em}
#main-content #t-left td img {width:30%;margin-right:0.5em;}
#main-content table .image{background-color:white;}
#main-content #t-right td img {width:29%;margin-right:0.5em;}
#main-content #b-left td img{width:30%;margin-right:0.5em;}
#main-content #b-right td img{width:30%;margin-right:0.5em;}
#main-content #t-left, #main-content #t-right, #main-content #b-left, #main-content #b-right {width:45%;/*float:left; */border:solid 1px #aaa;border-collapse:collapse;}
#main-content #t-left caption, #main-content #t-right caption, #main-content #b-left caption, #main-content #b-right caption{background-color:#ECC5C5;border:solid 1px #000;border-bottom:none;}
#main-content #t-left tr:nth-child(even), #main-content #t-right tr:nth-child(even), #main-content #b-left tr:nth-child(even), #main-content #b-right tr:nth-child(even){background-color:#D2E9FF;}
#main-content #t-left td, #main-content #t-right td, #main-content #b-left td, #main-content #b-right td {border:solid 1px #000;width:15%;text-align:center;}
#main-content #t-left td:nth-child(3), #main-content #t-right td:nth-child(3), #main-content #b-left td:nth-child(3), #main-content #b-right td:nth-child(3){text-align:right;padding-right:3em;}
#main-content #t-left th, #main-content #t-right th, #main-content #b-left th, #main-content #b-right th{border:solid 1px #000;background-color:#566EA5;color:#FFF} 
#main-content #salespitch {clear:both;}
#main-content #geyser {width:100%;border-top:solid 1px #000;}
#main-content #geyser img{width:22%;margin:1em;float:left;vertical-align:middle;}
#main-content #geyser ul{list-style:none;font-size:1.2em;margin-top:1.5em;}
#main-content #geyser ul li{line-height:1.2em}
#main-content #geyser ul li hr { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}
/* calculator page */
#main-content #graph {clear:both;width:900px;margin:1em auto;text-align:center;}
#main-content #graph img {width:95%;}
#main-content #graph p {display:none;text-align:justify;}
#main-content #calc-data {width:60%;}
#main-content #calc-data td{text-align:left;vertical-align:top;}
#calculator #room-variables {width:70%;margin:1em auto;padding:0;border:solid 1px #000;background-color:#D8E0FE;}
#calculator #room-variables h1{text-align:center;font-weight:normal;font-size:1.1em;background-color:#566EA5;color:white;margin: 0 0 0.5em 0;padding:0.2em 0;}
#calculator #room-variables #room, #calculator #room-variables #insulation, #calculator #room-variables #glaze {float:left;width:24.883%;border-right:solid 1px #000;height:180px;}
#calculator #room-variables #area {float:left;width:24.883%;}
#calculator #room-variables #area label, #calculator #room-variables #area input {margin-left:0.5em;width:90%;}
#calculator #workout {width:80%;margin:1em auto;text-align:center;}
#calculator #workout #right label{display:inline-block;text-align:left;margin-top:10px;}
#calculator #workout img {vertical-align:top;width:80%;}
#calculator #workout #left {width:20%;float:left;}
#calculator #workout #right {width:73%;float:right;}
#calculator #workout #right #calc {margin:0.5em 3em 0 0;}

/* how to save power page here */

#main-content p #curtain {float:right;width:40%;min-width:150px;}
#main-content #efficiency {width:900px;margin:1em auto;text-align:center;}
#main-content #efficiency #pwrgen{width:80%}
#main-content #efficiency #table {width:90%;margin:1em auto;}
#main-content #efficiency #table #comparison {width:100%;margin:0;}
#main-content #efficiency #table p:last-child{display:none}
#main-content #scroll {display:none;}
/* contact us page */
#main-content #con-left {width:45%;float:left;text-align:center;}
#main-content #con-right {
	width:45%;
	float:right;
	text-align:left;
	margin-right:1em;
	border:solid 1px #aaa;
	margin-bottom:1em;
	border-radius:0.5em;
	box-shadow:5px 5px 5px 2px #ccc;
	background-color:#D2E9FF;
	}
#main-content #con-left table {width:70%;margin:0 auto;border:solid 1px #000;border-collapse:collapse;}
#main-content #con-left table td{border-top:solid 1px #000}
#main-content #con-left table tr:nth-child(odd) {background-color:#D2E9FF}
#main-content #con-left .label {font-weight:bold;text-align:right;background-color:#566EA5;color:white;width:30%;}
#main-content #con-right label, #main-content #con-right input, #main-content #con-right textarea{margin-left:1em;}
#main-content #con-right input, #main-content #con-right textarea{width:90%}
#main-content #con-right textarea {margin-bottom:0.5em;}
#main-content #solar {clear:left;padding-top:0.5em;}
#main-content #con-right #capimg{padding-left:1em;flaot:left;}
#main-content #con-right #captcha_input{float:right;width:40%;margin-right:1.7em;}
#main-content #con-right #submit{margin:0.5em 1em;width:90%;text-align:center}
/* terms and conditions */
#main-content #terms {width:80%}

/* footer section */
footer {
	width:900px;
	margin:0.5em auto;
	text-align:center;
	font-size:0.8em;
	background: -webkit-linear-gradient(#ADBAED, #6980DD);
	background: -moz-linear-gradient(#ADBAED, #6980DD);
	background: -ms-linear-gradient(#ADBAED, #6980DD);
	background: -o-linear-gradient(#ADBAED, #6980DD);
	background: linear-gradient(#ADBAED, #6980DD);
	padding: 0.5em 0;
	border-radius:5px;
	}
footer p{line-height:1.3em;}
footer p span{display:inline-block;width:1em;}