html {height: 100%}
body {margin: 0px; padding: 0px; height: 100%; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif;}



#homepage {background: url(images/background.gif) repeat-x #d8f0f4;}
#interior  {background: url(images/background-int.gif) repeat-x #d8f0f4;}

#container {width: 914px; height: 100%; margin: 0 auto;background: url(images/background.gif) repeat-x #d8f0f4; }

#header {width: 914px; height: 141px; background: url(images/header-bg.gif) no-repeat; }
#header-logo {float: left; width: 350px; height: 132px;}

#hd-phone {width: 364px; height: 141px; float: right;}
#hd-phone-leicester {float: left; width: 152px; height: 91px; float: left; padding-top: 50px;  color:#FFF;}
#hd-phone-market-harborough {float: left; width: 211px; height: 91px; float: left; padding-top: 50px;  color:#FFF;}

#hd-phone-leicester p, #hd-phone-market-harborough p {font-weight: normal; font-size: 1.6em; padding: 0px; margin: 0px;}
#hd-phone-leicester strong, #hd-phone-market-harborough strong  {font-weight: bold; font-size: 1.6em;}

#nav {float: left; width: 915px; height: 59px;}

#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav li {
	float: left;
	width: auto;
	margin: 0px;
}

#nav-homepage {
	display: block;
	width: 88px;
	height: 59px;
	background: url("images/home-new.gif") no-repeat 0 0;
}


#nav-high-pressure-jetting {
	display: block;
	width: 155px;
	height: 59px;
	background: url("images/high-pressure-new.gif") no-repeat 0 0;
}

#nav-cctv-surveys {
	display: block;
	width: 125px;
	height: 59px;
	background: url("images/cctv-new.gif") no-repeat 0 0;
}

#nav-vacuum-tanker {
	display: block;
	width: 132px;
	height: 59px;
	background: url("images/vacume-new.gif") no-repeat 0 0;
}

#nav-specialist-equipment {
	display: block;
	width: 106px;
	height: 59px;
	background: url("images/specialist-new.gif") no-repeat 0 0;
}

#nav-contact-us {
	display: block;
	width: 131px;
	height: 59px;
	background: url("images/contact-new.gif") no-repeat 0 0;

}
#nav-dampproof {
	display: block;
	width: 177px;
	height: 59px;
	background: url("images/damp-new.gif") no-repeat 0 0;

}
#nav-homepage:hover, #nav-high-pressure-jetting:hover, #nav-cctv-surveys:hover, #nav-vacuum-tanker:hover, #nav-specialist-equipment:hover, #nav-contact-us:hover, #nav-dampproof:hover {
	background-position: 0 -59px;
}
#nav-homepage span, #nav-high-pressure-jetting span, #nav-cctv-surveys span, #nav-vacuum-tanker span, #nav-specialist-equipment span, #nav-contact-us span, #nav-dampproof span {
	display: none; }


#middle {float: left; width: 914px; height: 316px; background: url(images/drain-cleaning.jpg) no-repeat;}
#middle-int {float: left; width: 914px; height: 255px;}


#content-hp-f {float: left; width: 864px; background: #d8eff3;   padding: 15px 50px 0px 0px; border-top: solid 1px #3f8e99;}
.content-hp-f-box {float: left; width: 200px; height: 200px; border-top: solid 5px #a5cdd4; border-bottom: solid 5px #a5cdd4; margin-right: 10px; background: #94bdc4;}
.content-hp-f-img {float: left; width: 200px;}
.content-hp-f-con {float: left; width: 183px; padding: 8px;}
.content-hp-f-top {float: left; width: 183px; height: 7px; background: url(images/featured-top.gif) no-repeat; overflow: hidden;}
.content-hp-f-mid {float: left; width: 175px;  background: #81a6ac no-repeat; padding-left: 8px; }
.content-hp-f-mid ul {padding: 0px; margin: 0px; list-style-position: inside; color: #FFF; font-size: 12px; }


.content-hp-f-bot {float: left; width: 183px; height: 7px; background: url(images/featured-bottom.gif) no-repeat; overflow: hidden;}

#content-hp {float: left; width: 864px; background: #d8eff3;   padding: 20px 50px 50px 0px;}
.content-hp-box {float: left; width: 255px; height: 620px; background: url(images/content-box-bg.gif); margin-right: 7px;  padding: 20px 15px 0px 15px; border-top: solid 5px #fafcfc;  border-bottom: solid 5px #fafcfc; }
.content-hp-box h1 {font-size: 2em; font-weight: bold; color: #1d7b99; padding: 0px; margin: 0px;}
.content-hp-box h2 {font-size: 1.6em; font-weight: bold; text-transform: uppercase; color: #1d7b99; padding: 0px; margin: 0px;}
.content-hp-box p {font-size: 1.2em; font-weight: normal; color: #000; text-align: left;}
.h1 {font-size: 0.8em; font-weight: bold; color: #000; padding: 0px; margin: 0px;}

#content-hp-right {float: right; width: 250px; height: 450px;}
#content-hp-list {float: left; width: 250px; padding-top: 6px; padding-bottom: 15px; font-family:Arial, Helvetica, sans-serif;}
#content-hp-list ul {list-style-type: none; list-style-position: inside; display: inline;}
#content-hp-list li {height: 20px;  padding-top: 10px; background: url(images/checklist-big.gif) no-repeat; font-size: 1.6em; color: #5e9198; padding-left: 40px;} 

#content-contactform {float: left; width: 197px; height: 174px; background:url(images/quick-contact-bg.gif); padding: 20px 0 15px 25px;}
#content-contactform h3 {font-size: 1.6em; color: #5ba0ae; font-weight: normal; padding: 0px; margin: 0px;}
#content-contactform table {width: 165px; padding: 0px; margin-top: 14px; border: 0px;}
.content-cf-input {width: 149px; height: 18px; border: none; background-color: #e4f4f5;  color: #606161; padding: 5px 8px 0px 8px; margin-bottom: 6px;}
.content-cf-submit {width: 165px; height: 22px; background-color: #e4f4f5; border: none; color: #606161; text-transform: uppercase;}


#content-int {float: left; width: 914px; background: #d8eff3; border-top: solid 1px #348795;   padding: 20px 0 50px 0;}
#content-int-left {float: left; width: 672px;}

#content-hd {float: left; background: url(images/content-hd.gif) no-repeat; height: 42px; width: 652px; padding: 4px 10px 0 10px; margin-bottom: 15px; }
#content-hd h1 {font-size: 1.6em; color: #FFF; font-weight: normal; padding:0px; margin: 0px;}
.font2 {font-size: 1.6em; color: #FFF; font-weight: normal; padding:0px; margin: 0px;}
#content-hd p {font-size: 1em; color: #b7d4d6; padding: 0px; margin: 0px;} 
#content-hd p a {color: #b7d4d6; text-decoration: none;} 
#content-hd p a:hover {color: #b7d4d6; text-decoration: underline;} 
.content-icon {padding-right: 10px;}

#content-text {float: left; width: 648px;  border-top: solid 5px #fafcfc;  border-bottom: solid 5px #fafcfc; padding: 20px 12px 35px 12px;background: url(images/content-box-bg.gif);}
#content-text h2 {font-size: 1.6em; color: #217c97; margin: 0px;  font-weight: bold; padding: 0px; margin: 0px;} 
#content-text h3 {font-size: 1.2em; color: #2d96b5; margin: 0px;  font-weight: bold;  padding: 0px; margin-bottom: 15px;} 
#content-text p {font-size: 1.4em; line-height: 1.5em;}
#content-text ul {list-style-position: inside; padding: 0px; margin: 0px;}
#content-text li {font-size: 1.4em; color: #217c97; height: 20px;} 
#content-text a {color: #2d96b5;}

#seo{
padding-top:10px;
text-align:center;
width:972px;
clear:both;
margin-left:auto;
margin-right:auto;
font-size:1.3em;
}

.images {float: right; padding: 0px 5px 0px 15px; width: 185px;}
.images img {border: solid 1px #217c97; margin-top: 5px;}

.h3 {font-size: 1.2em; color: #2d96b5; margin: 0px;  font-weight: bold;  padding: 0px; margin-bottom: 15px;}

#content-int-right {float: right; width: 226px;}
#content-int-right-bt {float: left; width: 226px;}
#content-int-right-list {float: left; width: 190px; padding-left: 36px;}
#content-int-right-list ul {list-style-type: none; list-style-position: inside; display: inline; }
#content-int-right-list li {font-size: 1.2em; color: #689da4; height: 19px; background: url(images/checklist-small.gif) no-repeat; padding-left: 30px; padding-top: 1px;}

#footer {float: left; width: 914px; background: #87b7b7;  padding: 15px 0px; color: #40717e;  font-size: 1.1em;}
#footer ul {margin: 0px; padding: 0px; list-style-type: none; padding-left: 125px; }
#footer li {padding: 0 6px 0 4px; display: inline;  }
.b {border-right: solid 1px #40717e;}
#footer li a {text-decoration: none; color: #40717e;}
#footer li a:hover {text-decoration: underline;}
#footer p {padding: 0; margin: 0px; text-align: center;}
#footer a {text-decoration: underline; color: #40717e;}
#footer a:hover {text-decoration: underline;}

#google-map {float: right; width: 330px; border: solid 1px #000; text-align: center;}
.c-table-div {width: 280px;  float: left;}
.c-table-div2 {width: 170px;  float: right; }
.c-table {width: 300px; margin-top:0px; }
.c-table td, .c-table2 td {vertical-align: top; height: 30px;}
.c-table strong {padding-top: 2px; margin-top: 2px;}
.c-table td p {margin: 0px; padding: 0px;}
.c-table2 td p {margin: 0px; padding: 0px;}
.c-table2 a {margin: 0px; padding: 0px; color: #000;}

.secureimage {padding: 6px 0px;}

.c-table2 { width: 300px; margin-top: 0px; margin-bottom: 30px;}
.c-table input {width: 200px; height: 14px; padding: 4px;  border: solid 1px #1e1e1e; background-color: #fdfdfd; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 1em;}
.c-tab-sub {width: 200px; height: 14px; padding: 4px;  border: solid 1px #1e1e1e; background-color: #fdfdfd;  color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 1em;}
.c-tab-form {width: 200px; height: 100px; padding: 4px;  border: solid 1px #1e1e1e; background-color: #fdfdfd;  color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 1em;}
.c-tab-hd {
	font-family: Arial, Helvetica, sans-serif;
	color: #ff0000;
	font-size: 18px;
	margin: 25px 0 2px 0;
	
	font-weight: bold;
	
}
.c-tab-button {width: 170px; height: 25px; border: solid 1px #000; font-weight: bold; color: #000; font-size:   	0.875em; text-transform: uppercase; background-color: #FFF; margin-top: 4px; padding-bottom: 2px;}


/* Contact Form Result Classes */

.contacttick { background-color:#e9fcca; border:1px solid #018938; padding:20px; }

.contacttickimage { float:left; padding-right:15px; }

.contacttickgreenp { margin:0; padding:0; color:#018938; }

.contactfail { background-color:#fbdacd; border:1px solid #b02820; padding:20px; }

.contactfailimage { float:left; padding-right:15px; }

.contactfailredp { margin:0; padding:0; color:#b02820; }

.h3a {font-size: 0.7em; color: #2d96b5; margin: 0px;  font-weight: bold;  padding: 0px; margin-bottom: 15px;}

.h3b {font-size: 1.1em; color: #2d96b5; margin: 0px;  font-weight: bold;  padding: 0px; margin-bottom: 15px;}

.new-banner{float: left; clear:both; width: 222px; height: 212px; background: url(images/new-banner3.jpg) no-repeat; margin: 0 0 4px 0;}
.new-banner2{float: left; clear:both; width: 250px; height: 104px; background: url(images/free-damp-survey.jpg) no-repeat;}
.margin-top{margin-top:20px !important;}
.ten-space{margin-top:10px;}