body
{
    font-size: 72%;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    margin-top: 0;
    color: #012640; /* navy */
    line-height: 1.6em;
    background: transparent url(images/template/bg.jpg) top right repeat-x;
}
a:hover
{
    text-decoration:none;
    outline:none;
}
 /* Layout"
------------------------------------------------
------------------------------------------------*/
#wrapper {
    margin: 0 auto;
    width: 950px;
    /*background-color: pink;*/
    /*border: 1px solid red;*/
    /*background: transparent url(images/template/bg-footer.jpg) bottom left no-repeat;*/
}
.col-hp-middle
{
    width: 160px; /* was originally 310px */
}
.col-hp-left
{
    width: 260px; /* was originally 310px */
	/*background-color: pink !important;*/
}
.col-hp-center
{
    width: 180px; /* was originally 310px */
	/*background-color: green !important;*/
}
.col-hp-right
{
    margin-top:15px !important; /* TURNS THE ABOVE OFF */
	/*background-color: red !important;*/
}
.bg
{
	background: url(images/template/divider.gif) top right repeat-y;
}
.col-content
{
    float: left;
    width: 473px; /* minus the padding below */
    margin-top:30px;
    padding-right:30px;
	/*background-color: black;*/
}
.col-supporting
{
    float: left;
    width: 416px; /* minus the below padding */
    margin-top:-30px;
    padding-left:27px;
	background: url(images/template/divider.gif) top left repeat-y;
	/*background-color: pink;*/
}
.relateditem
{
    float:left;
    width: 123px;
    margin-right:12px;
    /*border:navy solid 1px;*/
    /*background-color:Blue;*/
}
span
{
    width:390px;
    clear:left !important;
    border:pink solid 1px;
}

.relateditem a img
{
    border-left: 8px solid #75A0C0;
    padding-left:2px;
}
.relateditem a img
{
    border-right:none;
    border-top:none;
    border-bottom:none;
}
.background
{
	background: url(images/template/content-bg.jpg) 0px 100px no-repeat;
}
.ruler
{
    background-image: url(images/template/ruler.gif);
    height:4px;
    margin:20px 0 0 0;
    overflow:hidden;
    /*border: 1px solid red;*/
}

 /* Form Styling"
------------------------------------------------*/
form
{
    
    float: left;
    padding-left: 0 !important;
    margin-left: 0 !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    /*border:red solid 1px;*/
}
form p
{
    padding: 0 0 10px 0;
    margin: 0 !important;
    /*border:yellow solid 1px;*/
}
.container
{
    float: left;
    margin-bottom: 30px;
    /*border: 1px solid green;*/
}
.row
{
    float: left;
    width: 414px;
    padding: 0;
    margin: 0;
    background: transparent url(images/template/bg-repeater.gif) top left repeat-x;
    /*border:green solid 1px;*/
}
.fieldname
{
    float: left;
    /*width:146px;*/
    /*background-color:yellow;*/
}
.field
{
    float: right;
    text-align: right;
    padding: 0;
    margin: 0;
    padding-left: 4px;
    background-color: #fff;
    /*border: blue solid 1px;*/
}
.fieldname h5.formonly
{
    float: left;
    font-weight: normal;
    margin:0 !important;
    padding:0 !important;
    padding-right: 4px !important;
    background-color: #fff;
    /*border: red solid 1px;*/
    font-size:inherit;
    font-size:1.0em !important;
}
.colours
{
    background-color: #F0F0F0 !important;
}
.type
{
    float: right;
    text-align: left;
    width: 244px;
    padding: 0;
    margin: 0;
    font-size: 1em;
    /*border:red solid 1px;*/
}
.required
{
    font-size: 1em;
    /*border:red solid 1px;*/
}
.submit
{
    float: right;
    text-align: left;
    width: 244px;
    padding: 0;
    margin: 0;
    /*border:red solid 1px;*/
}



 /* Typography etc"
------------------------------------------------
------------------------------------------------*/
#header h1
{
	float: left;
	margin: 0;
	padding: 0;
	display: inline; /* for ie6!*/
	/*border: yellow solid 1px;*/
}
#header h1 a
{
	text-indent: -3000px;
	background: url(images/template/br-logo.gif) top left no-repeat;
	width: 125px;
    height: 182px;
	float: left;
	display: inline;
	/*border: red solid 1px;*/
}

.col-content h1
{
	text-indent: -3000px;
	padding:0;
    margin:0;
    margin-bottom:20px;
    height: 24px;
    background-repeat:no-repeat;
    width:270px;
	/*border: red solid 1px;*/
}

h2
{
	clear:right;
	text-indent: -3000px;
	padding:0;
    margin:0;
    margin-bottom:20px;
    height: 19px;
	/*border: red solid 1px;*/
}

h2.case-study{	    background: url(images/template/title-sub-case.gif)     top left no-repeat; width:104px;}
h2.request{	        background: url(images/template/title-sub-request.gif)  top left no-repeat; width:159px;}
h2.related{	        background: url(images/template/title-sub-related.gif)  top left no-repeat; width:156px;}
h2.featured{	    background: url(images/template/title-sub-featured.gif) top left no-repeat; width:168px;}

.converter
{
    display:inline;
}

.col-content h1#pressure{	    background-image: url(images/template/h-pressure.gif)}
.col-content h1#mortar{	        background-image: url(images/template/h-mortar.gif)}
.col-content h1#osmosis{	    background-image: url(images/template/h-osmosis.gif)}

.col-content h1#infestation{	background-image: url(images/template/h-infestation.gif)}
.col-content h1#dryrot{	        background-image: url(images/template/h-dryrot.gif)}
.col-content h1#wetrot{	        background-image: url(images/template/h-wetot.gif)}

.col-content h1#membranes{	    background-image: url(images/template/h-membranes.gif)}
.col-content h1#cementicious{	background-image: url(images/template/h-cementicious.gif)}
.col-content h1#polymeric{	    background-image: url(images/template/h-polymeric.gif)}
.col-content h1#antislip{	    background-image: url(images/template/h-antislip.gif)}

.col-content h1#helifix{	    background-image: url(images/template/h-helifix.gif)}
.col-content h1#eml{	        background-image: url(images/template/h-eml.gif)}
.col-content h1#vandex{	        background-image: url(images/template/h-vandex.gif)}

.col-content h1#contact-us{	    background-image: url(images/template/h-contact-us.gif)}

h3
{
	font-size:1.2em;
	line-height:1.2em;
}
h3 a
{
	padding:0;
    margin:0;
    color:#75A0C0; /* light blue */
    margin-bottom:10px;
	/*border: red solid 1px;*/
}
.col-content img
{
	padding:0;
    margin:0;
    float:left;
    clear:left;
    display:inline;
    margin-right:8px;
    margin-bottom:5px;
    border:1px solid #75A0C0;
}
.col-content p.firstpara
{
	font-size:1.2em;
	line-height:1.4em;
	font-weight:bold;
}
.col-content ul
{
    display:inline-block;
	padding-left:20px;
	margin:0;
	/*border: blue 1px solid;*/
	margin:10px 0 15px 0;
}
.col-content ul li
{
	padding-left:0;
	/*border: yellow 1px solid;*/
}


 /* Home Page - col-feature-generic"
------------------------------------------------
------------------------------------------------*/
.col-feature-generic
{
    margin-top:30px;
    padding-left:0px;
    padding-right:17px;
    margin-right:17px;
    float: left;
    /*border: black 1px solid !important;*/
	/*background-color: black;*/
}
.col-feature-generic p
{

	padding:0;
    margin:0;
    margin-bottom:10px;
    /*background-color: yellow;*/
}
.col-feature-generic strong
{

	float:left;
	padding:0;
	width:260px;
    margin:0;
    margin-bottom:10px;
   /* background-color: purple;*/
}
.col-feature-generic img
{
	padding:0;
    margin:0;
    float:left;
    display:inline;
    margin-right:8px;
    margin-bottom:5px;
}

.col-feature-generic ul
{
    float:left;
    width:130px;
    margin:10px;
    padding-left:20px;
    /*background-color: pink;*/
}

.col-feature-generic ul li
{
    /*background-color: red;*/
}
h2#branded{	    background: url(images/template/title-branded.jpg)      top left no-repeat;}
h2#clients{	    background: url(images/template/title-clients.jpg)      top left no-repeat;}
h2#latest-news{	background: url(images/template/title-latest-news.jpg)  top left no-repeat;}


 /* Navigation Level 1"
------------------------------------------------*/
#header, 
#header a
{
    color:#fff;
}
#header
{
    width: 950px;
    float: left;
	padding: 0;
	margin: 0;
	/*height:388px;*/
	/*background-color: black;*/
	/*border: green solid 1px;*/
}
#header ul.mainnav
{
    float: left;
    padding: 0;
	margin: 0;
	width:816px;
	/*border: green solid 1px;*/
	background-image: transparent url(images/template/free.jpg) 30px 660px no-repeat;
}
#header ul.mainnav li 
{
    float: left;
    list-style: none;
    padding: 0;
	margin: 0;
	/*border: red solid 1px;*/
}
#header ul.mainnav li a 
{
    height: 88px;
    text-indent: -6000px;
    padding: 0;
	margin: 0;
	float: left;
    display: inline; /* for ie6!*/
    /*border: red solid 1px;*/
}
#header ul.mainnav li.free
{
    width:150px;
    height:149px;
    margin-top:18px;
    text-indent:-6000px;
    background: transparent url(images/template/free.jpg) 0 0 no-repeat;
}

#header ul li.one a{          background-image: url(images/template/nav-btn-damp-off.jpg);     width:131px;}
#header ul li.one strong a,
#header ul li.one a:hover{    background-image: url(images/template/nav-btn-damp-on.jpg);      width:131px;}

#header ul li.two a{          background-image: url(images/template/nav-btn-timber-off.jpg);   width:118px;}
#header ul li.two strong a,
#header ul li.two a:hover{    background-image: url(images/template/nav-btn-timber-on.jpg);    width:118px;}

#header ul li.three a{        background-image: url(images/template/nav-btn-water-off.jpg);    width :182px;}
#header ul li.three strong a,
#header ul li.three a:hover{  background-image: url(images/template/nav-btn-water-on.jpg);     width:182px;}

#header ul li.four a{         background-image: url(images/template/nav-btn-crack-off.jpg);    width:92px;}
#header ul li.four strong a,
#header ul li.four a:hover{   background-image: url(images/template/nav-btn-crack-on.jpg);     width:92px;}

#header ul li.five a{         background-image: url(images/template/nav-btn-contact-off.jpg);  width:119px;}
#header ul li.five strong a,
#header ul li.five a:hover{   background-image: url(images/template/nav-btn-contact-on.jpg);   width:119px;}

#header div.stick
{
    float: left;
    height:407px;
	/*border: red solid 1px;*/
}

 /* Sub Nav"
------------------------------------------------*/
#header ul.subnav 
{
    float: left;
    width:580px !important;
    padding: 0;
    margin-left: 14px;
	margin-top: -70px;
	margin-bottom: -70px;
	padding: 4px 0 4px 0;
	border-top: dotted 1px #B0C9DB;
	border-bottom: dotted 1px #B0C9DB;
	/*border: green solid 1px;*/
}
#header ul.subnav li 
{
    float: left;
    list-style: none;
    padding: 0;
	margin: 0;
	/*border: red solid 1px;*/
}
#header ul.subnav li a 
{
    color: #75A0C0; /* light blue */
    padding-right: 10px;
    border-right: #B0C9DB dotted 1px;
	margin-right: 10px;
	float: left;
    display: inline; /* for ie6!*/
    /*border: red solid 1px;*/
	font-weight:bold !important;
	font-size:1.1em;
}
#header ul.subnav li a.end 
{
    border-right:none;
}
#header ul.subnav li a:hover, 
#header ul.subnav li strong a
{
    color: #012640; /* navy blue */
    font-weight:normal;
    text-decoration:none;
}
#header div.news
{
    float:left;
    width:300px;
    position:relative;
    margin-top:-20px !important;
    margin-left:10px !important;
    /*border: 1px solid #CCCCCC;*/
    color:#75A0C0; /* light blue */
    padding:0.5em;
    padding-left:24px;
    background: #fff url(images/template/pdf-icon.gif) 6px 6px no-repeat;
}
#header div.news a
{
    color:#75A0C0; /* light blue */
}

 /* Misc"
------------------------------------------------*/
#main-content
{
    width: 950px;
    float: left;
    color:#012640;
	padding: 0;
	margin: 0;
	/*background-color: pink;*/
}

#footer
{
    width: 950px;
    float: left;
	padding: 0;
	margin: 0;
	margin-top: 20px;
	background-color: black;
	height:12px;
	background-color:#fff; /* dark blue */
	border-top: 8px solid #75A0C0;
	padding:6px 0 6px 0;
	color:#75A0C0;
}
#footer p
{
    background: #fff url(images/template/dh-logo.gif) 0 0 no-repeat;
    padding-left:22px;
}
#footer a
{
    /*border: 1px solid red;*/
    color:#75A0C0;
    padding-bottom:6px;
}



 /* My CSS Tools"
------------------------------------------------*/
.hide {
    display: none;
}
.clearer {
	float: left;
	clear: both;
	width: 950px;
}
.clearer1 {
	visibility: hidden;
	clear: both;
	width: 100px;
}
.clearer2 {
	clear: both;
	height: 20px;
	visibility: hidden;
	width: 100px;
	background-color: blue;
	overflow: hidden;
}
.images {
	float: right;
	margin: 28px 0 10px 20px;
	padding: 1px;
	border: solid 1px #38743F;
}
.content-to-come {
    color: red;
	font-weight: bold;
}
.clearer-x {
	clear: left;
}
.clearer-xx {
	clear: right;
}

 /* common persistent"
------------------------------------------------*/
.audio {
    display: none;
	background-color: #009900;
}