/* HEXAPRO CSS Document */

/* Home */
body{width:100%; height:100%; margin:0; padding:0; background:#ECF5FF;}

#wrapper{width:850px; margin:0 auto; padding:0; background:#FFFFFF;}

#logo{width:800px; height:100px; padding:0; margin:0 25px 5px 25px;}
.mnlogo{width:132px; height:100px; padding:0; margin:0; background:url(images/logo.gif) left top no-repeat; float:left;}
.cname{width:668px; height:100px; padding:0; margin:0; background:url(images/toplo.gif) left top no-repeat; float:right;}

#navi{width:800px; height:30px; margin:0 25px 10px 25px; padding:0;}
.lnav{width:7px; height:30px; float:left; margin:0; padding:0; background:url(images/topleft.gif) left top no-repeat;}
.nav{width:786px; height:23px; float:left; margin:0; padding:7px 0 0 0; background:url(images/top.gif) left top repeat; font:bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; letter-spacing:1px;}
.rnav{width:7px; height:30px; float:right; margin:0; padding:0; background:url(images/topright.gif) left top no-repeat;}

a.tlink{color:#FFFFFF; text-decoration:none; outline:none; padding:0 7px 0 7px;}
a.tlink:hover{color:#660000; text-decoration:none; outline:none;}

#banner{width:800px; height:209px; margin:0 25px 0 25px; padding:0; background:none;}

#page{width:800px; margin:0 25px 0 25px; padding:10px 0 10px 0; background:url(images/wbg.gif) center 50px no-repeat;}

#footer{width:800px; margin:0 25px 0 25px; padding:0; height:50px;}

.lfoot{width:7px; height:50px; float:left; margin:0; padding:0; background:url(images/leftbtm.gif) left top no-repeat;}
.foot{width:786px; height:50px; float:left; margin:0; padding:0; background:url(images/btm.gif) left top repeat;}
.rfoot{width:7px; height:50px; float:right; margin:0; padding:0; background:url(images/rightbtm.gif) left top no-repeat;}

.foottop{width:786px; height:20px; margin:0; padding:10px 0 0 0; font:normal 12px Tahoma; color:#333333; text-align:center; letter-spacing:1px;}
a.blink{color:#0054A8; text-decoration:none; outline:none; padding:0 8px 0 8px;}
a.blink:hover{color:#FF6600; text-decoration:underline; outline:none;}

.footbtm{width:786px; height:20px; margin:0; padding:0; font:normal 11px Tahoma; color:#FFFFFF; letter-spacing:1px;}
.fbleft{width:393px; height:20px; margin:0; padding:0; float:left; text-align:left;}
.fbright{width:393px; height:20px; margin:0; padding:0; float:right; text-align:right;}
a.power{color:#FFFFCC; text-decoration:none; outline:none;}
a.power:hover{color:#333333; text-decoration:underline; outline:none;}

.clear{clear:both;}

/* Headers */
h1{margin:0 0 5px 0; padding:3px 0 4px 30px; font:bold 14px Tahoma; color:#004E9B; text-align:left; border-bottom:1px solid #9F0000; letter-spacing:1px; background:url(images/h1.gif) 0 0 no-repeat;}
h2{margin:0 0 5px 0; padding:0 0 5px 25px; font:bold 12px Tahoma; color:#004E9B; text-align:left; letter-spacing:1px; background:url(images/h2.gif) 0 0 no-repeat;}

h4{width:250px; height:28px; margin:0; padding:10px 0 0 0; font:bold 16px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; letter-spacing:1px; background:url(images/h4.gif) 10px 6px no-repeat;}
h5{width:250px; height:28px; margin:0; padding:10px 0 0 0; font:bold 16px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; letter-spacing:1px; background:url(images/h5.gif) 8px 6px no-repeat;}
h6{width:250px; height:28px; margin:0; padding:10px 0 0 0; font:bold 16px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; letter-spacing:1px; background:url(images/h6.gif) 10px 6px no-repeat;}

p.para{margin:0; padding:0; font:normal 12px/18px Tahoma; color:#4A4A4A; text-align:justify; letter-spacing:1px;}

#hbox{width:800px; height:250px; margin:0; padding:0;}

.boxo{width:250px; height:250px; background:url(images/plat.gif) left top no-repeat; float:left; font:normal 11px/16px Tahoma; color:#004E9B; text-align:left; margin:0; padding:0;}
.boxs{width:25px; height:250px; float:left; margin:0; padding:0;}
.boxt{width:250px; height:250px; background:url(images/plat.gif) left top no-repeat; float:left; font:normal 11px/16px Tahoma; color:#004E9B; text-align:left; margin:0; padding:0;}
.boxf{width:25px; height:250px; float:left; margin:0; padding:0;}
.boxfi{width:250px; height:250px; background:url(images/plat.gif) left top no-repeat; float:right; font:normal 11px/16px Tahoma; color:#004E9B; text-align:left; margin:0; padding:0;}

.change{width:231px; height:144px; margin:0; padding:10px 10px 10px 9px;}

.change1{width:231px; height:144px; margin:9px 9px 9px 8px; padding:0; border:1px dotted #333333;}

.change2{width:231px; height:192px; margin:0; padding:10px 10px 10px 9px;}

img.imgquote{width:231px; height:144px; margin:0; padding:0; border:0 none;}
a.hlink{border:0 none; outline:none;}

ul.ulist1{list-style:none; margin:0; padding:0;}

ul.ulist1 li{list-style:none; background:url(images/link.gif) 0 5px no-repeat; padding:0 0 0 20px; margin:0; font:normal 12px/22px Tahoma; color:#400000; text-align:left; letter-spacing:1px;}

a.click{margin:0; padding:0 10px 0 20px; float:right; text-align:right; color:#0080FF; font:normal 14px Arial, Helvetica, sans-serif; background:url(images/link2.gif) 0 2px no-repeat; letter-spacing:1px; text-decoration:none; outline:none;}
a.click:hover{color:#000000; text-decoration:underline; outline:none;}

#adban{width:800px; height:80px; margin:0; padding:0; background:url(images/ad.jpg) left top no-repeat;}

a.llink{color:#005EBB; text-decoration:none; outline:none;}
a.llink:hover{color:#FFFFFF; text-decoration:underline; outline:none;}

/* About us */

ul.ulist2{list-style:none; margin:0; padding:0 0 0 15px;}

ul.ulist2 li{list-style:none; background:url(images/ablink.gif) 0 6px no-repeat; padding:0 0 0 22px; margin:0; font:normal 11px/20px Verdana, Arial, Helvetica, sans-serif; color:#3A3A3A; text-align:left; letter-spacing:0px;}

/* Product */

img.image1{width:135px; height:85px; margin:0 0 0 10px; padding:0; border:0 none; float:right;}

/* Services */

ul.ulist3{list-style:none; margin:0; padding:0 0 0 15px;}

ul.ulist3 li{list-style:none; padding:0 0 0 0; margin:0; font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#3A3A3A; text-align:left; letter-spacing:0px;}

/* Client */

#client{width:800px; margin:0; padding:0;}
.clientleft{width:400px; float:left; margin:0; padding:0;}
.clientright{width:400px; float:right; margin:0; padding:0;}

ul.ulist4{list-style:none; margin:0; padding:0 0 0 20px;}

ul.ulist4 li{list-style:none; background:url(images/clink.gif) 0 3px no-repeat; padding:0 0 0 25px; margin:0; font:bold 12px/25px Arial, Helvetica, sans-serif; color:#006CD9; text-align:left; letter-spacing:1px;}

/* Promotion */


/* Career  Job Enquiry Quote */

#main{width:800px; padding:0; margin:0;}
#mainleft{width:450px; float:left; margin:0; padding:0;}
#mainright{width:350px; float:right; margin:0; padding:0;}
#mainr{width:450px; height:35px; margin:0; padding:0;}
#mainr1{width:450px; height:60px; margin:0; padding:0;}
#mainr2{width:410px; height:20px; margin:10px 20px 10px 20px; padding:0; font:normal 12px/20px Tahoma; color:#4E4E4E; text-align:left;}
.labeln{width:120px; padding:0; margin:0; font:normal 12px/20px Tahoma; color:#4E4E4E; text-align:left; float:left; letter-spacing:1px;}
.rown{width:180px; padding:0; margin:0; font:normal 12px Tahoma; color:#4E4E4E; text-align:left; float:left;}
.dis{width:150px; padding:0; margin:0; font:normal 12px Tahoma; color:#FF3300; text-align:left; float:left;}
.buton1{width:80px; margin:0 15px 0 15px; font:bold 12px Tahoma; color:#4E4E4E; }
img.carimage{width:250px; height:350px; border:0 none; margin:100px 0 0 0; padding:0; float:right;}
img.qimage{width:250px; height:267px; border:0 none; margin:110px 0 0 0; padding:0; float:right;}
img.enimage{width:290px; height:290px; border:0 none; margin:120px 0 0 0; padding:0; float:right;}
.textfl{width:150px;}
.rownup{width:330px; padding:0; margin:0; font:normal 12px Tahoma; color:#4E4E4E; text-align:left; float:left;}
/* Contact */

#contact{width:800px; margin:0; padding:0;}

.contl{width:500px; margin:0; padding:0; float:left;}
.contr{width:300px; margin:0; padding:0; float:right;}

ul.ulist5{list-style:none; margin:0; padding:0 0 0 20px;}

ul.ulist5 li{list-style:none; padding:0 0 0 0; margin:0; font:bold 12px/18px Arial, Helvetica, sans-serif; color:#006CD9; text-align:left; letter-spacing:1px;}

span.bld{font:bold 20px "Book Antiqua"; color:#830AFF; text-align:left;}

a.email{color:#006CD9; text-decoration:none; outline:none;}
a.email:hover{color:#333333; text-decoration:underline; outline:none;}

img.cimage{width:178px; height:200px; border:0 none; margin:0; padding:0; float:right;}