@charset "utf-8";
/* CSS Document */
body{margin:0px auto; font-family:Arial, Helvetica, sans-serif; line-height:1.4; font-size:11px;}
#main{width:960px; height:auto;position:relative;margin:0px auto;}

#headerl{width:256px; height:133px;float:left;background-image:url(../images/logo.jpg);}
#headerr{width:704px; height:95px;float:left;background-image:url(../images/tel.jpg);}

#slide{width:960px;height:289px;background-image:url(../images/image01.jpg);}
#slide2{width:960px;height:289px;background-image:url(../images/contact_im.jpg);}
#slide3{width:960px;height:289px;background-image:url(../images/vacancy_im.jpg);}
#slide_text{width:363px; height:auto;padding:135px 47px 0px 551px;} 
#slide_text p{padding:20px 20px 0 19px;color:#FFFFFF;font-size:14px;} 

#content{width:960px; height:auto;Background-image:url(../images/slice.jpg);background-repeat:repeat-y;}
#content2{width:960px; height:auto;Background-image:url(../images/about_s.jpg);background-repeat:repeat-y;}

#leftcl{width:769px; height:auto; float:left;}
#rightcl{width:191px; height:auto; float:left;}
#rightcl p {color:#FFFFFF;padding:10px 15px 5px 10px;}
#rightcl a{color:#FF9933;}


.endfloat{clear:both;}
#c1{width:269px; height:auto; padding:20px 10px 0px 20px;float:left;}
#c1b{width:488px; height:auto; padding:20px 10px 0px 20px;float:left;}
#c2{width:219px; height:auto; padding:20px 10px 0px 10px;float:left;}
#c3{width:211px; height:auto; padding:20px 10px 0px 10px;float:left;}

#navcl{width:182px; height:450px;padding-top:20px;background-image:url(../images/about_bg.jpg); background-repeat:no-repeat;float:left;}
#rcl{width:778px; height:auto; float:left;}
#a_slide{width:778px; height:213px; background-image:url(../images/about_im.jpg);}
#a_slide_text{width:333px; height:auto;padding:73px 27px 0px 415px;}
#a_slide_text p{padding:20px 20px 0 19px;color:#FFFFFF;font-size:14px;} 
#a_slide_l{width:778px; height:213px; background-image:url(../images/latest_im.jpg);}
#a_slide_h{width:778px; height:213px; background-image:url(../images/health_im.jpg);}
#a_slide_d{width:778px; height:213px; background-image:url(../images/design_im.jpg);}
#a_slide_r{width:778px; height:213px; background-image:url(../images/retain_im.jpg);}
#a_slide_w{width:778px; height:213px; background-image:url(../images/wall_im.jpg);}
#a_slide_s{width:778px; height:213px; background-image:url(../images/soil_im.jpg);}
#a_slide_ro{width:778px; height:213px; background-image:url(../images/rock_im.jpg);}
#a_slide_cp{width:778px; height:213px; background-image:url(../images/cp_im.jpg);}
#a_slide_ri{width:778px; height:213px; background-image:url(../images/rein_im.jpg);}
#a_slide_ss{width:778px; height:213px; background-image:url(../images/slope_im.jpg);}
#a_slide_mi{width:778px; height:213px; background-image:url(../images/mini_im.jpg);}
#a_slide_pi{width:778px; height:213px; background-image:url(../images/pile_im.jpg);}
#a_slide_ca{width:778px; height:213px; background-image:url(../images/case_im.jpg);}
#a_slide_dover{width:778px; height:213px; background-image:url(../images/dover_im.jpg);}
#a_slide_cater{width:778px; height:213px; background-image:url(../images/cater_im.jpg);}
#a_slide_ma{width:778px; height:213px; background-image:url(../images/marine_im.jpg);}
#a_slide_ho{width:778px; height:213px; background-image:url(../images/holm.jpg);}
#a_slide_ay{width:778px; height:213px; background-image:url(../images/ayles_im.jpg);}
#a_slide_na{width:778px; height:213px; background-image:url(../images/nail_im.jpg);}
#a_slide_chi{width:778px; height:213px; background-image:url(../images/chine_im.jpg);}
#a_slide_a3{width:778px; height:213px; background-image:url(../images/hind_im.jpg);}
#a_slide_dr{width:778px; height:213px; background-image:url(../images/drive_im.jpg);}
#a_slide_gr{width:778px; height:213px; background-image:url(../images/green_im.jpg);}


#case1{width:200px; height:110px;float:right;padding:10px 30px 10px 160px;background-image:url(../images/case.gif);text-align:right;margin-top:10px;}
#case1 h1{font-size:14px;}
#case2{width:300px; height:110px;float:right;padding:10px 30px 10px 160px;background-image:url(../images/case2.gif);text-align:right;margin-top:5px;}
#case2 h1{font-size:14px;}
#case3{width:252px; height:110px;float:right;padding:10px 30px 10px 150px;background-image:url(../images/case3.gif);text-align:right;margin-top:5px;}
#case3 h1{font-size:14px;}
#case4{width:200px; height:110px;float:right;padding:10px 30px 10px 160px;background-image:url(../images/case4.gif);text-align:right;margin-top:5px;}
#case4 h1{font-size:14px;}
#case5{width:300px; height:110px;float:right;padding:10px 30px 10px 160px;background-image:url(../images/case5.gif);text-align:right;margin-top:5px;}
#case5 h1{font-size:14px;}
#case6{width:252px; height:110px;float:right;padding:10px 30px 10px 150px;background-image:url(../images/case6.gif);text-align:right;margin-top:5px;}
#case6 h1{font-size:14px;}
#case7{width:200px; height:110px;float:right;padding:10px 30px 10px 160px;background-image:url(../images/case7.gif);text-align:right;margin-top:5px;}
#case7 h1{font-size:14px;}
#case8{width:252px; height:110px;float:right;padding:10px 30px 10px 150px;background-image:url(../images/case8.gif);text-align:right;margin-top:5px;}
#case8 h1{font-size:14px;}

#contactf{width:459px;height:303px; background-image:url(../images/contact_back.gif);float:left;position:relative;}
/* contactform */

#name_qc, #email_qc, #telephone_qc, #reason_qc, #enquiry_qc, #pin_qc  {position:absolute;width:300px;background-color:#FFFFFF; border:none;color:#000000;}
#name_qc{left: 122px;top: 59px;}
#email_qc{left: 122px;top: 89px;}
#telephone_qc{left: 122px;top: 118px;}
#reason_qc{left: 373px;top: 923px;}
#enquiry_qc{left: 122px;top: 152px;}
#pin_qc{left:122px;top:230px;}

.box{width:510px; height:auto; padding:5px 10px 5px 20px;}
.picture{padding:1px;border:1px solid #CCCCCC; margin-right:5px; margin-bottom:5px;} 
.picture2{padding:1px;border:1px solid #CCCCCC;margin-bottom:5px;} 


#text_cl{width:585px; height:auto;float:left;}
.text_clp{padding:20px 20px 0 20px}
#text_cl h1{margin:0px; padding:0 0 5px 0;}
#text_cl h4{padding:6px 0;font-size:12px; font-weight:bold;color:#003366;}
.image{border:1px solid #CCCCCC; padding:1px;}

#resource{width:173px;height:auto;float:left;padding:0 10px 0px 10px;}
#resource h2{color:#FF9900; font-size:14px;padding:20px 0 6px 0; margin:0;}
#resource p{color:#ffffff;}
#resource a{color:#FF9933;}


#footer{width:960px;height:30px; background-image:url(../images/footer.jpg);padding-top:137px;}
#footer2{width:960px;height:30px; background-image:url(../images/footer2.jpg);padding-top:137px;}
#footer a{color:#FFCC33;}
.left{float:left;padding-left:10px;color:#FFFFFF;}
.right{float:right;padding-right:20px;color:#FF99CC;}

/* navigation */

#nav { width:694px; height:32px;background-image:url(../images/navback.jpg);padding-top:5px;z-index:1001;padding-left:10px;float:left;}
#nav ul { margin:0;padding:0px;list-style:none;}
#nav ul li { background:url(../images/bullet.jpg); background-position:3px 3px;background-repeat:no-repeat; float:left; padding:0 5px 0 0;margin:0px;list-style:none; }
#nav ul li a { font-size:10px; color:#ffffff; padding:0 5px 0 20px;text-decoration:none; }
#nav ul li a:hover { color:#daa520; text-decoration:none; }
#nav ul li a#navEnd { border:none; }
#nav ul ul { display:none;}

h1{font-size:10px;font-weight:bold;color: #3D6E8C;margin:0px; padding:20px 0 0 20px;}
p{margin:0px; padding:7px 0;}
h3{margin:0; padding:0 0 5px 0;font-size:16px; font-weight:bold;}
h4{margin:0; padding:5px 0;font-size:14px; font-weight:bold;color:#016497;}
h5{margin:0;padding:5px 0;font-size:11px;font-weight:bold;color:#376984;}
a{text-decoration:none;color:#376984;font-weight: bold;}
ul{margin:0; padding:5px 0 5px 15px;line-height:1.4;list-style-image:url(../images/bullet2.jpg);}
li{margin:0; padding:0;}
.link{color:#FF9900;}
.style1 {font-size: 14px}