* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}

img {border:0}

h1{color:#00718f; font-size:20px;}
p{ color:#333333; line-height:20px; margin:10px 0px;}
li { line-height:20px; }
a{ color:#00718f; text-decoration:none;}
a:hover{color:#00718f; text-decoration:underline; }
h3{color:#00718f; font-size:12px;}


.colorchartimg{margin:0px 10px 10px 0px; padding:3px; border:1px solid #00718f; }

#wrapper { 
 margin: 0 auto;
 width: 1022px;
height:auto;
}
#header {
 color: #333;
 width: 1022px;
 float: left;


 height: 317px;
 margin: 10px 0px 0px 0px;
 background: #ffffff;
 background-image:url(images/headerbg2.jpg);
 background-repeat:no-repeat;
 
 position:relative;

 
}
#surfaceform {
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: 9999;
}
#telephone{width: 280px;float: right;
 padding: 10px;

 height: 50px;
 margin: 5px 0px 5px 0px;


 color:#ffffff;
 font-size:23px;
 font-weight:bold;

 }
#navigation {
 float: left;
 width: 1002px;
 height:30px;
 color: #333;
 padding: 5px 10px 10px 10px;
 background-image:url(images/navbg.jpg);
 background-repeat:no-repeat;
 margin: 0px 0px 5px 0px;

}
#navigation a{ text-decoration:none; color:#FFFFFF;}
#navigation a:hover{ text-decoration:underline; color:#ffffff;}
#navigation table{ font-size:15px; font-weight:bold; color:#FFFFFF;float:right}


/*INDEX.PHP*/


#leftcolumn { 
 color: #333;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 486px;
 float: left;
 height:auto;
 }

#back{  float:left; color:#00718f; font-size:16px; text-align:center; width:220px;}


#news{ color: #333;
margin: 0px 5px 5px 0px;
width: 466px;
}


#rightcolumn { 
 float: right;
 color: #333;

 margin: 0px 0px 5px 0px;
 padding: 20px 0 10px 0;
 height: 550px;
 width: 487px;
 display: inline;

}


#rightcolumn2 { 
 float: right;
 color: #333;

 margin: 0px 0px 5px 0px;
 padding: 10px 0 10px 0;
 height: 370px;
 width: 487px;
 display: inline;

}
#commercialgallery{ width:150px; float:left; margin-right:15px;}
#privategallery{ width:150px; float:left;margin-right:15px;}
#customiseddesign{ width:150px; float:left;}


/*PRODUCTS.PHP*/

#productleft { 
 color: #333;
 margin: 0px 5px 25px 0px;

 width: 486px;
 height:360px;
 float: left;
 background:#fff;
 background-image:url(images/stuccoad.jpg);
 background-repeat:no-repeat;
 }
#productleft h1{display:none;}
#productright { 
 float: right;
 color: #333;
 background:#fff;
 margin: 0px 4px 25px 0px;
 background-image:url(images/walleffectsad.jpg);
 background-repeat:no-repeat;
 height: 360px;
 width: 486px;
 display: inline;
 }
#productright h1{display:none;}
#productadinfo{ width:220px; height:262px;  margin-top:80px; margin-left:10px; background-image:url(images/productadinfo.png); color:#333333; font-size:12px; padding-left:5px; padding-top:5px; float:left;}
#productadinfo p{ color: #00718f;margin:0px; }
#productadinfo a{ text-decoration:none; color: #00718f; border-left:8px solid #979b00;  padding-left:6px; display:block; margin-bottom:3px;  }
#productadinfo a:hover{ background-color:#00718f;  color:#FFFFFF; text-decoration:none;}
#productinfoleft{ width:225px; min-height:350px; float:left; margin-right:15px;}
#productinforight{ width:240px;min-height:350px;  float:left; }

#productadinfo1{ width:220px; height:240px;  margin-top:100px; margin-left:10px; background-image:url(images/productadinfo.png); color:#333333; font-size:12px; padding-left:5px; padding-top:5px; float:left;}
#productadinfo1 p{ color: #00718f;margin:0px; }
#productadinfo1 a{ text-decoration:none; color: #00718f; border-left:8px solid #979b00;  padding-left:6px; display:block; margin-bottom:3px;  }
#productadinfo1 a:hover{ background-color:#00718f;  color:#FFFFFF; text-decoration:none;}
#productadinfo2{ width:220px; height:240px;  margin-top:100px; margin-right:10px; background-image:url(images/productadinfo.png); color:#333333; font-size:12px; padding-left:5px; padding-top:5px; float:right;}
#productadinfo2 p{ color: #00718f;margin:0px; }
#productadinfo2 a{ text-decoration:none; color: #00718f; border-left:8px solid #979b00;  padding-left:6px;  padding-right:5px; display:block; margin-bottom:3px; }
#productadinfo2 a:hover{ background-color:#00718f;  color:#FFFFFF; text-decoration:none;}


.projectlinksh1{font-size:14px;color:#708F00;}
.techinfoh1{font-size:16px; color:#FF3F0A; margin-bottom:10px; }
.smalldetails{font-size:10px; color: #999999;}
.imageleft1{ width:220px; height:170px; border:3px solid #007690;}
.imageleft2{width:220px; height:170px;border:3px solid #007690;}
.imageright3{width:220px; height:170px;border:3px solid #007690;}
.technicalinfo{width:220px; height:176px;}




/*About Us.PHP*/


#aboutusright { 

 float: right;
 color: #333;
 margin: 0px 0px 5px 0px;
 padding: 10px 0 10px 10px;
 height: auto;
 width: 477px;
 display: inline;
 border-left:1px solid #00718f;
}
#aboutusright h3 { background-color:#00718f; width:457px;  color:#FFFFFF;}

#aboutusright li{ list-style-type:square; margin-bottom:10px; border-bottom: 1px solid #00718f; padding-bottom:10px; width:457px; }
.arrows {font-size: 24px; line-height:16px;}

/*TRAINING.PHP*/


#trainingright { 
 float: right;
 color: #333;
 background:#fff;
 margin: 0px 4px 25px 0px;
 background-image:url(images/trainingbg.jpg);
 background-repeat:no-repeat;
 border-left:1px solid #00718f;
 /*height: 360px;*/
 width: 486px;
 display: inline;
 

}
#trainingright table { margin-left:10px;} 
#trainingright h3 { background-color:#00718f; width: 456px; margin-left:10px; color:#FFFFFF;}

#dvdpromo {
	float: right;
	width: 486px;
	background: url(images/dvd.png) 0 0 no-repeat;
	position: relative;
	left: -7px;
	margin-bottom: 10px;
}

#dvdpromo h2 {
	background: url(images/promo-h-bg.png) 0 0 no-repeat;
	color: #fff;
	margin: 0;
	padding: 15px 0 9px 18px;
	font-size: 18px;
}

#dvdpromo p {
	margin: 0 3px 0 2px;
	padding: 5px;
	border-left: 1px solid #8F4500;
	border-right: 1px solid #8F4500;
}

.brochure {
	background: url(images/pdf.png) 0 50% no-repeat;
	padding: 10px 0 10px 32px;
}

/*Sustainability.PHP*/


#sustainabilityright { 
 float: right;
 color: #333;
 background:#fff;
 margin: 0px 4px 25px 0px;
 background-image:url(images/sustainability.jpg);
 background-repeat:no-repeat;
 border-left:1px solid #00718f;
 height: 417px;
 width: 486px;
 display: inline;

}


/*Careers.PHP*/


#careersright { 

 float: right;
 color: #333;
 margin: 0px 0px 5px 0px;
 padding: 10px 0 10px 10px;
 height: auto;
 width: 477px;
 display: inline;
 border-left:1px solid #00718f;
}




/*CONTACT.PHP*/


#contactright { 
 float: right;
 color: #333;
 background:#ffffff;
 margin: 0px 4px 25px 0px;
 padding-left:10px;
 padding-top:8px;

 height: 420px;
 width: 486px;
 display: inline;
 background-image:url(images/contactbg.jpg);
 background-repeat:no-repeat;
 

}
#contactleft{ 
 color: #333;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 486px;
 float: left;
 height:auto;
 }
 
 #contactleftinnerleft{width:235px; float:left; margin-right:5px;}
 #contactleftinnerright{width:235px; float:right; margin-left:5px;  }
 
/*TERMS AND CONDITIONS.PHP*/
 #termscolumn { 
 color: #333;
 margin: 0px 5px 20px 0px;
 padding:0px 10px;
 width: 993px;
height:auto;
 float: left;
}

#terms{overflow:auto; width: 993px;
height:330px; }
 
/*FOOTER*/


#footer { 
 width: 1000px;
 clear: both;
 color: #00718f;

 border-top: 1px solid #00718f;
 background: #ffffff;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
#footer p{ line-height:30px;  color: #00718f; margin:0px;}
#footer li{ display:inline;}
#footer a{ text-decoration:none; color:#00718f;}
#footer a:hover{ text-decoration:underline; color:#00718f;}
#creditations{ width:390px; float:left;}
#footerinfo{width:560px; float:right; text-align:right; padding-right:10px; }


/*DROPDOWN MENU*/

#dropmenudiv{
position:absolute;
border:1px solid white;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
margin-top:5px;
margin-left:-18px;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid white;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color:#FFFFFF;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #9a0000;
}


/*CONTACT FORM*/


.inputstyle {
	border: 1px solid #00718f;

	background: url(none) no-repeat #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #454743;
	width:200px;
	height:20px;
	padding-top:2px;
}
.commentstyle {
	border: 1px solid #00718f;

	background: url(none) no-repeat #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #454743;
	width:200px;
	height:100px;
}


.labelstyle {
	font-family: tahoma, helvetica, sans-serif;
	font-style: bold;
	font-size: 13px;
	color: #00718f;
}


.inputstyle:hover {
	border: 1px solid #333333;

	background: url(none) no-repeat #FFFFFF;
	color: #454743;
}

.inputstyle:focus {
	border: 1px solid #333333;

	background: url(none) no-repeat #FFFFFF;
	color: #454743;
}

/*CAREERS FORM*/
.careersinputstyle {
	border: 1px solid #00718f;

	background: url(none) no-repeat #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #454743;
	width:250px;
	height:20px;
	padding-top:2px;
		padding-left:2px;
}
.careerscommentstyle {
	border: 1px solid #00718f;

	background: url(none) no-repeat #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #454743;
	width:250px;
	height:100px;
			padding-left:2px;
}


.careerslabelstyle {
	font-family: tahoma, helvetica, sans-serif;
	font-style: bold;
	font-size: 13px;
	color: #00718f;
}


.careersinputstyle:hover {
	border: 1px solid #333333;

	background: url(none) no-repeat #FFFFFF;
	color: #454743;
}

.careersinputstyle:focus {
	border: 1px solid #333333;

	background: url(none) no-repeat #FFFFFF;
	color: #454743;
}



table.helpT
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 500px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px; }

td.helpHed
{ border-bottom: 1px solid #6699CC;
border-left: 1px solid #6699CC;
background-color: #BEC8D1;
text-align: left;
text-indent: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040;

padding:10px }


td.helpHed2
{ border-bottom: 1px solid #6699CC;
border-left: 1px solid #6699CC;
background-color: #00718f;
text-align: left;
text-indent: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #fff;

padding:10px }

td.helpbody
{ border-bottom: 1px solid #6699CC;
border-left: 1px solid #6699CC;

text-align: left;
text-indent: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040;
width:25%;
padding:10px }


table.sofT
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 900px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px;
margin:0px auto; } 



/*##########CONTACT FORM##############*/

#cform ul {
	list-style: none;
}

#cform label {
	font-weight: bold;
}

#cform .hotr {
	display: none;
}

.spaced {
	margin-top: 10px;
	margin-bottom: 3px;
}

#cform .error {
	border: 1px solid #f00;
    background-color: #fdd;
}

#cform label.rlab {
	font-weight: normal;
}

h2.faq {
	background: #00718f;
	color: #fff;
	font-size: 1.2em;
	padding: 3px;
}

ul.faqul {
	list-style: none;
	margin: 20px 40px 30px;
}

ul#wcwdfy {
	margin-left: 40px;
}

p#wcwdfy-link {
	font-size: 1.2em;
	color: #00718f;
	margin: 20px auto;
	text-decoration: underline;
}

p#subgal {
	padding-top: 30px;
	clear: left;
}

.customfinish {
	width: 900px;
	height: 220px;
}
.customfinish img {
	height: 200px;
	width: 320px;
	float: left; 
	border: 1px solid #999;
	padding: 5px;
	margin: 0 50px 0 0;
}

#modular #termscolumn img {
	margin: 10px;
}

/*********************/

.trh3 {
	font-size:1.3em;
	margin-top:130px;
	padding:3px 5px;
	text-transform:uppercase;
}