/* CSS Document */
* {
   margin: 0px;
   padding: 0px;
}
body{
	color:#444;
	font-family:"Helvetica Neue", "Lato Regular", sans-serif;
	font-weight:200;
	font-size:1em;
	line-height:1.5em;
}
#clear{clear:both}
/* -------------------- Navigation -------------------- */
#header{
	width:90%;
	max-width:1280px;
	padding:20px 2% 20px 2%;
	background:#fff;
	z-index:100;
	margin:auto;
	text-align:center;
	font-size:0.85em;
	font-weight:bold;
}
#header a{
	color:#f15c2a;
	margin:0px 10px 0px 10px;
	padding:10px;
}
#header a:hover{
	color:#4066AF;
}
#header ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#header li{
	display:inline;
}
#logo, #contact-details, #nav {
	text-align:center;
	display:inline-block;
	vertical-align:middle;
	margin:10px 2% 10px 2%;
}
#logo{max-width:303px;float:left}
#contact-details{
	float:right;
	text-align:right;
	min-width:500px;
}
#contact-details img{
	margin-left:2%;
	display:inline-block;
}
/* -------------------- Section -------------------- */
#about, #domestic-services, #commercial-services, #section, #water-chlorination-legionella-testing{
	width:100%;
}
#about, #boiler-packages{
	background: #4867ad; /* Old browsers */
	background: -moz-linear-gradient(top,  #273264 0%, #4867ad 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#273264), color-stop(100%,#4867ad)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #273264 0%,#4867ad 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #273264 0%,#4867ad 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #273264 0%,#4867ad 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #273264 0%,#4867ad 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#273264', endColorstr='#4867ad',GradientType=0 ); /* IE6-9 */
	color:#fff;
}
#free-boiler{
	background: #005826; /* Old browsers */
	background: -moz-linear-gradient(top,  #005826 0%, #39b54a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005826), color-stop(100%,#39b54a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #005826 0%,#39b54a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #005826 0%,#39b54a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #005826 0%,#39b54a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #005826 0%,#39b54a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005826', endColorstr='#39b54a',GradientType=0 ); /* IE6-9 */
	color:#fff;
}
#boiler-packages-banner{
	background:url(images/boiler-makers.png) bottom right no-repeat;
	text-align:left;
}
#free-boiler-banner{
	background:url(images/green-deal.png) bottom right no-repeat;
	text-align:left;
}
#section-content-narrow{width:20%;padding:50px 5% 50px 5%;display:inline-block;text-align:center;vertical-align:middle;text-align:center;}
#section-content-wide{width:55%;padding:50px 5% 50px 5%;display:inline-block;text-align:left;vertical-align:middle;}
/* -------------------- Content -------------------- */
#content{
	width:90%;
	max-width:1200px;
	margin:0 auto;
	padding:50px 2% 50px 2%;
	text-align:center
}
#image{
	display:inline-block;
	margin:0 20px 0 20px;
}
/*------------------------ Tabbed Content ----------------------*/
#tabbed-buttons,#tabbed-content{
	display:inline-block;
	vertical-align:top;
}
#tb{
	width:200px;
	padding:15px;
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #e8e8e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9f9f9 0%,#e8e8e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#e8e8e8 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
	color:#444;
	cursor:pointer;
	display:inline-block;
}
#tc1,#tc2,#tc3,#tc4,#tc5{
	width:80%%;
	padding:0 50px 0 50px;
	text-align:left;
	margin:30px 0 0 0;
}
/* -------------------- Contact Page -------------------- */

#contact-page{
	width:35%;
	min-width:280px;
	padding:20px 5% 20px 5%;
	display:inline-block;
	background:#eee;
	vertical-align:top;
}

/* -------------------- Footers -------------------- */
#footer{
	font-size:0.85em;
	line-height:1.5em;
}
#footer-links, #footer-logo, #footer-contact{
	width:30%;
	display:inline-block;
	vertical-align:middle;
}
#footer-links{text-align:left}
#footer-logo{text-align:center;min-width:245px}
#footer-contact{text-align:right}
#footer-contact img{margin:0 5px;}
#fld{
	background:#eee;
	color:#444;
	text-align:center;
	padding:10px;
	font-size:0.75em;
}
/* -------------------- Formatting -------------------- */
a {
	text-decoration:none;
	color:#f15c2a;
}
a:hover{
	color:#4066AF;
}
h1{
	line-height:1.2em;
}

h2{
	color:#4166AF;
}

.current{
	
}
.blue{
	color:#4166af;
}
.enquire{
	padding:10px 20px 10px 20px;
	color:#fff;
	background:#f15c2a;
}
.enquire:hover{
	background:#4066AF;
	color:#fff;
}
.package{
	font-size:3em;
}
hr{
	
}
/* -------------------- Forms -------------------- */
textarea {
	width:100%;
	height:100px;
	border:none;
}
input {
	width:100%;
	height:30px;
	border:none;
}
select {
	width:100%;
	height:30px;
	border:none;
}
.submit{
	width:100%;
	height:30px;
	color:#fff;
	background-color:#F15C2A;
	border:none;
}
.submit:hover{
	background-color:#4066AF;
}