*{ margin:0; padding:0}
:focus{ outline:none}
img, fieldset{ border:none}
a{ text-decoration:none}
body{ font-family:Arial, Helvetica, sans-serif; background:url(../images/body_bg.jpg) repeat  0 0}

.wrapper{ margin:0 auto; width:960px}

#header{ float:left; width:100%; background:url(../images/header_bg.png) no-repeat 0 0; height:139px; margin-top:50px; text-align:center; padding-top:42px}
.logo{ margin:0 auto;}

.nav{ float:left; width:100%; background:url(../images/menu_bg.jpg) repeat 0 0; border-radius:5px; border:2px solid #414141; margin-top:8px}
.nav ul{ float:left; list-style:none; background:url(../images/menu_sep.jpg) no-repeat right 2px; padding:0 0 0 70px;}
.nav ul li{ float:left; background:url(../images/menu_sep.jpg) no-repeat left 0px} 
.nav ul li a{ font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif;  padding:24px 26px 21px 26px; display:inline-block; margin-left:5px; letter-spacing:1px;}
.nav ul li a:hover{ background:url(../images/hover_bg.jpg) repeat-x 0 0; margin-left:5px;}
.nav ul li.last{ margin-right:4px}
.nav ul li.active a{ background:url(../images/hover_bg.jpg) repeat-x 0 0; margin-left:5px;}



#body_container{ float:left; width:100%}
.banner{ float:left; width:100%; margin-top:10px}
.banner ul{ float:left; width:100%; list-style:none; height:501px !important}
.banner ul li{ float:left; width:962px; height:501px}
.banner ul li img{ width:962px; height:501px}

.slider_container{ float:left; width:100%; position:relative; z-index:0}
.slider_container .prev{ position:absolute; left:30px; top:250px; z-index:999999; height:60px; width:60px}
.slider_container .next{ position:absolute; right:15px; top:250px; z-index:999999; height:60px; width:60px}

.banner_img{ width:960px; height:380px}

.box{ float:left; width:100%}

.left_sec{ float:left; width:340px; padding-top:20px}
.about_text{ float:left; width:320px; margin:0 0 0 30px}
.about_text p{ font-size:13px; line-height:18px}

.right_sec{ float:right; width:480px; position:relative; z-index:0}
.banner_txt_box{ float:left; width:775px; padding:22px 40px 0 30px}
.banner_txt_box p{ font-size:13px; line-height:18px; }
/*----------------------------------client page----------------------------------*/
.client_img_box{ float:left; width:100%; padding-top:30px}
.client_img_box ul.row1{ float:left; width:100%; position:relative; list-style:none; left:140px}
.client_img_box ul.row2{ float:left; width:100%; position:relative; list-style:none; left:47px; top:-48px}
.client_img_box ul.row3{ float:left; width:100%; position:relative; list-style:none; left:142px; top:-98px}

.client_img_box ul.row1 li{ float:left; width:187px; height:211px; overflow:hidden;  }
.client_img_box ul.row1 li img{ float:left}
/*.client_img_box ul.row1 li.hover{ background:url(../images/hex_colored_img.png) no-repeat 0 0}*/
.client_img_box ul.row1 li a{ float:left; width:100%}

.client_img_box ul.row1 .img1{ background:url(../images/hex_img1.png) no-repeat 0 0}
.client_img_box ul.row1 .img1.hover{ background:url(../images/hex_img1_hover.png) no-repeat 0 0}


.client_img_box ul.row1 .img2{ background:url(../images/hex_img2.png) no-repeat 0 0}
.client_img_box ul.row1 .img2.hover{ background:url(../images/hex_img2_hover.png) no-repeat 0 0}

.client_img_box ul.row1 .img3{ background:url(../images/hex_img3.png) no-repeat 0 0}
.client_img_box ul.row1 .img3.hover{ background:url(../images/hex_img3_hover.png) no-repeat 0 0}


.client_img_box ul.row2 .img4{ background:url(../images/hex_img4.png) no-repeat 0 0}
.client_img_box ul.row2 .img4.hover{ background:url(../images/hex_img4_hover.png) no-repeat 0 0}


.client_img_box ul.row2 .img5{ background:url(../images/hex_img5.png) no-repeat 0 0}
.client_img_box ul.row2 .img5.hover{ background:url(../images/hex_img5_hover.png) no-repeat 0 0}


.client_img_box ul.row2 .img6{ background:url(../images/hex_img6.png) no-repeat 0 0}
.client_img_box ul.row2 .img6.hover{ background:url(../images/hex_img6_hover.png) no-repeat 0 0}


.client_img_box ul.row3 .img7{ background:url(../images/hex_img7.png) no-repeat 0 0}
.client_img_box ul.row3 .img7.hover{ background:url(../images/hex_img7_hover.png) no-repeat 0 0}


.client_img_box ul.row3 .img8{ background:url(../images/hex_img8.png) no-repeat 0 0}
.client_img_box ul.row3 .img8.hover{ background:url(../images/hex_img8_hover.png) no-repeat 0 0}

.client_img_box ul.row3 .img9{ background:url(../images/hex_img9.png) no-repeat 0 0}
.client_img_box ul.row3 .img9.hover{ background:url(../images/hex_img9_hover.png) no-repeat 0 0}





.client_img_box ul.row2 li{ float:left; width:187px; height:211px; overflow:hidden }
.client_img_box ul.row2 li img{ float:left}
.client_img_box ul.row2 li.black{ background:url(../images/black_box.png) no-repeat 0 0; float:left; width:187px; height:131px; text-align:center; padding-top:80px; font-size:24px; color:#FFF}
.client_img_box ul.row2 li.black:hover{ background:url(../images/black_box.png) no-repeat 0 0}
.client_img_box ul.row2 li a{ float:left; width:100%}
.client_img_box ul.row2 li.black a{ font-size:24px; color:#FFF; font-family: 'Conv_fontscore.com_a_avenir-next-lt-pro'}

.client_img_box ul.row3 li{ float:left; width:187px; height:211px; overflow:hidden }
.client_img_box ul.row3 li img{ float:left}
.client_img_box ul.row3 li.black{ background:url(../images/black_box.png) no-repeat 0 0; float:left; width:187px; height:151px; text-align:center; padding-top:60px;}
.client_img_box ul.row3 li.black a{ font-size:24px; color:#FFF; font-family: 'Conv_fontscore.com_a_avenir-next-lt-pro'}
.client_img_box ul.row3 li.black:hover{  background:url(../images/black_box.png) no-repeat 0 0}

/*.client_img_box ul.row3 li:hover{ background:url(../images/hex_colored_img.png) no-repeat 0 0}*/
.client_img_box ul.row3 li a{ float:left; width:100%}


.client_box{ float:left; width:100%; background:#0a0d14; margin-top:10px}
.client_banner{ float:left}
.client_logo_box{ float:left; width:400px; background:url(../images/client_logo_bg.jpg) no-repeat 0 0; height:141px}
.client_logo_box ul{ float:left; width:100%; list-style:none}
.client_logo_box ul li{ float:left}
.client_logo_box .logo1{ margin:20px 0 0 30px}
.client_logo_box .logo2{ margin:40px 0 0 15px}
.client_logo_box .logo3{ margin:20px 0 0 25px}


.client_comment_box{ float:left; width:510px; height:125px; padding:17px 0 0 20px}
.client_comment_box p{ font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#999999; line-height:25px}

.client_img_box{ float:left; width:820px}

.client_list_box{ float:left; width:820px; background:#FFF; margin-left:70px; margin-top:-50px; margin-bottom:15px}
.client_list_box ul{ float:left; width:100%; list-style:none; padding-left:20px; padding-top:20px;}
.client_list_box ul li{ float:left}

.client_list_box .client_btn{ float:left; width:135px; height:25px; background:url(../images/client_btn.png) no-repeat 0 0; color:#FFF; text-align:center; margin-top:15px; padding-top:3px }


/*----------------------------------client page----------------------------------*/


.footer_box{ float:left; width:100%; background:url(../images/btm_strp.jpg) no-repeat left bottom #fff; min-height:80px; margin-top:10px}
.left_box{ float:left; width:500px}
.left_box h3{ font-size:12px; color:#000; margin:35px 0 0 27px; letter-spacing: 1px;}
.left_box h3 span{ color:#999; margin-left:3px;}

.right_box{ float:right; width:400px; margin:10px 55px 0 0; letter-spacing:1px;}
.right_box p{ font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:right; line-height:20px;}
.right_box p .row1{ color:#000; float:left; width:100%}
.right_box p span{ color:#808080; float:left; width:100%}

#footer{ float:left; width:100%; background:#0a0d14; min-height:80px; margin-top:10px}
.copy_rights{ font-size:13px; color:#999999; margin:35px 0 0 30px; float:left; letter-spacing:1px;}
.designed_by{ float:right; margin:20px 55px 0 0}
.designed_by span{ float:right; font-size:12px; line-height:12px; color:#80807e; text-transform:uppercase;}


/*------------------------------------contact us page----------------------------------------------------------*/
.contact_us_bnr{  background:#1a1a1a; float:left; width:100%; padding-bottom:20px; margin-top:10px }
.contact_us_bnr img{ left:0; top:0; z-index:0000}
.banner_container{ float:left; width:902px; margin-top:-85px; margin-left:30px; background:url(../images/banner_container_bg.png) repeat 0 0; position:relative; z-index:2; overflow:hidden}
.side_img{ float:left; width:55px; height:400px}
.banner_para{ padding:22px 60px 0px 80px; font-size:13px; line-height:18px}
.left_side_box{ float:left; width:330px}
.left_side_box ul{ float:left; width:140px; list-style:none; padding: 20px 0 0 25px}
.left_side_box ul li{ margin-bottom:7px; font-size:13px;}
.left_side_box ul li a{ font-size:13px; color:#000; }

.left_side_btn{ float:right; background:url(../images/btn_bg.png) no-repeat 0 0; color:#FFF; font-size:14px; width:140px; height:23px; text-align:center; padding-top:5px; margin-top:25px}

.map_box{ float:left; width:300px; border:2px solid #999999; margin:40px 0 0 25px; position:relative}
.map_bottom_box{ position:absolute; width:100%; background:url(../images/map_shadow_bg.png) repeat 0 0; height:55px; left:0; bottom:0}
.map_bottom_box p{ text-align:right; font-size:10px; line-height:14px; color:#000; padding:15px 12px 0 0}

.right_side_box{ float:left; width:515px}
.right_side_box span{ float:left; width:100%; background:url(../images/txt_box_bg.png) no-repeat 0 0; height:40px}
.right_side_box .message_box{ float:left; width:100%; background:url(../images/mesage_box_bg.png) no-repeat 0 0; height:185px; margin-bottom:18px; *height:195px}
.right_side_box form{ float:left; width:430px; margin:40px 0 10px 40px}
.right_side_box form input[type="text"]{ float:left; width:91%; background:none; border:none; font-size:12px; color:#848580; margin:12px 0 0 10px}
.right_side_box form textarea{ float:left; width:88%; background:none; border:none; font-size:12px; color:#848580; margin:12px 0 0 8px; height:165px; font-family:Arial, Helvetica, sans-serif;}
form input[type="button"]{ float:right; background:url(../images/btn_bg.png) no-repeat 0 0; width:140px; padding:5px 0 6px 0; border:none; font-size:14px; color:#FFF; margin:10px 5px 0 0; cursor:pointer}
.form_bg{ float:left; width:100%; background:#abd3dd; padding:15px 0 0 15px;}



/*------------------------------------Testimonial page----------------------------------------------------------*/

.box{ float:left; width:100%}
.box p{ font-size:13px; line-height:18px; color:#000; margin-bottom:20px}
.box ul{ float:left; width:100%; list-style:none; padding-bottom:25px}
.box ul li{ float:left; background:url(../images/seperator.jpg) no-repeat right 3px; font-size:12px; padding:0 5px; font-style:italic}
.box ul li.first{ font-style:normal; font-weight:bold; padding-left:0; font-size:12px}
.box ul li.last{ background:none; padding-right:0; margin-right:0; font-size:12px}
.box img{ margin-bottom:7px}
.box span{ float:left; width:100%; font-size:12px; padding:0 5px; font-style:italic;}
.box ul li.last1{ width:100%; background:none; padding:0; margin-right:0; font-size:12px;}

.left_box_testimonial{ float:left; width:370px; margin:25px 0 0 30px}
.right_box_testimonial{ float:left; width:370px; margin:25px 0 0 50px}

/*------------------------------------Testimonial page----------------------------------------------------------*/

.service_box{ float:left; width:93%}
.service_text{ float:left; width:790px; margin:23px 0 0 30px}
.service_text p{ font-size:13px; line-height:18px; color:#000; padding:0 0 23px 0}

.internal_box{ float:left; width:750px; border-left:3px solid #71cde4; margin: 15px 0 35px 30px; padding-left:30px}
.internal_box h3{ font-size:16px; line-height:18px}
.internal_box p{ font-size:13px; line-height:18px; margin-bottom:20px}

/*------------------------------------About_us page----------------------------------------------------------*/

.about_text p{ font-size:13px; line-height:18px; color:#000; padding:0 0 23px 30px}
.about_text .para1{ font-size:13px; line-height:18px; color:#000; padding:0 0 23px 0; font-weight:bold}

.left_sec .internal_box{ float:left; width:300px; border-left:3px solid #71cde4; margin: 0px 0 25px 40px; padding-left:20px}
.left_sec .internal_box h3{ font-size:16px; line-height:18px}
.left_sec .internal_box p{ font-size:13px; line-height:18px; margin-bottom:0}

.right_sec a{ font-size:17px; color:#FFF; background:url(../images/about_header_bg.png) no-repeat 0 0; width:245px; height:28px; padding:0 12px; top:30px; position:absolute; z-index:999; left:0; text-align:center; padding-top:3px}

.hex_img_box{ float:right; position:absolute; width:600px}


.hex_img_box ul.row1{ float:right; width:100%; list-style:none; position:relative; left:100px; top:-118px}
.hex_img_box ul.row2{ float:left; width:100%; list-style:none; position:relative; top:-170px; left:6px}
.hex_img_box ul.row3{ float:right; width:100%; list-style:none; position:relative; left:100px; top:-222px}
.hex_img_box ul.row4{ float:left; width:100%; list-style:none; position:relative; left:4px; top:-275px}

.hex_img_box ul.row1 li{ width:185px; float:left; height:177px; padding:35px 0 0 0; text-align:center; margin-left:3px; margin-top:3px}
.hex_img_box ul.row1 li.grey{ background:url(../images/hex_grey_img.png) no-repeat 0 0; margin-left:3px; margin-top:3px; float:left}
.hex_img_box ul.row1 li.blue{ background:url(../images/hex_img.png) no-repeat 0 0; margin-left:3px; margin-top:3px; float:left;}
.hex_img_box ul.row1 li.blue h3{ font-size:13px; }
.hex_img_box ul.row1 li.blue p{ font-size:11px}
.hex_img_box ul.row1 li.li1{ background:url(../images/hex_colored_img.png) no-repeat 0 0}

.hex_img_box ul.row2 li{ width:185px; float:left; height:177px; padding:35px 0 0 0; text-align:center; margin-left:3px; margin-top:3px;}
.hex_img_box ul.row2 li.grey{ background:url(../images/hex_grey_img.png) no-repeat 0 0; margin-left:3px; margin-top:3px; float:left}
.hex_img_box ul.row2 li.blue{ background:url(../images/hex_img.png) no-repeat 0 0; margin-left:3px; margin-top:3px; float:left}
.hex_img_box ul.row2 li.blue h3{ font-size:13px; margin-bottom:5px}
.hex_img_box ul.row2 li.blue p{ font-size:11px; padding:0 9px}


.hex_img_box ul.row3 li{ width:185px; float:left; height:177px; padding:35px 0 0 0; text-align:center; margin-left:3px; margin-top:3px}
.hex_img_box ul.row3 li.grey{ background:url(../images/hex_grey_img.png) no-repeat 0 0; margin-left:3px; margin-top:3px; float:left;}
.hex_img_box ul.row3 li.blue{ background:url(../images/hex_img.png) no-repeat 0 0; margin-left:3px; margin-top:3px; float:left;}
.hex_img_box ul.row3 li.blue h3{ font-size:13px; margin-bottom:5px; font-weight:bold }
.hex_img_box ul.row3 li.blue p{ font-size:11px; padding:0 9px;}

.hex_img_box ul.row4 li{ width:185px; float:left; height:177px; padding:35px 0 0 0; text-align:center; margin-left:3px; margin-top:3px;}
.hex_img_box ul.row4 li.grey{ background:url(../images/hex_grey_img.png) no-repeat 0 0; margin-left:3px; margin-top:3px; float:left;}
.hex_img_box ul.row4 li.blue{ background:url(../images/hex_img.png) no-repeat 0 0; margin-left:3px; margin-top:3px; float:left}
.hex_img_box ul.row4 li.blue h3{ font-size:13px; }
.hex_img_box ul.row4 li.blue p{ font-size:11px}

.client_img_box ul li{ position:relative;}
.client_img_box ul li.black{ position:relative;}

.children1{width:50px; height:128px; position:absolute;  left:26px; top:-12px; z-index:9}
.children2{width:50px; height:128px; position:absolute;  left:101px	; bottom:-15px; z-index:9 }
.children3{width:50px; height:128px; position:absolute; left:110px; top:-13px; z-index:9}
.children4{width:50px; height:128px; position:absolute;  left:26px; bottom:-11px; z-index:9 }
.middle{  height:90px; position:absolute; top:53px; width:180px; z-index:9; text-align:center; color:#FFF; left:0}
.middle .contain{ text-align:center}
.middle .contain strong{ font-size:16px; color:#FFF; font-weight:bold; text-align:center; margin: 30px 0 5px 0; width:100%; display:inline-block; margin-top:40px}
.middle .contain small{ font-size:14px; color:#FFF; margin:0 15px; display:inline-block; width:100%; display:none;}
.ftr_logo{ float:right}