/* CSS Document for "Aquatek" created by Pixel Design */

/*============================================================
 !Reset
============================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/*============================================================
 !Defaults
============================================================*/

h1,h2,h3,h4,h5,h6 {line-height:normal;}
h1 {font:26px Arial, Helvetica, sans-serif; font-weight:bold; color:#707070;}
h2 {font:15px Arial, Helvetica, sans-serif; color: #FF6600; font-weight:bold;}
h3 { font:bold 17px/20px Arial, Helvetica, sans-serif; color:#484848; text-align:left; }
h4 { font: bold 13px/20px Arial, Helvetica, sans-serif; color: #585e62;}
h5 { font:bold 14px/18px Arial, Helvetica, sans-serif ; color:#666666;}
h6 { font:11px Verdana, Arial, Helvetica, sans-serif; color:#989898; font-weight:bold; padding:0px 0px 0px 80px;}
p {  font:normal 12px/19px Arial, Helvetica, sans-serif; }

b,strong {
	font-weight:bold; color:#3d3d3d;
	line-height:1;
	}

i,em { font-style:italic; }

img { vertical-align: middle; }

a:link, a:visited {
	color:#de4c0e;
	outline:none;
	text-decoration:underline;
	}
	
a:hover {
	color:#c42323;
	text-decoration:none;
	}
a img, .noborder { border:0; }

a.nounderline {
	text-decoration:none;
	}
a.nounderline:hover {
	text-decoration:underline;
	}

ul {
	list-style: none;
	}

.clft{ clear:left;}
.clbth{ clear:both;}
.clrt { clear:right;} 


/*============================================================
 !Basics
============================================================*/
body { background:url(../images/background.gif) repeat-x top #000000; color:#191919; font:normal 12px/19px Arial, Helvetica, sans-serif; color:#191919; text-align:justify;}
#wrapper { width:948px; margin:0px auto;}

#central_heating_header { width:948px; background:url(../images/background-header.gif) repeat-x top; height:285px;}

.header { width:948px;}



#boiler_body{ width:948px; background:url(../images/background-body.gif) repeat-y; }

.body_left { width:239px; float:left;}

.leftprt { width:193px; padding:15px 21px 8px 25px;}

#navi { width:193px;}
#navi ul { margin:0px; padding:0px;}
#navi li { list-style:none; padding-bottom:1px;}

#navi li.homepage a{ background:url(../images/navigation.jpg) no-repeat 0px 0px; width:193px; height:40px; display:block; text-indent:-5000px; outline:none; }
#Home #navi ul li a.index,
#navi li.homepage a:hover{ background:url(../images/navigation_hover.jpg) no-repeat 0px 0px; width:193px; height:40px; text-indent:-5000px;}

#navi li.aboutuspage a{ background:url(../images/navigation.jpg) no-repeat 0px -41px; width:193px; height:40px; display:block; text-indent:-5000px; outline:none; }
#Aboutus #navi ul li a.aboutus,
#navi li.aboutuspage a:hover{ background:url(../images/navigation_hover.jpg) no-repeat 0px -41px; width:193px; height:40px; text-indent:-5000px;}

#navi li.gallerypage a{ background:url(../images/navigation.jpg) no-repeat 0px -82px; width:193px; height:40px; display:block; text-indent:-5000px; outline:none; }
#Gallery #navi ul li a.gallery,
#navi li.gallerypage a:hover{ background:url(../images/navigation_hover.jpg) no-repeat 0px -82px; width:193px; height:40px; text-indent:-5000px;}

#navi li.areawecoverpage a{ background:url(../images/navigation.jpg) no-repeat 0px -123px; width:193px; height:40px; display:block; text-indent:-5000px; outline:none; }
#Areawecover #navi ul li a.areawecover,
#navi li.areawecoverpage a:hover{ background:url(../images/navigation_hover.jpg) no-repeat 0px -123px; width:193px; height:40px; text-indent:-5000px;}

#navi li.contactuspage a{ background:url(../images/navigation.jpg) no-repeat 0px -164px; width:193px; height:40px; display:block; text-indent:-5000px; outline:none; }
#Contactus #navi ul li a.contactus,
#navi li.contactuspage a:hover{ background:url(../images/navigation_hover.jpg) no-repeat 0px -164px; width:193px; height:40px; text-indent:-5000px;}

.serv_list { width:193px; margin:20px 0px 20px;}
.serv_list h2{ background:url(../images/ttl_services.gif) no-repeat; width:65px; height:12px; text-indent:-5000px; padding-bottom:10px;}

.serv_list ul{margin:0px; padding:0px;}
.serv_list li{ margin-bottom:1px;}
.serv_list li a:link, .serv_list li a:visited { background-color:#726e02; display:block; text-decoration:none;}


.weaccept { width:193px;}
.weaccept h2{ background:url(../images/ttl_weaccept.gif) no-repeat; width:82px; height:12px; text-indent:-5000px;}
.weaccept img { float:left; margin:14px 10px 0px 0px;}

.body_right { width:709px; float:left;}

.rightprt { width:664px; padding:18px 25px 0px 20px;}

.contbiner { width:664px;}

.mainttl { width:544px; height:27px; float:left; }
#Home .mainttl h2 { background:url(../images/hdr_home.gif) no-repeat; width:293px; height:27px; text-indent:-5000px; }

.telintop { width:120px; height:27px; float:right;}
.telintop h3{ background:url(../images/logo_tel.jpg) no-repeat 5px 5px; font:bold 13px/27px Arial, Helvetica, sans-serif; color:#1d1d1d; text-align:right; display:block; }


.container { width:664px; margin:10px 0px 10px;}
.container h3 { font:italic bold 18px Arial, Helvetica, sans-serif; color:#7e7709; width:664px; border-bottom:3px solid #9d9c97; padding-bottom:4px; margin-bottom:15px;}

.imgleftflo { float:left; padding:0px 15px 5px 0px;}
.imgleftflo img{ padding:5px; border:1px solid #d1d1d1; margin-bottom:8px;}
.imgleftflo a:hover img { border:1px solid #c4cf49;}

.imgrightflo { float:right; margin:0px 0px 5px 15px;}
.imgrightflo img{ padding:5px; border:1px solid #d1d1d1; margin-bottom:8px;}
.imgrightflo a:hover img { border:1px solid #c4cf49;}

.ttl_ourservices { width:664px; height:22px; padding:20px 0px 0px;}
.ttl_ourservices h2{ background:url(../images/ttl_ourservices.gif) no-repeat; width:127px; height:21px; text-indent:-5000px;}

.navi_imgs { width:664px; padding:2px 0px 0px;}
.navi_imgs img{ float:left; margin:8px 8px 0px 0px;}
.navi_imgs .nopad img{ margin:8px 0px 0px 0px;}

.ttl_gallery { width:664px; height:22px; padding:20px 0px 0px;}
.ttl_gallery h2 { background:url(../images/ttl_gallery.gif) no-repeat; width:82px; height:22px; text-indent:-5000px;}

.brands_logo { width:656px; padding:10px 0px 10px 8px; margin-top:15px; background-color:#FFFFFF;}
.brands_logo img{ padding:0px 8px; float:left;}

#plumber_footer { width:948px;}

.footerprt { padding:25px 25px 8px 0px; font:italic 11px/18px Georgia, "Times New Roman", Times, serif; color:#837c12;}
.footerprt strong { font-size:18px; font-style:italic; font-variant:small-caps; color:#c4b801;}
.footerprt a:link, .footerprt a:visited { color:#837c12;}
.footerprt a:hover { color:#ffef00;}

.hcountr { width:200px; float:left; padding-left:265px;}
.hcountr a:link, .hcountr a:visited, .hcountr a:hover{ color:#000000;}

.futlink{ width:400px; float:right; text-align:right;}

/*============================================================
 !About us
============================================================*/
#Aboutus .mainttl h2 { background:url(../images/hdr_aboutus.gif) no-repeat; width:129px; height:27px; text-indent:-5000px; }

.samplepg {padding:40px 0px 20px; text-align:center;}

/*============================================================
 !Gallery Page
============================================================*/
#Gallery .mainttl h2 { background:url(../images/hdr_gallery.gif) no-repeat; width:129px; height:27px; text-indent:-5000px; }

/*============================================================
 !Services
============================================================*/
#Services .mainttl h2 { background:url(../images/hdr_services.gif) no-repeat; width:183px; height:27px; text-indent:-5000px; }

.undercontainer { width:664px; padding-bottom:10px;}
.undercontainer h4 { font:normal small-caps bold 17px/18px Arial, Helvetica, sans-serif; color:#b8650c; padding-bottom:5px;}
.undercontainer strong { font:bold 12px/17px Arial, Helvetica, sans-serif;}

.undercontainer ul{padding:0px 0px 20px;}
.undercontainer li { background:url(../images/bullet_004.png) no-repeat 0px 10px; font:normal 12px/15px Arial, Helvetica, sans-serif; padding:8px 0px 0px 15px;}

.uncont_left1{ width:317px; float:left;}
.uncont_left1 ol{ padding:0px 0px 0px 30px;}
.uncont_left1 ol li{ background:none; list-style:decimal-leading-zero outside none; font:bold 12px/15px Arial, Helvetica, sans-serif; color:#4d4d4d; padding-left:5px;}

.uncont_right1{ width:327px; padding-left:20px; float:left;}

.uncontimg_shadow { background:url(../images/uncontimgshadow.png) no-repeat; width:306px; height:215px; padding:3px 3px 8px;}

.futernote { font:normal 10px/15px Arial, Helvetica, sans-serif; color:#3f3f3f; border-top:1px solid #CCCCCC; margin-top:25px; padding-top:5px;}

.astric { color:#FF6600; font:15px/15px Arial, Helvetica, sans-serif;}

.uncont_left { width:245px; float:left;}
.uncont_left p{ padding:0px 18px 0px 0px; text-align:justify;}

.uncont_right { width:382px; padding-left:20px; float:left;}
.uncont_right table{  margin:16px 0px;}
.border_left { border-left:1px solid #bfbfbf;}

.uncont_3col { width:221px; float:left;}
.uncont_3col ul{ margin:0px; padding:0px; width:210px;}
.uncont_3col li{ background:url(../images/bullet_004.png) no-repeat 4px 10px; font:normal 12px/24px Arial, Helvetica, sans-serif; border-bottom:1px solid #d1d1d1; display:block; padding:0 0 0 15px;}


.tblhdrbg { background-color:#f18b31; height:32px; font:bold 12px/32px Arial, Helvetica, sans-serif; color:#FFFFFF; padding-left:10px; border-right:1px solid #e3e3e3; }
.tbltds { background-color:#fcfcfc; padding-left:10px; font:11px/22px Arial, Helvetica, sans-serif; height:22px; color:#615e5e;}
td.tbltds, td.tbltds1 { border:1px solid #e3e3e3;}

.tbltds li { border-bottom:1px solid #dedede; font:normal 12px/24px Arial, Helvetica, sans-serif; padding:0 0 0 15px;}

.tbltds1 { background:url(../images/bullet_003.png) no-repeat 18px 3px #fcfcfc; padding-left:10px; font:11px/22px Arial, Helvetica, sans-serif;}
.offr { width:300px;}

.logo_british_gas { background:url(../images/logo_british_gas.gif) no-repeat; width:115px; height:40px;}

.big_txt_blk13 { font:bold 13px/18px Arial, Helvetica, sans-serif; color:#201f1f; text-align:right; padding:12px 0px 0px;}
.big_txt_orng { font:bold 32px/35px Arial, Helvetica, sans-serif; color:#dd7315; text-align:right; padding:12px 0px 0px;}
.normal_text { padding:15px 0px;}

.rightdarknote { width:184px; font:normal 11px/16px Arial, Helvetica, sans-serif; float:right; background-color:#d6d6d6; padding:10px 8px; margin:0px 0px 10px 10px; border:1px solid #888888; color:#444444;}
.rightdarknote img{ margin:0px 0px 10px; border:1px solid #919191;}

/*============================================================
 !Areas we cover
============================================================*/
#Areawecover .mainttl h2 { background:url(../images/ttl_areaswecover.jpg) no-repeat; width:223px; height:27px; text-indent:-5000px; }



/*============================================================
 !Contact Us
============================================================*/
#Contactus .mainttl h2 { background:url(../images/hdr_contactus.gif) no-repeat; width:161px; height:27px; text-indent:-5000px; }


#contactleft{
	font-size:12px;
	font-weight:bold;
	text-align:left;
	width:560px;
	}
	

.border{
	font: 12px Arial, Helvetica, sans-serif;
	color:#414141;
	border:1px solid #bdbdbd;
	background:#cfcfcf;
	width:210px;
	height:18px;
	padding:2px;
}

.border1{
	font: 12px Arial, Helvetica, sans-serif;
	color:#161913;
	border:1px solid #d5c80d;
	background:#ece581;
	width:210px;
	height:18px;
	padding:2px;
}

.borderk{
	font: 12px Arial, Helvetica, sans-serif;
	color:#414141;
	border:1px solid #bdbdbd;
	background:#cfcfcf;
	width:350px;
	height:220px;
	padding:2px;
}
.borderka{
	font: 12px Arial, Helvetica, sans-serif;
	color:#161913;
	border:1px solid #d5c80d;
	background:#ece581;
	width:350px;
	height:220px;
	padding:2px;
}




/* Text Box End */

/* Buttons End */

.btn{
	background-color:#bba009;
	border-top:2px solid #fee975; border-right:2px solid #a1960c; border-bottom:2px solid #a1960c; border-left:2px solid #fee975;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:30px; height:30px;
	padding:0px 3px;
	cursor:pointer;
	color:#f6de56;
	}

.btn-hover{
	background-color:#e3c20a;
	border-top:2px solid #fee975; border-right:2px solid #baae0c; border-bottom:2px solid #baae0c; border-left:2px solid #fee975;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:30px; height:30px;
	padding:0px 3px;
	cursor:pointer;
	color:#ffffff;
}
.contactwhol { width:600px;}

.c1{
	margin:0 auto;
	padding:0;
	width:220px;
	float:left;
	line-height:25px;
	text-align:left;
	}	
.c2{
	margin:0;
	padding:0 0 0 20px;
	width:360px;
	float:left;
	line-height:25px;
	float:left;
}


.mapcontainer { width:320px; padding-bottom:4px; float:left;}

.error{
	background-color:#ea3f1d;
	font-size:13px;
	font-weight:bold;
	padding:8px;	
	text-align:center;
	color:#FFFFFF;
	}

.ok{
	background-color:#81be0a;
	font-size:13px;
	font-weight:bold;
	padding:8px;	
	text-align:center;
	color:#FFFFFF;
	}

