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: #5D5E5E;
}

p {
	width : 480px;
	margin-left: 25px;
	color: #5D5E5E;
	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;
}

ul {

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

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: 800px;
	margin-left: auto;
    	margin-right: auto;
	margin-bottom: 0%;

    }

#header {
	width: 100%;
	height: 200px;
	margin-left: auto;
    	margin-right: auto;
	margin-top: 0%;
        background-color:#FFFFFF;
	background-image: url(images/bg4.gif);
	background-repeat: repeat-x;
    }

#topban {
	width: 800px;
	height: 310px;
	margin-left: auto;
    	margin-right: auto;
	margin-top: 0%;
	z-index: -1;
}

#topban_left {
	width: 280px;
	height: 200px;
	float: left;
	margin-top: 50px;
	background-image: url(images/topban.jpg);
	background-repeat: repeat-x;
    }

#botban_left {
	width: 260px;
	height: 310px;
	float: left;
	margin-top: -180px;
	margin-left: 10px;
	background-image: url(images/logo_addr.jpg);
	background-repeat: repeat-x;
    }

#topban_right {
	width: 520px;
	height: 200px;
	float: right;
	margin-top: 50px;
	z-index: -1;
    }

#buttons {
	width: 520px;
	height: 30px;
	float: right;
	margin-top: 0px;
	text-align: left;
    }

#home {
	width: 100px;
	height: 20px;
	float: right;
	margin-left: 400px;
	margin-top: 10px;
	color: #0178CA;
    }

#menu {

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

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

#main2 {
	width: 800px;

	margin-left: auto;
    	margin-right: auto;
    }

#main3 {
	width: 800px;
	height: 700px;
	margin-left: auto;
    	margin-right: auto;
	margin-top: -0.9%;
	background-color: #FFFFFF;
    }

#main4 {
	width: 800px;
	height: 570px;
	margin-left: auto;
    	margin-right: auto;
    }


#left_panel_ori {
	width: 250px;
	height: 400px;
	margin-left: 15px;
	float: left;
	background-image: url(images/sideban4.png);
	background-repeat: repeat-x;
    }

#left_panel {
	width: 260px;
	height: 500px;
	position : relative;
	float: left;
	margin-top: -30px;
	margin-left: 10px;

	z-index: 0;

    }

#left_panel6 {
	width: 260px;
	height: 810px;
	position : relative;
	float: left;
	margin-top: -30%;
	margin-left: 10px;
	z-index: 0;

    }

#right_panel {
	float: right;
	width : 520px;
	height: 430px;
	margin-top: 30px;
	text-align: justify;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	color: #5D5E5E;
	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_panel2 {
	float: right;
	width : 520px;
	margin-top: 30px;
	text-align: justify;
	background-image: url(images/bg.jpg);
	color: #5D5E5E;
	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_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: #5D5E5E;
	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: #5D5E5E;
	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: #5D5E5E;
	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: #5D5E5E;
	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: #5D5E5E;
	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: #5D5E5E;
	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: #5D5E5E;
	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: #5D5E5E;
	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: #5D5E5E;
	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: #5D5E5E;

	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: #5D5E5E;
	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: #5D5E5E;
	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: #5D5E5E;
	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: #5D5E5E;
	text-align: center;
	padding : 15px;
	font-size:100%;
}	


h1 {
  color:#0279CA;
  font-family: Lucida Fax, tahoma, Times New Roman, Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
  padding-top: 0em;
  padding-left: 1em;
  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:100%;background:#B1B3B4;color:#5D5E5E;}
a{color:#5D5E5E;text-decoration:none;font-family: arial, Lucida Fax, tahoma, Times New Roman, Comic Sans MS, arial}
a:hover{color:#FC0201}
td.menu{background:#A9DAFC}
td.hmenu{background:#A9DAFC;width:100px;top:-20px;}
td.form{background:#F4F5F7}

table.menu
{
font-size:110%;
position:absolute;
visibility:hidden;
}

/*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 */

}