.clr {clear: both; line-height: 1px; height: 1px;}
body {background: URL(../images/bg.gif) repeat; font-family: verdana; margin: 0px;}
#main {width: 1000px; *width: 1002px;  }
#nav {font: bold 11px verdana; color: #fff; text-align: right;  padding-top: 15px; padding-bottom: 8px;}
#nav a {color: #fff; text-decoration: none; padding-right: 10px; margin-right: 10px;  border-right: 1px solid #fff;}
#nav a:hover {text-decoration: underline; }
#masthead {height: 189px; background: URL(../images/tophead.gif) no-repeat;}
#masthead-products {height: 189px; background: URL(../images/tophead-products.gif) no-repeat;}
#masthead-testimonials {height: 189px; background: URL(../images/tophead-testimonials.gif) no-repeat;}
#masthead-business-enquiry {height: 189px; background: URL(../images/tophead-business-enquiry.gif) no-repeat;}
#masthead-contact-us {height: 189px; background: URL(../images/tophead-contact-us.gif) no-repeat;}
.crum {height: 30px; *height: 45px; max-height: 40px; font: bold 10px verdana; color: #fff; text-align: right; margin:0px 2px 0px 0px; padding: 15px 0px 0px 0px; *padding: 15px 0px 15px 0px;}
#row {height: 287px; text-align: left; margin: 0px 0px 13px 0px; font-size: 14px; color: #fff;}
#row .main-box-container {width: 243px; height: 287px; background: #fff; float: left; margin-right: 9px;}
#row .main-box-container .sub-container {width: 233px; height: 275px; background: #000; margin: 6px 5px 6px 5px;}
#row .main-box-container-last {width: 243px; height: 287px; background: #fff; float: left; }
#row .main-box-container-last .sub-container {width: 233px; height: 275px; background: #000; margin: 6px 5px 6px 5px;}
#row .main-box-container-last .sub-container h3{font: bold 14px verdana; margin: 0px; padding: 10px; text-decoration: underline;}
#row .main-box-container-last .sub-container p a{font: normal 11px verdana; color: #fff; text-decoration: none; margin: 3px 3px 3px 15px; line-height: 20px;}
#row .main-box-container-last .sub-container p a:hover{text-decoration: underline; color: #A4A4A4;}
#row .main-box-client {width: 495px; height: 287px; background: #fff; float: left; }
#row .main-box-client .sub-container {width: 485px; height: 275px; background: #007EAB; margin: 6px 5px 6px 5px;}
#row .main-box-about {width: 1000px; height: 335px; background: #fff; float: left;}
#row .main-box-about .sub-container {width: 988px; height: 323px; background: #3A9DA7; margin: 6px 5px 6px 5px;}
#row .main-box-about .sub-container h2{font: normal 20px verdana; padding: 5 0 0 10px; margin: 5px; border-bottom: 1px dotted #fff;}
#row .main-box-about .sub-container p{font: normal 12px verdana; margin: 0 0 10 0px; padding: 5 0 0 10px; }
/*products*/
#row .main-box-productdescp {width: 747px; height: 287px; background: #fff; float: left; }
#row .main-box-productdescp .sub-container {width: 738px; height: 275px; background: #3A9DA7; margin: 6px 5px 6px 5px;}
#row .main-box-productdescp .sub-container h2{font: normal 20px verdana; padding: 5 0 0 10px; margin: 5px; border-bottom: 1px dotted #fff;}
#row .main-box-productdescp .sub-container p{font: normal 12px verdana; margin: 0 0 10 0px; padding: 5 5 0 10px; }

/*product hovers on main page*/
#row .main-box-container .sub-container .one {display: block;  width: 233px; height: 275px; background: URL(../images/flattopscreen.gif);}
#row .main-box-container .sub-container .one:hover {background: URL(../images/flattopscreen-hover.gif);}
#row .main-box-container .sub-container .two {display: block;  width: 233px; height: 275px; background: URL(../images/longslotscreen.gif);}
#row .main-box-container .sub-container .two:hover {background: URL(../images/longslotscreen-hover.gif);}
#row .main-box-container .sub-container .three {display: block;  width: 233px; height: 275px; background: URL(../images/locktypescreen.gif);}
#row .main-box-container .sub-container .three:hover {background: URL(../images/locktypescreen-hover.gif);}
#row .main-box-container-last .sub-container .four {display: block;  width: 233px; height: 275px; background: URL(../images/vibratingscreencloth.gif);}
#row .main-box-container-last .sub-container .four:hover {background: URL(../images/vibratingscreencloth-hover.gif);}
#row .main-box-container .sub-container .five {display: block;  width: 233px; height: 275px; background: URL(../images/squaremesh.gif);}
#row .main-box-container .sub-container .five:hover {background: URL(../images/squaremesh-hover.gif);}
#row .main-box-container .sub-container .six {display: block;  width: 233px; height: 275px; background: URL(../images/crimpedwiremesh.gif);}
#row .main-box-container .sub-container .six:hover {background: URL(../images/crimpedwiremesh-hover.gif);}
#row .main-box-container .sub-container .seven {display: block;  width: 233px; height: 275px; background: URL(../images/metalwireconveyorbelt.gif);}
#row .main-box-container .sub-container .seven:hover {background: URL(../images/metalwireconveyorbelt-hover.gif);}
#row .main-box-container-last .sub-container .eight {display: block;  width: 233px; height: 275px; background: URL(../images/demisterpad.gif);}
#row .main-box-container-last .sub-container .eight:hover {background: URL(../images/demisterpad-hover.gif);}
#row .main-box-container .sub-container .nine {display: block;  width: 233px; height: 275px; background: URL(../images/chainlinkfencing.gif);}
#row .main-box-container .sub-container .nine:hover {background: URL(../images/chainlinkfencing-hover.gif);}
#row .main-box-container .sub-container .ten {display: block;  width: 233px; height: 275px; background: URL(../images/wireclothfabrications.gif);}
#row .main-box-container .sub-container .ten:hover {background: URL(../images/wireclothfabrications-hover.gif);}

/*Footer*/
#row1 {height: 100px; margin: 0px 0px 13px 0px; color: #fff; text-align: left;}
html>body #row1 {height: 100px; margin: 60px 0px 13px 0px; color: #fff; text-align: left;}
#row1 .main-box-footer {width: 1000px; height: 100px; background: #fff; float: left;}
#row1 .main-box-footer .sub-container {width: 988px; height: 88px; background: #3A9DA7; margin: 6px 5px 6px 5px;}
#row1 .main-box-footer .sub-container p{font: normal 11px verdana; margin: 0px 0px 10px 0px; padding: 5px 0px 0px 10px; }
#row1 .main-box-footer .sub-container p a{color: #fff; text-decoration: none; padding-right: 10px; margin-right: 10px;  border-right: 1px solid #fff;} 
#row1 .main-box-footer .sub-container p a:hover{text-decoration: underline; } 