body { font-family: Verdana, Arial, Helvetica, sans-serif; margin:22px 0 0 10px;}
body#bg { background-image: url(../img/bg_logo-part.gif); background-repeat: no-repeat; background-position: 99% 0px; }

h1 { width:100%; margin:0 0 23px 0; padding:90px 0 0 0; overflow: hidden; height: 0px !important; height /**/:90px; background-image: url(../img/logo.gif); background-repeat: no-repeat; }

/*div#wrapper {
	width:100%;
	background-image: url(../img/dash.gif);
	background-repeat: no-repeat;
	background-position: 195px 15px;
}*/
div#container { width:770px; padding-bottom:50px; }

div#menu { width:180px; margin-top:15px; float:left; display:inline;}
div#menu ul{ margin:0; padding:3px 0; list-style-type:none; background-image: url(../img/dash.gif); background-repeat: repeat-x; background-position: left top; }
div#menu li{ margin:0; padding:1px 0; font-size:10px; }
div#menu li a { color:#002C33; text-decoration:none; }
div#menu li a:hover { color:#fff; background-color:#002C33; text-decoration:none; }

h2#damp { margin:2px 0 6px 0; padding:34px 0 0 0; overflow: hidden; height: 0px !important; height /**/:34px; background-image: url(/img/hd/damp-waterproofing.gif); background-repeat: no-repeat;}
h2#timber { margin:2px 0 6px 0; padding:34px 0 0 0; overflow: hidden; height: 0px !important; height /**/:34px; background-image: url(/img/hd/timber-preservation.gif); background-repeat: no-repeat;}
h2#renovation { margin:2px 0 6px 0; padding:34px 0 0 0; overflow: hidden; height: 0px !important; height /**/:34px; background-image: url(../img/hd/renovation-plastering.gif); background-repeat: no-repeat;}
h2#structure { margin:2px 0 6px 0; padding:34px 0 0 0; overflow: hidden; height: 0px !important; height /**/:34px; background-image: url(../img/hd/structural-reinforcement.gif); background-repeat: no-repeat;}
h2#approach { margin:2px 0 6px 0; padding:17px 0 0 0; overflow: hidden; height: 0px !important; height /**/:17px; background-image: url(../img/hd/our-approach.gif); background-repeat: no-repeat;}
h2#company { margin:2px 0 6px 0; padding:17px 0 0 0; overflow: hidden; height: 0px !important; height /**/:17px; background-image: url(../img/hd/the-company.gif); background-repeat: no-repeat;}
h2#request { margin:2px 0 6px 0; padding:17px 0 0 0; overflow: hidden; height: 0px !important; height /**/:17px; background-image: url(../img/hd/request-a-survey.gif); background-repeat: no-repeat;}
h2#enquiry { margin:2px 0 6px 0; padding:17px 0 0 0; overflow: hidden; height: 0px !important; height /**/:17px; background-image: url(../img/hd/general-enquiry.gif); background-repeat: no-repeat;}


ul#subnav { margin:-4px 0 6px 0; padding:0 0 3px 0; list-style-type:none; background-image: url(../img/dash.gif); background-repeat: repeat-x; background-position: left bottom; }
ul#subnav li{ margin:0; padding:1px 0; font-size:10px; }
ul#subnav li a { color:#002C33; text-decoration:none; }
ul#subnav li a:hover { color:#fff; background-color:#002C33; text-decoration:none; }

div#content {float:left; margin:15px 0  0 15px; padding-top:4px; display:inline; background-image: url(../img/dash.gif); background-repeat: repeat-x; background-position: left top;}

div.intro { float:left; width:180px; margin:15px 0  0 15px; padding-top:4px; display:inline; background-image: url(../img/dash.gif); background-repeat: repeat-x; background-position: left top; }
div.intro h2 { font-size:10px; font-weight:bold; margin:0 0 6px 0;}
div.intro p { font-size:10px; margin:0 0 6px 0;}
div.col1 { float:left; width:180px; display:inline; }
div.col1 h2 { font-size:10px; font-weight:bold; margin:0 0 6px 0;}
div.col1 p { font-size:10px; margin:0 0 6px 0;}
/*div.col2 { float:left; width:375px; margin-left:15px; padding-top:6px; border-top: 1px dashed #000; display:inline;}*/
div.col2 { float:left; width:375px; margin-left:15px; display:inline;}
div.col2 p { font-size:10px; margin:0 40px 6px 0;}
div.col2 h3 { font-size:10px; font-weight:bold; margin:0 40px 6px 0; color:#002C33;}

div.col1 div.caption { width:180px; }
div.col2 div.caption { width:314px; }
div.caption p { margin:0 0 5px 0; padding:4px 10px; background-color:#002C33; font-size:10px; color:#FFF; }

a  { color:#002C33; text-decoration:underline; }
a:hover  { color:#002C33; text-decoration:none; }

form { background-color:#003333; color:#FFF; font-size:10px; font-weight:bold; margin:0; padding:6px 0 0 8px; }
div.contactdetails { float:left; display:inline; width:175px; }
div.formoptions { float:right; display:inline; padding-right:8px; width:175px; }
input.txt { height:18px; width:165px; border:none; }
input.postcode { height:18px; border:none; }
select {width:165px }
textarea { width:165px; height:150px; }
input.submit { float:right; margin-right:-8px; }
.error { color:#CC0000; font-weight:bold; }

div.hr hr { display:none; }