/* main stuff */
body {font-family: Georgia, "Times New Roman", Times, serif; margin: 0; background-color: #062b7a; font-size: 15px; color: black;}

h2 {font-size: 35px; color: #222; margin: 0;}
h3 {font-size: 20px; color: #062b7a; margin: 0; padding: 15px 0 5px 0;}
h4 {font-size: 20px; color: #062b7a; margin: 0; padding: 0 0 0 0; height: 35px;}
h5 {font-size: 15px; color: black; margin: 0; padding: 0 0 0 0; height: 35px;}

ul {margin: 0; padding: 0 0 0 15px;}
li {line-height: 150%;}
a {color: #062b7a;} a:hover {color: #777; padding: 0 0 10px 0;}
p {text-align: justify; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 13px; line-height: 150%; }

address {margin: 20px 0 0 0;}

/* header */
#header-wrap { background-repeat: repeat-x; height: 265px; background-image: url(images/CDC-Draincare-Header-Repeat.jpg); }
#header {margin: auto; background-image: url(images/CDC-Draincare-Header.jpg); background-repeat: no-repeat; width: 1009px; height: 265px; }

/* telephone */
#telephone {float: right; font-size: 40px; color: white; margin: 0; padding: 0 25px 0 0; width: 600px; height: 68px; text-align: right;}
.small {font-size: 20px;}

/* navigation */
ul.nav { float: right; width: 650px;  margin: 0;}
ul.nav li { float: left; width: auto; display: inline;  margin: 0 0 0 5px;}
ul.nav li a { float: left; display: block; width: auto; height: 20px; text-decoration: none; padding:3px 10px;  background: #d6e4fb; color: #062b7a; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px;}
ul.nav li a:hover {float: left; display: block; width: auto; height: 20px; text-decoration: none; padding: 3px 10px; color: #fff; background: #062b7a url(/images/site/bg-nav.png) right top;}
body#home .cdchome, body#domestic .cdcdomestic, body#commercial .cdccommercial, body#railways .cdcrailways, body#accreditations .cdcaccreditations, body#about .cdcabout, body#contact .cdccontact  { color: #fff; background: black url(/images/site/bg-nav.png) right top; }

/* banner quote */
blockquote { padding: 0; margin: 10px 0 0 30px; background: url(images/quote-start-2.gif) left top no-repeat; } 
blockquote h1 { margin: 0; padding: 20px 0 0 30px; font-size: 27px; color: white; line-height: 130%;}
blockquote div { background-color: aqua; padding: 0; margin: 0; background: url(images/quote-end-2.gif) right bottom no-repeat; padding: 0px 20px 14px 15px;} 
#banner-text {width: 46%; float: left; margin: 0; }

/* banner image */
#banner-image {float: left; margin: 18px 0 0 40px;} #banner-image img {border: 2px solid white;}

/* content */
#content-wrap {background-color: #d6e4fb; width: 100%;}
#content {margin: auto; width: 951px; padding: 20px 29px 0px 29px; }

.right-image {float: right; clear: right; border: 3px solid white; margin: 0 0 20px 50px;}
.right-image-accred {clear: both; float: right; border: 1px solid #062b7a; margin: 0 0 20px 50px;}
.bullets {float: left; width: 270px; margin: 0 20px 20px 0; background-color: #eee; padding: 10px; border: 1px solid black;}
.bullets li {font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 13px; line-height: 150%;}

.map {float: right; width: 453px; height: 405px; margin: 0 0 20px 0; background-color: #eee; padding: 10px; border: 1px solid black;}

/* banner badges */
.banner-badge {width: 302px; height: 145px; background-color: #062b7a; float: left; margin: 0 15px 15px 0; padding: 4px 0 0 4px;}
.banner-badge-right {width: 302px; height: 145px; background-color: #062b7a; float: right; margin: 0 0 15px 0; padding: 4px 0 0 4px;}

.banner-badge a, .banner-badge-right a {font-size: 20px; text-decoration: none; color: white; padding: 5px 0 0 10px; margin: 0; display: block; width: 300px; }
.banner-badge a:hover, .banner-badge-right a:hover {color: white; text-decoration: underline; padding: 0;}

.banner-badge a {border: 0; margin: 0; padding: 0;} .banner-badge img {border: 0;}
.banner-badge-right a {border: 0; margin: 0; padding: 0;} .banner-badge-right img {border: 0;}


/* footer */
#footer-wrap {clear: both; background-repeat: repeat-x; height: 93px; background-image: url(images/CDC-Draincare-Footer-Repeat.jpg);}
#footer {margin: auto; background-image: url(images/CDC-Draincare-Footer.jpg); background-repeat: no-repeat; width: 1009px; height: 93px; color: white; }
#footer-credits {padding: 20px 0 0 30px;}
#footer-credits a {color: white;}
#footer-credits a:hover {color: #d6e4fb;}

/* misc */
.clearfix {display: block; clear: both;}
#google-map {text-align: center; border: 1px solid black;}
#large-map-link {float: right;}
#call-to-action {padding: 0 0 30px 0; width: 640px;}
#get-in-touch {padding: 0 0 10px 0;}
.list {padding: 5px 0 15px 10px;} .list li {margin: 0 0 5px 0;}
#enquiries li {font-size: 18px; line-height: 200%;}
#enquiries ul {margin: 20px 0 0 0;}
.badge-links a {margin: 5px 0 0 5px; width: 250px;}
.bold {font-size: 25px; color: black;}

