body {
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
	margin-top: 0%;
	margin-bottom: 0%;
	text-align: center;
        background-color:#FFFFFF;
	color: #111111;
}

p {
	width : 580px;
	margin-left: 5px;
	margin-top: 1em;
	color: #111111;
	font-size: 120%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
	text-align:justify;
	letter-spacing:0px;


}

p.cs {
	width : 800px;
	margin-left: 0px;
	margin-top: 1em;
	color: #111111;
	font-size: 100%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
	text-align:justify;
	letter-spacing:0px;

}

p.cs2 {
	width : 545px;
	margin-left: 10px;
	margin-top: 1em;
	color: #111111;
	font-size: 120%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
	text-align:justify;
	letter-spacing:0px;

}

p.cs3 {
	width : 480px;
	margin-left: 10px;
	margin-top: 1em;
	color: #111111;
	font-size: 120%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
	text-align:justify;
	letter-spacing:0px;

}

p.cs4 {
	width : 580px;
	margin-left: 0px;
	margin-top: 1em;
	color: #D1B345;
	font-size: 120%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
	text-align:right;
	letter-spacing:0px;
	background-image: url(images/quote1.jpg);
	background-repeat: repeat-x;
	padding: 5px;
}

p.cs5 {
	width : 270px;
	margin-left: 5px;
	margin-top: 1em;
	color: #111111;
	font-size: 120%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
	text-align:justify;
	letter-spacing:0px;
}

p.cs6 {
	width :190px;
	margin-left: 5px;
	margin-top: 1em;
	color: #111111;
	font-size: 120%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
	text-align:justify;
	letter-spacing:0px;

}

ul {

	font-size: 100%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
	margin-top:-0px;
	margin-bottom:10px;

}

li {

	font-size: 100%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:-5px;

}

ol {

	font-size: 110%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
}


#page-wrapper {
	width: 806px;
	margin-left: auto;
    	margin-right: auto;
	margin-bottom: 0%;

    }

#header {
	width: 806px;
	height: 80px;
	margin-left: auto;
    	margin-right: auto;
    }

#topban {
	width: 806px;
	height: 216px;
	margin-left: auto;
    	margin-right: auto;
	margin-top: 0%;
}

#topban2 {
	width: 806px;
	height: 400px;
	margin-left: auto;
    	margin-right: auto;
	margin-top: 0%;
}

#buttons {
	width: 806px;
	height: 50px;
	float: left;
	margin-top: 0px;
	margin-left: auto;
    	margin-right: auto;
	text-align: left;
    }

#menu {

	width: 75%;
	margin-left: 50%;
	margin-top: 0%;
	padding-bottom: 2%;
	padding-left: 0%;
	text-align: left;
    }

#main {
	width: 800px;
	height:auto;
	margin-left: auto;
    	margin-right: auto;

    }

#main2 {
	width: 806px;
	height:auto;
	margin-left: auto;
    	margin-right: auto;

    }

#main3 {
	width: 800px;
	height:auto;
	margin-left: auto;
    	margin-right: auto;
	float:left;
	background-image: url(images/bg5.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
    }

#left_panel {
	width: 620px;
	height: auto;
	float: left;
	margin-right: -180px;
	text-align: justify;
	color: #111111;
	font-size: 85%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
	background-image: url(images/bg1.jpg);
	background-repeat: repeat-y;
    }

#left_panel2{
	width: 400px;
	height: auto;
	float: left;
	margin-right: -406px;
	background-color:#000000;
    }

#right_panel {
	float: right;
	width : 180px;
	height: auto;
    }

#right_panel2 {
	float: right;
	width : 406px;
	height: auto;
	background-color:#aaaaaa;
    }

#left_img {
	float:left;
	margin-right:-269px;
	width:251px;
	height:290px;

}

#right_text {
	float: right;
	width : 269px;
	height:290px;
	margin-top: 30px;
	text-align: justify;
	color: #111111;
	font-size: 110%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
}

#content {
	width:520px;
	height:250px;
	font-size: 100%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;

}

#left_img2 {
	float:left;
	margin-right:-269px;
	margin-top: 30px;
	width:251px;

	font-size: 100%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;

}

#right_text2 {
	float: right;
	width : 269px;

	font-size: 100%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;

}

#below_text {
	float: left;
	width : 520px;
	height:200px;
	text-align: justify;
	color: #111111;
	font-size: 100%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
}

#right_panel3 {
	float: right;
	width : 520px;
	height : 700px;
	margin-top: 30px;
	text-align: justify;
	background-image: url(images/bg.jpg);
	color: #111111;
	font-size: 90%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
    }


#right_panel4 {
	float: right;
	width : 520px;
	height: 700px;
	margin-top: 30px;
	text-align: justify;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	color: #111111;
	font-size: 90%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
    }

#right_panel5 {
	float: right;
	width : 520px;
	margin-top: 30px;
	text-align: justify;
	background-image: url(images/surfcam.jpg);
	background-repeat: repeat-x;
	color: #111111;
	font-size: 90%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
    }

#right_panel6 {
	float: right;
	width : 520px;
	height: 550px;
	margin-top: 30px;
	text-align: justify;
	background-image: url(images/machinery.jpg);
	background-repeat: repeat-x;
	color: #111111;
	font-size: 90%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
    }

#right_panel7 {
	float: right;
	width : 520px;
	height: 430px;
	margin-top: 30px;
	text-align: justify;
	background-image: url(images/conv.jpg);
	background-repeat: repeat-x;
	color: #111111;
	font-size: 90%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
    }

#left_content {
	float: left;
	width: 160px;
	margin-top: 0px;
	margin-left: 10px;
	text-align: justify;
	color: #111111;
	font-size: 120%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
    }

#right_content {
	float: right;
	width : 340px;
	text-align: justify;
	color: #111111;
	font-size: 120%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
    }

#left_content2 {
	float: left;
	width: 160px;
	height: 550px;
	margin-top: 0px;
	margin-left: 10px;
	text-align: justify;
	color: #111111;

	font-size: 120%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
    }

#right_content2 {
	float: right;
	width : 340px;
	height: 550px;
	text-align: justify;
	color: #111111;
	font-size: 120%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
    }


#md {
	width:170px;
	height:43px;
	margin-top:48px;
	margin-left:170px;
	font-size: 100%;
	text-align:center;
}

#dd {
	width:170px;
	height:43px;
	margin-top:50px;
	margin-left:165px;
	font-size: 100%;
	text-align:center;
}

#mm {
	width:170px;
	height:43px;
	margin-top:50px;
	margin-left:30px;
	font-size: 100%;
	text-align:center;
}


#ad {
	width:170px;
	height:43px;
	margin-top:-43px;
	margin-left:300px;
	font-size: 100%;
	text-align:center;
}

#mm2 {
	width:170px;
	height:43px;
	margin-top:55px;
	margin-left:30px;
	font-size: 100%;
	text-align:center;
}


#ad2 {
	width:170px;
	height:43px;
	margin-top:-45px;
	margin-left:300px;
	font-size: 100%;
	text-align:center;
}


#quicklink1 {
	margin-left: 125px;
	margin-top: -360px;
	font-size:100%;
	text-align:left;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
}

#quicklink2 {
	margin-left: 125px;
	margin-top: 85px;
	font-size:100%;
	text-align:left;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
}

#quicklink3 {
	margin-left: 125px;
	margin-top: 70px;
	font-size:100%;
	text-align:left;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
}

#quicklink4 {
	margin-left: 80px;
	margin-top: 120px;
	font-size:100%;
	text-align:left;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
}

#quicklink5 {
	margin-left: 70px;
	margin-top: -150px;
	font-size:100%;
	text-align:left;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
}

#cert {

  width:130px;
  height:105px;
  float: left;
  padding: 0.5%;
  margin-left : 3%;
  margin-bottom : 2.5%;
  background-color:#EDEEE1; 
  text-align: left;
}
#enquiry {
	width: 80%;
	color: #111111;
	font-size: 100%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;
        background-color:#F4F5F7;
  } 

#enquiry2 {
	width: 80%;
	color: #111111;
	padding-left:2em;
	padding-top:2em;
	font-size: 110%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman, Comic Sans MS, verdana, arial;

  } 

#footer_bg {
	width: 100%;
	height: 50px;
	margin-left: auto;
    	margin-right: auto;
	margin-top: 0px;
        background-color:#FFFFFF;
	background-image: url(images/footer_bg.jpg);
	background-repeat: repeat-x;
	clear:both;
}

#footer {
	width: 800px;
	height: 50px;
	margin-left: auto;
    	margin-right: auto;
	background-image: url(images/footer.jpg);
	background-repeat: repeat-x;
	clear:both;

}

#copyright {
	color: #111111;
	text-align: center;
	padding : 15px;
	font-size:100%;
}	


h1 {
  color:#0279CA;
  font-family: Arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
  font-size:180%;
} 

h2 {
  color:#0279CA;
  font-family: Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
  padding-top: 0em;
  padding-left: 0em;
  font-size:150%;
} 

h3 {
  color:#F50202;
  font-family: Arial narrow, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
  font-size:180%;
  font-weight: bold;
  padding-left: 1.3em;
} 

div {
    color:#5D5E5E;
    font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
    font-size:91%;

}


table{font-size:75%;background:#EEE9AE;color:#111111;margin-top:-5px;}
a{color:#363636;text-decoration:none;font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, arial; }
a.subcat{color:#79765B;text-decoration:none;font-weight:bold;font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, arial; }
a.enter{color:#0395FB;text-decoration:underline;font-weight:bold;font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, arial; align:right;}
a:hover{color:#DA2625; }
td.menu{background:#E7E2A9; text-align:left;}
td.menu2{ text-align:left;}
td.hmenu{background:#A9DAFC;width:100px;top:-0px;}
td.form{background:#FFFFFF}
tr.menu{background:#000000;}
td.inv{font-size:75%;color:#A3DEEB;}
tr.inv{background:#FBF5B7;color:#A3DEEB;}

table.menu
{
font-size:110%;
position:absolute;
visibility:hidden;
tex-align:left;

}

table.menu2
{
font-size:110%;
tex-align:left;
color:#000000;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #1F60B7;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: #5D9153;
text-decoration: none;
font-weight: bold;
width: 295px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 20px; /*position where enlarged image should offset horizontally */

}

.thumbnaill{
position: relative;
z-index: 0;
}

.thumbnaill:hover{
background-color: transparent;
z-index: 50;
}

.thumbnaill span{ /*CSS for enlarged image*/
position: absolute;
background-color: #1F60B7;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: #5D9153;
text-decoration: none;
font-weight: bold;
width: 300px;
}

.thumbnaill span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnaill:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */

}

#left_panelX {
	width: 200px;
	height: auto;
	float: left;
                background-color:#FFFFFF;
	background-image: url(images/side.jpg);
	background-repeat: repeat-y;
	text-align: justify;

	font-size: 80%;
    }


#right_panelX {
	float: right;
	width : 590px;
	height: auto;
	padding-left:0px;
	margin-left:0px;
	text-align: justify;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	color: #5D5E5E;
	font-size: 80%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman;
                background-color:#ffffff;
}

#left_panelY {
                background-color:#FFFFFF;
	float: left;
	width: 300px;
	height: auto;
	text-align: left;
	font-size: 80%;

    }


#right_panelY {

	width : 500px;
	float: right;
	height: auto;
	text-align: justify;
	color: #111111;
	font-size: 120%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman;
}

#left_panelZ {
	width: 245px;
	height: auto;
	float: left;
                background-color:#FFFFFF;
	text-align: left;
                padding-left:0px;
	font-size: 80%;
	background-image: url(images/bg4.jpg);
	background-repeat: repeat-x;
	background-position :bottom;
    }


#right_panelZ {
	float: right;
	width : 505px;
	height: auto;
	margin-top: 0px;
	text-align: justify;
	color: #111111;
	font-size: 100%;
	font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Tahoma, Times New Roman;
                background-color:#ffffff;
}