@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	left: 0px;
	top: 0px;
	margin-top: 10px;
	text-align: justify;
	background-image: url(graphics/main-bg.jpg);
}
div, p, ul, h2, h3, h4, h5, form, img{padding:0px; margin:0px;}

h2 {
font-size: 16px;

}

#drainage-menu p a {
width: 75px;
}

ul{list-style-type:none;}

a img  {
	border-style: none;
	}

#main-container {
	border: 1px solid #666666;
	height: auto;
	width: 973px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}

* html #main-container {
	width: 973px;
	overflow: hidden;
}

#top {
	background-image: url(graphics/top.jpg);
	height: 131px;
	width: 973px;
}
#topmenu {
	background-color: #000033;
	height: 26px;
	width: 973px;
	clear: left;
}
#topmenu ul {
	height: 26px;;

}
#topmenu ul li {
	float: left;
	border-right: solid 1px #ffffff;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	height: 21px;
	padding-top: 5px;
}
#topmenu ul li a{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 13px;
}
#topmenu ul li a:hover{
	
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background-color:#11386C;
}
#header {
	background-color: #000033;
	height: 174px;
	width: 973px;
}

.spacer {
	height: 20px;
}
#contentcontainer {
	float: left;
	height: auto;
	width: 973px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
#left-column {
	float: left;
	width: 241px;
	margin-right: 5px;
	margin-left: 10px;
}

* html #left-column {
	margin-right: 5px;
	margin-left: 5px;
}
#hi-news {
	background-image: url(graphics/left-back.jpg);
	background-repeat: repeat-y;
	width: 241px;
}
#rssnews {
	background-image: url(graphics/left-back.jpg);
	background-repeat: repeat-y;
	width: 241px;
}
#enews {
	background-image: url(graphics/left-back.jpg);
	background-repeat: repeat-y;
	width: 241px;
}
#login {
	background-image: url(graphics/blue-back.jpg);
	background-repeat: repeat-y;
	width: 241px;
}
.leftheader-gray {
	height: 37px;
	background-image: url(graphics/gray-top.jpg);
}

.leftheader-blue {
	background-image: url(graphics/blue-top.jpg);
	height: 36px;
}

.leftend-gray {
	background-image: url(graphics/white-end.jpg);
	height: 15px;
}
.leftend-blue {
	background-image: url(graphics/blue-end.jpg);
	height: 13px;
}
.leftcontent {
	padding: 15px;
	text-align: left;
}

#maincontent {
	float: left;
	width: 702px;
	margin-right: 10px;
	margin-left: 5px;
}

* html #maincontent {
margin-right: 0;
margin-left: 0;

}
.maincontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.maincontent p {
line-height: 18px;
margin-bottom: 10px;
}

.maincontent ul {
line-height: 18px;
margin-bottom: 10px;
}

#genpanel {
	height: 163px;
}
#genpanel2 {
	height: 130px;
}

#drainage-menu {
	background-image: url(graphics/menu-drainage.jpg);
	float: left;
	height: 163px;
	width: 169px;
	margin-right: 4px;
}

#drainage-menu p {
	width: 90px;
}

#adaptations-menu {
	background: url(graphics/menu-adaptations.jpg) no-repeat;
	float: left;
	height: 163px;
	width: 168px;
	margin-left: 5px;
	margin-right: 4px;
	overflow: hidden;
}
/*
#adaptations-menu:hover {
	background-image: url(graphics/menu-adaptations-hover.jpg);
}
*/
#roofing-menu {
	background-image: url(graphics/menu-roofing.jpg);
	float: left;
	height: 163px;
	width: 169px;
	margin-left: 5px;
	margin-right: 4px;
}
/*
#roofing-menu:hover {
	background-image: url(graphics/menu-roofing-hover.jpg);
}
*/
#general-menu {
	background-image: url(graphics/menu-general.jpg);
	float: left;
	height: 163px;
	width: 168px;
	margin-left: 5px;
}
/*
#general-menu:hover {
	background-image: url(graphics/menu-general-hover.jpg);
}
*/
#drainage-menu2 {
	background-image: url(graphics/drainage.jpg);
	float: left;
	height: 130px;
	width: 218px;
}

#adaptations-menu2 {
	background-image: url(graphics/adaptation.jpg);
	float: left;
	height: 130px;
	width: 218px;
}

#roofing-menu2 {
	background-image: url(graphics/roofing.jpg);
	float: left;
	height: 130px;
	width: 218px;
}

#general-menu2 {
	background-image: url(graphics/general.jpg);
	float: left;
	height: 130px;
	width: 218px;
}
#space {
	float: left;
	height: 130px;
	width: 24px;
}
#homepage-casestudies-body {
	background-image: url(graphics/homepage-casestudies-cont.jpg);
	width: 702px;
	float: left;
}


.long-gray-bar {
	background-image: url(graphics/long-gray-bar.jpg);
	height: 36px;
	width: 703px;
}
.long-blue-bar {
	background-image: url(graphics/long-blue-bar.jpg);
	height: 36px;
	width: 702px;
}.homepage-casestudies-end {
	background-image: url(graphics/homepage-casestudies-end.jpg);
	height: 14px;
	width: 702px;
	clear: left;
}
.lefttitle-gray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	padding-left: 10px;
	padding-top: 10px;
}

.lefttitle-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
	padding-left: 10px;
	padding-top: 10px;
}


.homepage-casestudies-content {
	float: left;
	width: 330px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 11px;
}
#advertising {
	background-image: url(graphics/longbox-body.jpg);
	background-repeat: repeat-y;
	width: 702px;
	float: left;
}

.logo {
	padding-top: 13px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	float: left;
}

.longbody-end {
	background-image: url(graphics/longbox-end.jpg);
	height: 13px;
	clear: left;
}
#footer {
	height: 40px;
	width: 973px;
	clear: both;
}
#footer-links {
	background-color: #05173B;
	background-image: url(graphics/footer-back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 19px;
}

#footer-link ul 
{
	list-style-type:none;
	float: right;
}

#subfooter {
	font-size: 10px;
	color: #999999;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
#logo-section {
	height: 115px;
	width: 189px;
	padding-top: 12px;
	padding-left: 20px;
}

#footer-links ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 15px;
	float: right;
}
#footer-links ul li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 5px;
	text-decoration: none;
}
#footer-links ul li a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}
#subfooter a{
	font-size: 10px;
	color: #999999;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	text-decoration: none;
}
#subfooter a:hover{
	font-size: 10px;
	color: #999999;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	text-decoration: underline;
}


/*--------------------------to be changed----------------------------*/



h3 {
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	margin-bottom: 10px;
}

h3 a {
	color: #000066;
	text-decoration:none;

}

h3 a:hover {
color: #999999;
	text-decoration:none;
}

a {
	color: #000066;
	text-decoration:none;
	font-weight: bold;
}

a:hover {
color: #999999;
	text-decoration:none;
}

ul.registerlink {
margin: 10px 5px;
display: block;
}

ul.registerlink li {
line-height: 11px;
padding-left: 20px;
}

ul.registerlink li a {
color: #ffffff;
padding: 0;
}


.pdf {
background: url(graphics/pdf_mini.gif) no-repeat left center;
padding: 15px 0 15px 30px;
margin-bottom: 10px;
}

.doc {
background: url(graphics/word_mini.gif) no-repeat left center;
padding: 15px 0 15px 30px;
margin-bottom: 10px;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.news-image {
	float: left;
	height: 79px;
	width: 73px;
}

.news-tags {
	float: left;
}

.menuimage-header-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	font-weight: bold;
}

.menuimage-header-blue:hover{
	text-decoration:none;
	color: #999999;
}

.menuimage-header-blue a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	font-weight: bold;
	text-decoration:none;
}
.menuimage-header-blue a:hover{
	text-decoration:none;
	color: #999999;
}
.menuimage-header-gray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	font-weight: bold;
}

.menuimage-header-gray:hover {
	color: #999999;
	text-decoration: none;
}

.menuimage-header-gray a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	font-weight: bold;
	text-decoration: none;
}
.menuimage-header-gray a:hover{
	color: #999999;
	text-decoration: none;
}

.imagemenu-content-blue {
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	width: 163px; 
	text-align: left;
}

.imagemenu-content-blue p {
width: 80px;
}

.imagemenu-content-blue a {
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	width: 80px;
	text-decoration: none;
	text-align: left;
}

.imagemenu-content-blue a:hover {
color: #999999;
}

.imagemenu-content-blue a:hover strong {
color: #999999;
}

.imagemenu-content-blue strong {
color: #ffffff;
}

.imagemenu-content-gray {
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000066;
	width: 150px;
	text-align: left;
}
.imagemenu-content-gray a{
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000066;
	width: 150px;
	text-decoration:none;
	text-align: left;
}
.imagemenu-content-gray a:hover{
	color: #999999;
	text-decoration:none;
	
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000066;
}

strong {
color: #000066;
}
#ts_header {
	background-image: url(graphics/ts-header.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 38px;
	width: 702px;
}
#ts_body {
	background-color: #0B2345;
	background-image: url(graphics/ts_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	width: 702px;
}
#ts_end {
	background-image: url(graphics/ts_end.jpg);
	float: left;
	height: 13px;
	width: 702px;
}
.pad5 {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.table {
	font-size: 11px;
	color: #FFFFFF;
	}
.ts_padding {
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}

* html .pad5 {
margin-top: 5px;
margin-bottom: 0;
height: 38px;
overflow: hidden;
}


table {
	font-size: 11px;
	color: #FFFFFF;
}
#ts_main {
	float: left;
	width: 702px;
}
.register input {
	width:170px;
	height:21px;
	border:#fff solid 1px;
	background-color:#0B2345;
	color:#fff;
	font:normal 10px/21px Arial, Helvetica, sans-serif;
	padding-right: 8px;
	padding-left: 8px;
	margin-top: 5;
}

.register input:hover {
	border:#999 solid 1px;
}

.register input.submit {
width: 100px;
background-color: #999999;
cursor: pointer;
}


.register input.submit:hover {
background-color: #11386C;
}

.register input.checkbox {
float: left;
width: 15px;
}

.ts_tinycolumn {
	font-size: 10px;
	color: #FFFFFF;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 300px;
	border: 1px solid #808080;
}
.ts_tinycolumnbg {
	font-size: 10px;
	color: #FFFFFF;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 300px;
	border: 1px solid #808080;
	background-color: #11386C;
}
.ts_pad5 {
	padding: 10px;
	float: left;
}

.casestudy-image {
	float: left;
	width: 150px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.casestudy-content {
	float: left;
	width: 502px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
}

form#enews_form {
width: 210px;
clear: both;
margin: 10px auto;

}



.textfield {
height: 25px;
width: 200px;
margin: 0 0 10px 0px;
float: left;
}

.textfield:hover {
border: solid 1px #000066;
}

form.enquiry {
width: 450px;
}

form.enquiry p {
text-align:left;
}

.notice {
text-align:left;
float: right;
font-weight: bold;
font-size: 10px;
}

form.enquiry label {
float: left;
}

form.enquiry .textfield {
height: 20px;
float: right;
width: 300px;
}

form.enquiry .textfield:hover {
border: solid 1px #000066;
}

form.enquiry .textarea {
float: right;
width: 300px;
height: 250px;
}

form.enquiry .textarea:hover {
border: solid 1px #000066;
}

.textfield_error {
height: 20px;
float: right;
width: 300px;
border: solid 1px #CC0000;
}

form.enquiry .button {
cursor: pointer;
background-color: #000066;
color: #ffffff;
border: solid 1px #cccccc;
float: right;
padding: 5px;
font-weight: bold;
}

form.enquiry .button:hover {

background-color: #999999;

}