@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, p, span, label, form, input, ul, li, ol, dl, br, img, div, textarea, checkbox, radio, button, textarea, select, hr, a, fieldset{margin:0; padding:0; font-weight:normal; font-style:normal;}
body{font-size:62.5%; font-weight:normal; font-style:normal; color:#686868; font-family:Arial, Helvetica, sans-serif; background:url(../images/bg.jpg) 0 0 repeat-x}
* {margin:0; padding:0;}
html{ height:100%;}
input, select, radio{ vertical-align:middle;}
.clearfix {display: block;}
.clearfix:after {content:".";display: block;clear:both; visibility: hidden;line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix{height:1%;}
clear{clear:both;}
a img{border:0;}
p{font-size:120%; color:#666666; padding:0; margin:0; line-height:120%; display:block;}
p.dtp {float:right; color:#333333; width:46%; padding-right:5px;}
p.dtp span{font-size:1.5em; line-height:120%;}
p.dtp img{ margin-right:7px;}
p.dtp a{ font-size:1em; color:#003D7D; font-weight:bold;}
p.dtp a:hover{ font-size:1em; color:#003D7D; text-decoration:underline;}
p.stepline{background:url(../images/step_line.gif) right top no-repeat; float:left; width:50%;}

a{text-decoration:none; font-size:120%; color:#6F6F6F;}
a:hover{text-decoration:underline;}
a.online{border:1px solid #cccccc; padding:3px 10px 3px 3px; float:right; background:url(../images/btn_bg.jpg) left bottom repeat-x #ffffff; font-family:Calibri,Arial,Helvetica,sans-serif; font-size:180%; text-transform:uppercase; color:#333333; font-weight:bold; margin-left:15px; line-height:160%;}
a.online:hover{color:#666666;}

h2 {font-family:Calibri,Arial,Helvetica,sans-serif; font-size:230%; color:#000000; font-weight:normal; font-style:normal; line-height:160%; margin:0; padding:0; }
h3{color:#FFFFFF; display:block; font-family:Calibri,Arial,Helvetica,sans-serif; font-size:2.2em; font-weight:bold; line-height:38px; text-align:center; background-color:#0D47A8;
}
h3 a{color:#FFFFFF; font-weight:bold;}
h3 a:hover{color:#87ABE7;}

.msg{color:#FF0000; display:block; font-family:Calibri,Arial,Helvetica,sans-serif; font-size:1.5em; font-weight:bold; line-height:20px; text-align:left; background-color:#99CCFF; padding:5px;
}


#wrapper{width:960px; margin:0 auto; min-width:960px;}
#header{width:100%; float:left; padding-top:10px;}
#header h1{ width:255px; float:left; display:block; padding:5px 0 0 12px;}
#header h1 span{ display:none;}
#header_right{width:673px; float:right; text-align:right;}
#flag{float:right; width:100%; font-family:tahoma; font-size:1.1em;}
#flag a img{margin-left:.5%; vertical-align:middle;}
#butons{padding-top:10px; float:right; width:100%;}
#butons img{margin-right:5px; vertical-align:middle;}

#navigation{width:100%; float:left; background:url(../images/navbg.jpg) left top repeat-x #272727; margin-top:10px;}
#navigation ul{list-style:none; margin:0; padding:0;}
#navigation ul li{ line-height:normal; float:left;}
#navigation ul li a{font-size:1.3em; color:#FFFFFF; line-height:110%; padding:5px 9px; text-transform:uppercase; display:block; background:url(../images/nav_a_right.jpg) right top repeat-y ;}
#navigation ul li a:hover{ background:url(../images/nav_hover.jpg) left top repeat-x #4e4e4e; text-decoration:none;}
#navigation ul li a.active{ background:url(../images/nav_active.jpg) left top repeat-x #00347a;}

#banner{width:100%; float:left; height:300px;}

#content{width:100%; float:left; padding:20px 0 20px 0;}
#content_left{width:75%; float:left; }
.content_row{width:100%; float:left; padding-bottom:20px;}
.content1{width:33%; float:left;  background: url(../images/content1_bg.jpg) 0 0 repeat-x;}
.content1 h2{padding-left:15px;}
.content2{float:left; background: url(../images/content2_bg.jpg) 0 0 repeat-x; width:100%;}
.content2 p{ background:url(../images/content1_corner.jpg) 15px 0 no-repeat; padding:15px; line-height:140%;}
.content3{float:left; width:100%;  text-align:center;}
.content3 a{color:#333333; font-size:1.4em; line-height:29px; background: url(../images/content3_bg.jpg) 0 0 repeat-x; margin:0 10px; display:block;}
.content3 a:hover{color:#828282;}
#also{border:1px solid #d0d0d0; background:url(../images/ourservicesbg.gif) left bottom repeat-x; float:left; width:99%;}
#also h3{ font-size:1.6em; font-weight:normal; line-height:28px;}




#content_right{width:23%; float:right;}
.nav_right{border:1px solid #d0d0d0; background:url(../images/ourservicesbg.gif) left bottom repeat-x; float:right; width:100%; display:inline; margin-bottom:10px;}
.nav_right ul{ list-style:none; margin:0; padding:8px 0 0 0;}
.nav_right ul li{ line-height:normal;}
.nav_right ul li a{color:#3C3C3C; display:block;  font-family:Arial,Helvetica,sans-serif;  font-size:1.4em;  font-weight:normal; text-decoration:none; width:93%; line-height:30px; padding-left:15px; background:url(../images/left_nav_a.jpg) left bottom repeat-x;}
.nav_right ul li a:hover{color:#999999;}
.nav_right ul li a img{margin-right:3px;}
.also_center{padding:12px 0 9px 15px; float:left; width:96%;}
.jointeam{width:222px; float:left; background:url(../images/starttowork.gif) left bottom no-repeat; height:76px; margin-bottom:15px;}
.recomend{border:1px solid #d0d0d0;  float:right; width:100%;  margin-bottom:10px;  background:url(../images/recom_mid.jpg) left bottom repeat-x;}
.recomend a{background:url(../images/recom_img.jpg) 190px 3px no-repeat; padding:5px 8px; display:block; font-family:Calibri,Arial,Helvetica,sans-serif; font-size:1.4em; font-style:normal; font-weight:bold; color:#434343; line-height:25px;}
.recomend a:hover{color:#999999;}
.recomend img{margin-right:5px; vertical-align:middle;}

#footer_box {float:left; width:960px; background-color:#f2f0f1; text-align:center; padding:15px 0 15px 0; margin-bottom:15px;}
#footer_box a{font-size:1.1em; padding:0 1px;}

#footer {float:left; width:960px; text-align:center; padding:15px 0 60px 0; margin-bottom:15px; background:url(../images/footer_bg.gif) 0 0 repeat-x; font-size:1em;}
#footer img{margin-right:2px;}
#footer p{margin-right:2px; padding:8px 0 0 0; display:inherit;}
#footer a{font-size:1em; padding:0 1px;}


#service{width:100%; float:left; margin-top:10px; margin-left:0px;}
#service ul{list-style:url(../images/bullet.gif); margin:5px; padding:5px;}
#service ul li{ line-height:normal; margin-top:10px; margin-left:20px;}
#service ul li a{font-size:1.3em; color:#000000; line-height:110%; padding:5px 9px; text-decoration:none}
#service ul li a:hover{ color:#999999; style:none; text-decoration:none}

h4 {font-family:Calibri,Arial,Helvetica,sans-serif; font-size:110%; color:#000000; font-weight:normal; font-style:normal; line-height:110%; margin:0; padding:0; }

#subservice{width:20%; float:left; margin-top:10px; margin-left:0px;}
#subservice ul li ol{ list-style:url(../images/bullet.gif); margin:5px; padding:5px;}
#subservice ul li ol li{ line-height:normal; margin-top:10px; margin-left:20px;}