/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */

p {
	line-height: 1.4em;
}

body, html {
	min-height: 101%;
}

body {
	text-align: left;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../../images/misc/mainBg.jpg) top repeat-x #fff;
	margin: 0px;
}

#businesscard {
	background: #fff;
	margin: 10px;
	text-align:center;
}

a:link, a:visited, a:focus {
	color: #000;
	text-decoration: underline;
	outline: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

a img {
	border: none;
}
a.nolinkstyle {
	color: #000 !important;
	text-decoration:none;
}
h1 a.nolinkstyle, h2 a.nolinkstyle, h3 a.nolinkstyle {
	color:#00568c !important;
	text-decoration:none;
}

h1 {
	font-size: 2.2em;
	color:#00568c;
	text-transform:capitalize;
	padding:0px 0px 13px 0px;
	margin:0px;
	text-transform:capitalize;
}

body#testimonials h3{
	padding:10px 0px 0px 0px;
	margin:0px;
}

body#testimonials hr{
	padding:0px 0px 0px 0px;
	margin:0px;
}

body#testimonials #contentRight-text p{
	padding:20px 0px 0px 0px;
	margin:0px;
}

body#testimonials #contentRight-text p.testName{
	padding:0px 0px 0px 0px;
	margin:0px;
	font-weight:bold;
	color:#5A9822;
}

h2 {
	font-size: 1.5em;
	color:#00568c;
	padding:10px 0px 10px 0px;
	margin:0px;
	text-transform:capitalize;
}
h2 .smaller {
	font-size:0.9em;
}

h2.freeGiftpack {
	padding:0px 0px 20px 0px;
	margin:0px 0px 0px 0px;
	
}

h2.phone {
	color:#88ca4e;
	font-size:2.9em;
	margin:0px;
	padding:0px 0px 15px 0px;
	float:left;
	text-align:left;
}

h3 {
	font-size:1.3em;
	margin:0px;
	padding:10px 0px 10px 0px;
	text-transform:capitalize;
	color:#00568c;
}

h2.bigger {
	font-size:2.5em;
	width:500px;
}
img {
	margin-top:10px;
}

/* Layout Styles
--------------------------------------------------------------- */

#container {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-size: 1.2em;
}



#contentContainer {
	width: 980px;
	position: absolute;
	z-index: 1;
	top: 161px; /* Same as height of header */
	background:url(../../images/misc/containerbg.jpg) repeat-x;
}

#containerbg {
	background: url(../../images/misc/repeat-bg.gif) repeat-y;
	width: 972px;
	margin:7px;
}

#contentLeft {
	float: left;
	width: 270px;
	margin:145px 0px 0px 0px;
	padding:20px 0px 0px 20px;
	border-right:#ccc 1px solid;
}
#contentLeft-text {
	padding: 10px 20px;
}

#contentRight {
	float: right;
	width: 660px;
	margin-right:10px;
	padding:150px 0px 0px 0px;
	position:relative;
	top:0px;
	background:url(../../images/misc/contentbg.jpg) no-repeat right bottom;
}

#contentRight p{
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 0px;
}

body#sitemap #contentRight {
	background:none;
}

* html #contentRight {
	float: right;
	width: 660px;
	margin-right:5px;
	padding-bottom:15px;
	background:url(../../images/misc/contentbg.jpg) no-repeat right bottom;
}

body#home #contentRight {
	background:none;
}

body#testimonials #contentRight {
	background:url(../../images/misc/why-contentRight.jpg) no-repeat bottom right;
	width:620px;
	padding:150px 40px 0px 0px;
}

body#unblocking #contentRight {
	background:url(../../images/misc/unblockingbg.jpg) no-repeat top right;
	height:360px;
}
body#services #contentRight {
	background:url(../../images/misc/unblockingbg.jpg) no-repeat right;
}

body#surveys #contentRight {
	background:url(../../images/misc/surveys-bg.jpg) no-repeat top right;
	background-position:400px 165px;
}

body#contact #contentRight {
	background:url(../../images/misc/contact-bg.jpg) no-repeat bottom right;
	height:700px;
}

#contentRight.drainage-maintenance {
	background:none;
}

#contentRight.drainage-story {
	width:550px;
	padding:150px 100px 0px 0px;
	background:none;
}

#contentRight.drainage-services {
	width:640px;
	padding:150px 20px 0px 0px;
}

body#repairs #contentRight {
	width:620px;
	margin-top:150px;
	padding: 0px 40px 0px 0px;
	background:url(../../images/misc/no-callout-cta.jpg) right no-repeat;
}

body#unblocking #contentRight-text {
	padding: 15px 10px 10px 10px;
}

#contentRight-text {
	padding: 15px 10px 10px 10px;
}

.restrict-width {
	width:400px;
}

#contentRight.why strong {
	color:#5a9822;
}

#map {
	width: 200px;
	height: 200px;
}

#headerContainer {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-size: 1.2em;
}

#top {
	width: 980px;
	height: 100px;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
}

#header {
	width: 970px;
	height: 150px;
	background:url(../../images/misc/header.jpg) no-repeat;
	margin-left:3px;
	position:absolute;
	top:4px;
}

#logo {
	margin-left:40px;
	float: left;
	margin-top:8px;
	margin-bottom:5px;
}

#cta-top-right {
	width: 500px;
	float: left;
	position:relative;
	height: 130px;
	font-size: 2.0em;
	padding:22px 0px 0px 20px;
	color:#00568c;
	font-weight:bold;
}

#cta-top-right p {
	margin: 0px;
	padding: 0px;
}

#cta-top-right strong {
	font-size:1.2em;
	color:#023f65;
}

#cta-top-right span.ctaoffer {
	font-size:1.2em;
	color:#FE7E01;
	font-weight:bold;
}

#flashSlideshow {
	background: url(../../images/misc/flashSlideshowBackup.jpg);
}

#guarantee {
	background:url(../../images/misc/guarantee-bg.gif) no-repeat;
	padding:0px 10px 0px 10px;
	margin:0px;
	height:215px;
	width:225px;
}

#guarantee .title{
	font-size:1.6em;
	font-weight:bold;
	color:#00568c;
	padding:4px 0px 14px 0px;
	margin:0px;
}

.guarantee01 {
	padding:0px 0px 3px 0px;
	margin:0px 0px 0px 0px;
}

.guarantee02 {
	padding:0px 0px 4px 0px;
	margin:0px 0px 0px 0px;
}

.guarantee03 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#callback {
	background:#80C641;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height:177px;
	width:250px;
	margin:0px 0px 10px 0px;
	padding:14px 0px 0px 0px;
	font-size:1.5em;
	font-weight:bold;
	color:#fff;
	text-align:center;
}
	#callback input{
		display:block;
		text-align:center;
		margin:3px 0px 0px 40px;
	}
	#callback #callbackSubmit{
		margin-left:75px;
	}
#callback #botBuster{
	display:none;
}
#callback .title {
	font-size:0.8em;
}
#callback p {
	padding:0px 0px 10px 0px;
	margin:0px;
}

	#callback .callbackLink a {
		margin:0px 0px 0px 0px;
		padding:00px 0px 0px 30px;
		color:#023F65;
		font-size:0.85em;
		font-weight:bold;
		text-decoration:none;
	}

		.callbackLink a:hover {
			color:#000;
		}


#recommended {
	background:#EA9D54;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height:147px;
	width:230px;
	margin:0px 0px 10px 0px;
	padding:5px 10px 0px 10px;
	font-size:1.3em;
	font-weight:bold;
	color:#fff;
	text-align:center;
	display:block;
	float:left;
}
#recommended strong{
	font-size:1.1em;
}
	

#drainButton a {
	background:url(../../images/misc/blockedDrainButton.jpg) top no-repeat;
	height:75px;
	width:228px;
	display:block;
	cursor:pointer;
	font-size:1.6em;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:-0.055em;
	color:#00568C;
	text-align:center;
	padding:12px 10px 0px 10px;
	margin:0px 0px 0px 0px;
}

#drainButton a:hover {
	text-decoration:none;
	color:#FE7E01;
	background:url(../../images/misc/blockedDrainButton.jpg) bottom no-repeat;
}

#team {
	background:url(../../images/misc/meettheteam.jpg) no-repeat;
	width:247px;
	height:190px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#team p {
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.2em;
	margin:0px;
	padding:155px 0px 0px 0px;	
}

#team a:link, #team a:visited {
	color:#fff;
}

#team a:hover {
	color:#000;
}

#top-right {
	position:absolute;
	right:30px;
	top:22px;
	font-size:2.0em;
	width:400px;
}

#top-right p {
	padding:0px;
	margin:0px;
	color:#fe7e01;
	text-align:right;
}

#number {
	font-size:2.0em;
	margin:-7px 0px;
	color:#9b5817;
	position:absolute;
	top:72px;
	left:278px;
	color:#55961a;
	font-weight:bold;
}

#services-button {
	background:url(../../images/misc/services-button.gif) no-repeat;
	width:310px;
	height:33px;
	padding:10px 0px 0px 0px;
	margin:60px 15px 0px 0px;
	float:left;
}

#services-button a:link, #services-button a:visited {
	color:#fff;
	font-size:1.5em;
	font-weight:bold;
	padding:10px 0px 0px 15px;
	text-decoration:none;
}

#services-button a:hover {
	color:#fff;
	text-decoration:none;
}

#threeReasons {
	background:url(../../images/misc/3reasons-bg.gif) no-repeat;
	padding:12px 0px 0px 25px;
	margin:15px 0px 10px 0px;
	width:600px;
	height:140px;

}

#threeReasons p {
	margin:0px;
	padding:0px 0px 10px 20px;
	color:#263e12;
}

#threeReasons h2 {
	margin-top:-10px !important;
	padding-bottom:15px;
	color:#fff;
	font-size:1.5em;
}

#drainage-specialists {
	position:absolute;
	top:115px;
	right:340px;
}

#drainage-specialists p {
	margin:0px;
}

#pest-control {
	position:absolute;
	top:115px;
	right:220px;
}

#pest-control p {
	margin:0px;
}

#damp-proofing {
	position:absolute;
	top:115px;
	right:68px;
}

#damp-proofing p {
	margin:0px;
}

#no-callout-cta {
	position:absolute;
	top:200px;
	right:30px;
}
#bottom-cta{
	background:url(../../images/misc/bottom-cta.gif) no-repeat;
	height:140px;
	width:500px;
	padding:25px 0px 0px 110px;
	color:#fff;
}
	#bottom-cta p{
		margin:5px 0px;
		font-size:1.5em;
		padding:3px 0px 0px 0px!important;
	}
		#bottom-cta p strong{
			font-size:2.0em;
			color:#fff !important;		
	}
		#bottom-cta .lowercase {
			text-transform:lowercase;
		}
/* Site Map
--------------------------------------------------------------- */

.sitemapLeft {
	width:240px;
	float:left;
}

.sitemapRight {
	width:240px;
	float:right;
	padding:0px 80px 0px 0px;
}


/* Horizontal Navigation Styles
--------------------------------------------------------------- */

#navigation {
	width: 980px;
	height: 41px;
	position:absolute;
	top:120px;
	left:15px;
}

#navigation ul {
	margin: 0px;
	display: inline;
	list-style: none;
	padding: 0px;
}

#navigation li {
	display: inline;
	margin: 0px;
}

#navigation a {
	float:left;
	background:  url(../../images/misc/nav.jpg) no-repeat;
	color: #fff;
	text-decoration:none;
	padding: 6px 10px 10px 10px;
	font-weight: bold;
	font-size: 1.1em;
	width:96px;
	height:50px;
	text-align:center;
}
#navigation span {
	display:block;
}

#navigation .rightLink {
	border: none;
}

#navigation a:hover {
	background: url(../../images/misc/hover.jpg) no-repeat;
	color: #fff;
}

#navigation a.home {
	padding: 16px 10px 10px 10px;
}

#navigation a.contact {
	padding: 16px 10px 10px 10px;
}

#navigation a.testimonials {
	padding: 16px 10px 10px 10px;
}

body#home #navigation a.home, body#unblocking #navigation a.unblocking, body#services #navigation a.services, body#repairs #navigation a.repairs, body#repair-story #navigation a.repair-story, body#surveys #navigation a.surveys, body#testimonials #navigation a.testimonials, body#contact #navigation a.contact {
	background: url(../../images/misc/on.jpg) no-repeat;
	color: #fff;
}

/* Footer Styles
--------------------------------------------------------------- */

#footer {
	clear: both;
	width: 960px;
	padding: 0px 0px;
	color: #333;
	margin-left:3px;
	background: #fff;
	font-size: 0.9em;
	text-align: center;
	border-top:solid #80c641 10px;
}

#footer a {
	white-space: nowrap;
	color: #333;
	text-decoration: none;
}

#footer a:hover {
	color: #111;
	text-decoration:underline;
}

ul.footerNav {
	float:left;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	list-style: none;
	width: 960px;
	text-align: center;
	background:#80c641;
}

ul.footerNav li {
	display: inline;
}

ul.footerNav a {
	border-right: 1px solid #333;
	padding: 0px 5px;
}

ul.footerNav .help-advice {
	border-right: none;
}

ul#footerDetails {
	clear:left;
	float: left;
	margin: 5px 0px 5px 0px;
	width: 920px;
}

ul#footerDetails li {
	display:block;
	list-style: none;
}

ul#footerW3C {
	margin: 0px;
	text-align: left;
	padding: 0px 0px;
}

ul#footerW3C li {
	display: inline;
}

#adtrakDesign {
	text-align: center;
	width: 960px;
}

/* List Styles
--------------------------------------------------------------- */

ul li {
	line-height: 1.4em;
}

/* Help and Advice
--------------------------------------------------------------- */

.adtrak {
	background:#fff;
	padding:10px 5px 10px 10px;
	margin:15px 0px 10px 0px;
}

	.adtrak img{
		float:left;
		padding:0px 10px 10px 0px;
	}
	
	.adtrak p{
		padding:0px 0px 0px 0px;
		margin:0px;
	}

/* Image Styles
--------------------------------------------------------------- */

.img-left {
	float: left;
	margin: 0px 10px 10px 0px;
}

.img-right {
	float: right;
	margin: 0px 0px 10px 10px;
}

.img-border {
	border: 1px solid #ccc;
}

.drainageStoryImg1 {
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/* Class Styles
--------------------------------------------------------------- */

#contactTable input, #contactTable textarea, #contactTable select {
}

#contactTable #botBuster {
	display: none;
}

.clearfix {
	clear: both;
}

.phoneNow {
	width:300px;
	float:left;
	margin: 30px 0 0;
}

.phoneSub {
	font-size:1.4em;
	margin:30px 0 0;
	padding:0px;
	color:#00568C;
	width:270px;
	line-height:1.0em;
	font-weight:bold;
	float: left;
}

ul.footerNav .rightLink{
	border:none;
}

ul.footerNav a.rightLink {
	border:none;
}

/* Damp Proofing Page
------------------------------------------------------------- */

body#damp #contentContainer {
	width: 980px;
	position: absolute;
	z-index: 1;
	top: 110px;
	background:url(../../images/misc/containerbg.jpg) repeat-x;
}

body#damp #threeReasons  {
	position:relative;
	top:0;
}

body#damp #contentRight-text {
	padding:10px 10px 10px 10px;
}

body#damp #contentRight {
	background:none;
}

body#damp #top #number a {
	color:#55961A;
	text-decoration:none;
}

	body#damp #top #number a:hover {
		color:#55961A;
		text-decoration:none;	
	}


body#damp .guarantee01 {
	padding:8px 0px 12px 0px;
}

body#damp .guarantee03 {
	padding:8px 0px 0px 0px;
}

body#damp #threeReasons p{
	padding:0px 30px 3px 0px;
}