/* CSS schema for Hydro-dynamix
   by Tom Lwis (tom@webstarsltd.com) 
   @2006.08.21 mod by xtr @2008.04.10 */

/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

body {background-color: White; color: Black; font: .7em/1.5em Verdana, Arial, Helvetica, sans-serif; text-align: center;}
body#about #menu02about a{background: url("../images/arrow.gif") center left no-repeat; text-decoration: none;}
body#commercial #menu05commercial a{background: url("../images/arrow.gif") center left no-repeat; text-decoration: none;}
body#domestic #menu06domestic a{background: url("../images/arrow.gif") center left no-repeat; text-decoration: none;}
body#flood #menu07flood a{background: url("../images/arrow.gif") center left no-repeat; text-decoration: none;}
body#opport #menu10opportunities a{background: url("../images/arrow.gif") center left no-repeat; text-decoration: none;}
body#local #menu09local a{background: url("../images/arrow.gif") center left no-repeat; text-decoration: none;}
body#environ #menu08environment a{background: url("../images/arrow.gif") center left no-repeat; text-decoration: none;}
body#what #menu04what a{background: url("../images/arrow.gif") center left no-repeat; text-decoration: none;}
body#links #menu11links a{background: url("../images/arrow.gif") center left no-repeat; text-decoration: none;}
body#why #menu03why a{background: url("../images/arrow.gif") center left no-repeat; text-decoration: none;}

p caption{font:normal normal 12px arial, verdana; margin-top:0px; text-align:left}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; }
/* hide from ie/mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide */
a,:link,:visited {  }
a:hover { text-decoration: underline; }
#container {width:980px; margin: 1em auto; text-align: left !important; border: solid 1px #d0d0d0; background: url("../images/water.jpg") top right no-repeat;}

h2, h3, h4 #nav ul li a, ul#whatweclean li {font-family: Arial, Verdana, Helvetica, sans-serif;}

.profilepic{float:left;margin:10px 10px 0 0 ; border:1px  solid #BFE2F9}
#non-menu #article .wrapper p a, .wrapper p a:visited{color:#004e85;text-decoration: underline }
#non-menu #article .wrapper p a:hover {color:#E12F0A;text-decoration: underline }
#non-menu #article .wrapper img.portrait {margin-right:10px; float:left}
#non-menu #article .wrapper p.copyprob {color: #FC3846; }
#non-menu #article .wrapper ol li {margin-left:30px;margin-bottom:5px;margin-top:10px; list-style-type: decimal;}
#non-menu #article .wrapper ul li {margin-bottom:10px;list-style: url("../images/bullet.gif");margin-left:30px;margin-top:10px;}
#non-menu #article .wrapper ul li a {color:#004e85;text-decoration: underline;font:normal normal 11px verdana;}

/* Body text */
#article p  {padding-top:10px;}
#article p, #article .wrapper ul li, #article .wrapper ol li  {color: #000;line-height:150%;}

/* Headings */
#top { padding: 2em 2em; }
#top img  { display: block; }
h1 {padding: .2em 0; color: #3a7196; font-size: 160%; line-height: 1.2em;}
h2 {padding: 0; color: #c81414; font-size: 150%;margin:10px 0 2px 0; line-height: 1.2em;}
h3 {color: #3a7196; margin:15px 0 0 0;font: normal normal 160% arial,sans-serif;}
span.number{float:right;font: normal normal 20px arial,sans-serif;margin-top:40px;color:#e12e08}
#non-menu #article .wrapper h3 {padding: 0 0; color: #3a7196;}
h4 {padding: 0; color: #c81414; font-size: 120%;margin:10px 0 2px 0; line-height: 1.2em;}

li a {text-decoration:underline;font:normal bold 12px arial; color: #c81414}

.wrapper {margin: 5px 0 10px 10px; padding: 0;}
#content {width: 960px; background: #83c7d0 url("../images/bg-left.jpg") top left no-repeat;}

#nav {width: 200px; /*old 16em*/ padding: 2em 0; float: left;}
#nav ul {padding: 0; margin: 0;}
#nav ul li {float: left; width: 200px; /*old 16em;*/ padding: 0; margin: 0;}
#nav ul li a {overflow: hidden; display: block; margin: 0; padding: .3em 0 .3em 1.5em; color: White; font-size: 120%; font-weight: bold;}
#nav ul li a:hover,
#nav ul li a:focus,
#nav ul li a.selected,
#nav ul li a.on {background: url("../images/arrow.gif")  center left no-repeat; text-decoration: none;}

/* Sublinks */

.sub {padding: 0 0 .4em !important;}
.sub li {background: #79aac7; padding: 0 !important; margin: 0 !important; width: 200px !important; /*old 16em !important; */ padding-left: 1.7em !important; voice-family:"\"}\""; voice-family:inherit; width: 181px !important; /*old 14.5em !important;*/}
html>body .sub li{ width: 181px !important; /*old 14.5em !important;*/ }
.sub li a, .sub li a:hover {padding: 0 !important;  font-weight: normal !important; background: url("../images/arrow-small.gif") center left no-repeat !important; padding: .1em  0 .1em .5em !important;}
.sub li a:hover {text-decoration: underline !important;}
ul#navlist ul.sub li.active a { /* active submenu link */ text-decoration:  underline !important; color: #fff;}
ul#navlist li.active a {background: #79aac7 url("../images/arrow.gif")  center left no-repeat; text-decoration: none;}


ul#contact li { list-style-type: none}
/*
.sub li a.on  {text-decoration: underline !important;}
ul#navlist ul.sub li.on {text-decoration: underline !important; color: #fff;}	
ul#navlist li.on {background: #79aac7 url("../images/arrow.gif")  center left no-repeat; text-decoration: none;}
ul#navlist ul.sub li {background-color: #79aac7;}
ul#navlist ul.sub li a:hover {text-decoration: underline !important; color: #fff;}
*/
/*.captionimage{text-decoration:;}tdx*/

#non-menu {float: left; width: 760px; /*old 48.8em;*/ border-top: solid 1px #bfe2f9; border-bottom: solid 1px #bfe2f9; background: White url("../images/dot.gif") top right repeat-y;}
#article {width: 534px; float: left; background-color:#fff; border:solid 1px #bfe2f9; border-width:0 1px 0 0; padding:0px 7px 50px 7px;}

#more { width: 200px; /*old 13em;*/ padding:20px 0px 50px 10px; float: left;}
#more p.location {font:normal bold 16px arial; color: #3c7397;margin-top:12px}
#more a {text-decoration:underline;font:normal bold 12px arial; color: #c81414}
#more a:hover {color: #000}
#more h3.franchisee {font-size:150%}

#footer {clear: both; margin: 10px 0 0 0; padding: 0 1em 1em; border-top: solid 1px #7188c8; background: url("../images/water.jpg") top left no-repeat;}
#footer a { color: Black; }
#footer p { padding-top: 3em; }
#footer p b.blue {color:#2C546D;font-weight:normal;}
#pics { padding-top: 1em; }
#pics li { float: right; }
#pics a  { padding: 0 1em; display: block;}

#tld { clear: both; padding-top: 5px; color: #5391A8;width:980px; text-align: right; margin: 0px auto;}
#tld a { font: normal normal 11px verdana, sans-serif; color: #5391A8;text-decoration:underline}
#tld a:hover { color:#000;}

ul#whatweclean li {padding: .2em 0;font-size: 110%; font-weight: bold;}
ul#whatweclean li a { color: #255f87;}
ul#whatweclean li a.on {text-decoration:underline;}

ul#howitworks li {padding: .2em 0;font-size: 110%; font-weight: bold;}
ul#howitworks li a { color: #255f87;}
ul#howitworks li a.on {text-decoration:underline;}

p.quote, cite { color: #3c7397; }
cite { margin-top: 1em; display: block;}
img.floating { float: left; margin: 1em 1em 1em 0em; border:1px  solid #BFE2F9}
img.floatinghome { float: left; margin: 2em 1em 1em 0em; border:1px  solid #BFE2F9}

img.floatingright { float: right; margin: 1em 1em 1em 1em; border:1px  solid #BFE2F9}
img.noborder { float: right; margin: 1em 1em 1em 1em;}
img.noborderleft { float: left; margin: 1em 1em 1em 0em;}
img.external {float: left; margin: 0.5em 1em 1em 0em; border:1px  solid #BFE2F9}
img.accounts {text-align: left; margin: 1em 1em 1em 0em;}/*tdx*/

/* Contact Form */

#requestform {width:330px; font-family:verdana,sans-serif; font-size:11px;text-align:left;margin: 10px 0 0 0;}
#requestform div {margin-bottom:15px;}
#requestform input, #requestform textarea {font-family:verdana,sans-serif;width: 120px;font-size: 12px;border: 1px solid;border-color: #666 #ccc #ccc #666;padding: 2px;}
#requestform input {width: 160px;font-size:11px;font-family:verdana,sans-serif;}
#requestform input.button {width:60px;background-color: #e6e6e6;border-color: #ccc #666 #666 #ccc;font-size:11px;font-family:verdana,sans-serif;}
#requestform div.buttons {float:right;margin-right:61px;font-size:11px;font-family:verdana,sans-serif;}
html>body #requestform div.buttons {float:right;margin-right:185px;font-size:11px;font-family:verdana,sans-serif;}
#requestform label {float: left;width: 120px;font-size:11px;font-family:verdana,sans-serif;}
#requestform select {width: 160px;font-size: 12px;font-size:11px;font-family:verdana,sans-serif;}
#requestform textarea {width: 160px;font-size: 12px;font-size:11px;font-family:verdana,sans-serif;}
.submit {float:right;margin-right:13px;font-size:11px;font-family:verdana,sans-serif;}
#non-menu #article .wrapper #requestform ul li { color: #000;margin-bottom:5px; list-style: url("../images/space.gif");margin-left:3px;}

#contactform {width:330px; font-family:verdana,sans-serif; font-size:11px;text-align:left;margin: 10px 0 0 0;}
#contactform div {margin-bottom:15px;}
#contactform input, #requestform textarea {font-family:verdana,sans-serif;width: 120px;font-size: 12px;border: 1px solid;border-color: #666 #ccc #ccc #666;padding: 2px;}
#contactform input {width: 160px;font-size:11px;font-family:verdana,sans-serif;}
#contactform input.button {width:60px;background-color: #e6e6e6;border-color: #ccc #666 #666 #ccc;font-size:11px;font-family:verdana,sans-serif;}
#contactform div.buttons {float:right;margin-right:61px;font-size:11px;font-family:verdana,sans-serif;}
html>body #contactform div.buttons {float:right;margin-right:185px;font-size:11px;font-family:verdana,sans-serif;}
#contactform label {float: left;width: 120px;font-size:11px;font-family:verdana,sans-serif;}
#contactform select {width: 160px;font-size: 12px;font-size:11px;font-family:verdana,sans-serif;}
#contactform textarea {width: 160px;font-size: 12px;font-size:11px;font-family:verdana,sans-serif;}
#non-menu #article .wrapper #contactform ul li { color: #000;margin-bottom:5px; list-style: url("../images/space.gif");margin-left:3px;}

hr {clear:both;margin:10px 0;border:1px solid #fff;border-width: 1px 0 0 0;height:1px}

.table{width:325px;border:0px solid #ccc; text-align:left; margin:10px 0 0 0px; border:1px solid #ccc;border-width:0 0 1px 1px}
.table td{color:#000;padding:3px;font: normal normal 11px verdana,sans-serif;line-height:150%;border:1px solid #ccc;border-width:1px 1px 0 0;text-align:left; background-color:#eee}

/* CAPTIONS */
ul.captionpics{padding:0;list-style-type:none}	
ul.captionpics li{border:0px solid #BFE2F9;float:left;margin:0;padding:0; text-decoration:none}
ul.captionpics li img{border:1px solid #BFE2F9;}
ul.captionpics p.caption{font:normal normal 12px arial, verdana; margin:0; padding:0;text-align:center;}

.content-mid1 {width: 520px; float:left; padding:18px 0px 11px 4px;}
.content-mid2 {width: 520px; float:left;}
.content-mid3 {width: 520px; float:left;}
.content-mid4 {width: 520px; float:left;}
.content-mid5 {width: 520px; float:left;}
.seperator {width: 520px; float:left; background:url(../images/seperator.gif) repeat-x; margin:0px 0px 10px 0px !important; margin:3px 0px 10px 0px;}
.rt-align {text-align:right;}

.div1 {width:19px; float:left;}
.div2 {width:475px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; background:url(../images/bg-strip1.gif) repeat-x; font-weight:bold; padding:3px 0px 4px 8px;}
.div3 {width:9px; float:left;}
.div4 {width:530px; float:left; padding:8px 0px 0px 0px;}
.div5 {width:190px; float:left; background:url(../images/north-west-team.gif) no-repeat 0px 45px; padding:190px 0px 20px 14px;}
.div-half {width:30%; float:left;}
.div6 {width:23px; float:left;}
.div7 {width:475px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; background:url(../images/bg-strip2.gif) repeat-x; font-weight:bold; padding:3px 0px 4px 8px;}
.div8 {width:170px; float:left;}
.div9 {width:87px; float:left;}
.div10 {width:26px; float:left;}
.div11 {width:475px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; background:url(../images/bg-strip2.gif) repeat-x; font-weight:bold; padding:3px 0px 4px 8px;}

h1.heading {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#3b7197; margin:0px; padding:0px 0px 0px 0px;}
h1.red {background:url(../images/red-arrow.gif) no-repeat 0px 4px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#CC121D; margin:0px; padding:0px 0px 0px 15px;}
h1.offer {font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#CC121D; margin:0px; padding:0px 0 0 5px;}

p.blue {font-size:11px; margin:0px; padding:10px 10px 0px 0px !important; line-height:17px; color:#3b7197 !important; text-decoration:none;}
p.blue a{color:#CC121D !important; text-decoration:underline;}
p.blue a:hover{color:#CC121D !important; text-decoration:none;}

ul.inner {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
ul.inner li {list-style-image:url(../images/square-builet.gif) no-repeat 0px 9px; font-size:11px; color:#CC121F; padding:0px 0px 0px 15px; text-decoration:none !important; font-weight:normal !important; line-height:24px;}
ul.inner li a{color:#CC121F; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline !important; font-weight:normal !important; font-size:11px;}
ul.inner li a:hover{color:#CC121F; text-decoration:none !important; font-weight:normal !important;}

ul.norm {margin:0px 0px 0px 0px; padding:0px 5px 0px 10px;}
ul.norm li {font-size:11px; color:#ffffff; padding:0px 0px 8px 0px; text-decoration:none !important; font-weight:normal !important; line-height:12px;}
ul.norm li a{color:#ffffff; text-decoration:none !important; font-weight:normal !important; font-size:11px;}
ul.norm li a:hover{color:#ffffff; text-decoration:none !important; font-weight:normal !important;}

.img-heading {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF;}
.pad1 {padding:20px 0px 0px 0px;}
.pad2 {padding:6px 0px 10px 18px;}
.pad3 {padding:18px 0px 10px 4px;}
.pad4 {padding:10px 0px 0px 0px;}

.div-blue {width:50%; float:left; background:url(../images/blue-bg.gif) no-repeat 0px 0px; height:156px;}
.div-red {width:50%; float:left; background:url(../images/red-bg.gif) no-repeat 0px 0px; height:156px;}

.float-pic { float: left; margin-left: 10px;}