@charset "utf-8";
/* CSS Document */

/* Default */
* { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
body { font-size:12px; line-height:16px; color:#888888; background-color:#f0f4f9; min-width:980px;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.clear {clear: both; display: block; visibility: hidden; line-height:0px;}
ul {list-style:none;}
img {border:none;}
.inner {margin: 0 auto; position: relative; text-align: left; width: 980px;}

/* wrap_header */
#wrap_header { background:url(images/bg_header.gif) repeat-x top center;}
#header {margin: 0 auto; width: 980px;}
#header #logo h1 a {float:left; background: url(images/logo.png) no-repeat top left; width:208px; height:44px; display:block;}
#header #logo h1 a span {display:none;}
#header #logo h1:hover {cursor:pointer;}
#header #search_box { float:right; width:210px; margin-top:10px;}
#header #search_box .form_sch {width:160px; height:15px; padding:3px 5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0b4359; background:url(images/search_box.gif) top left no-repeat; border:none;}
.marl10 {padding-left:10px;}

/* nav */
#wrap_nav { background:url(image/bg_nav.gif) repeat-x top left;}
#nav {margin: 0 auto ; width:980px;position:relative;}
#nav li {float:left; line-height:32px;position:relative;}
#nav li a {float:left; color:#0b4359; font-size:11px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:0 15px;  }
#nav li a:hover { background:url(image/bg_nav_over.gif) repeat-x top left; border-left:1px solid #bdcada;  border-right:1px solid #bdcada; padding:0 14px;}

#nav .nav_level_2{display:none;position:absolute;top:32px;left:0;z-index:100;border:1px solid #bdcada;border-top:none;background:#e6ecf4;}
	#nav .nav_level_2 ul{float:left;height:1%;margin:3px 0 16px; padding: 0 12px; border-right:1px solid #bdcada;}
	#nav .nav_level_2 ul.nav_ul_last{border-right:none;}
	#nav .nav_level_2 li{clear:both;float:left;white-space:nowrap;line-height:18px;}
	#nav .nav_level_2 li h4{margin:0;padding:12px 0 8px;color:#0b4359;}
	#nav .nav_level_2 li h4 a { color:#0b4359; font-weight:bold;}  
	#nav .nav_level_2 li h4 a:hover {text-decoration:underline;}  
	#nav .nav_level_2 li a{display:block;width:100%;text-transform:none;padding:0px;color:#8a8a8a; font-size:12px; font-weight:normal;}
	#nav .nav_level_2 li a:hover{color:#128baa; border:none;padding:0px;text-decoration:underline;background:none;}
	#nav .nav_level_2 li p{width: 100px; padding: 12px 0;}
	#nav .nav_level_2 li a.plink{text-decoration:underline; color:#128baa; font-weight: bold; padding-bottom: 16px;}
	
	#nav #nav_level_2_services{width:574px;}
	#nav #nav_level_2_solutions {width: 400px;}
	#nav #nav_level_2_company{width:360px;}
	#nav #nav_level_2_portfolio {width: 360px;}
	#nav #nav_ul_company {width: 100px;}
	#nav #nav_ul_portfolio {width: 100px;}
#nav li a:hover , #nav li a.current{ background:url(images/bg_nav_over.gif) repeat-x top left; border-left:1px solid #bdcada;  border-right:1px solid #bdcada; padding:0 14px;}	

/* wrap_image */
#wrap_mainimg01 {background-color:#f0f4f9; position:relative; z-index:0; background:url(images/sub_banner-bj.gif) repeat-x  left top; width:100%;}
#main_img {margin:0 auto; width:980px; height:100px; background:url('images/titlebg.jpg') no-repeat;}
#main_img h2{position:relative;top:40px;color:white;}
#main_img h3{position:relative;top:50px;color:white}

/* wrap_contents */
.wrap_contents{ background:#FFF; position:relative; z-index:10;}
  .contents{ width:980px; margin:0 auto;}
    .c_left{ float:left; width:677px; padding-top:18px;}
	    .c_left .title{ padding-bottom:15px; border-bottom:1px solid #d4deea;}
	 	.c_left .title h1{ float:left; width:418px; font-size:16px; color:#0b4359;}
		.c_left .title p.dh{ float:right; text-align:right; font-size:11px; color:#59534e; background: url(images/sub_home_icon.png) no-repeat left 1px; padding-left:20px;}
		 .c_left .title p.dh a{ color:#59534e;}
		  .c_left .text{ padding-top:13px;}
		   .c_left .text p{ padding-bottom:16px; color: #8A8A8A;}
		    .c_left .text h5{ font-size:14px; color:#1193b4; padding: 19px 0 15px; }
		    .c_left .text h5.cleartop{ padding: 0 0 15px; }
		    .c_left .text p a{ text-decoration:underline; color:#8a8a8a;}
		    .c_left .text a:hover{color:#e67f69;}
		   .c_left .text dl.t-in{ padding-top:15px;}
		    .c_left .text dl.t-in dt{ font-size:14px; color:#1193b4; padding-bottom:10px; font-weight:bold;}
			.c_left .text dl.t-in dd{ padding-left:10px; background:url(images/dot.gif) no-repeat left 6px;}
		  .c_left .text h2{ padding:35px 0px 15px 0px; font-size:14px; color:#1193b4; }
		  .c_left .text h4{color:#1b5064; font-size:12px;padding-bottom:25px;}
		   .c_left .text .tt-in{ padding-bottom:35px;}
		     .c_left .text .tt-in h3{color:#1b5064; font-size:12px; padding-bottom: 10px;}
		   .c_left .text .tt-in ul li{ padding-left:10px; background:url(images/dot.gif) no-repeat left 6px; }
		     .c_left .text .tt-in ul li a{ color:#888888; text-decoration:underline;}
		     .c_left .text .tt-in ul li a:hover{color:#e67f69;}
		   .c_left .text .tt-in ul.t-in1{ float:left; width:350px;}
		   .c_left .text .tt-in ul.t-in2{ float:left; width:300px;}
	.c_right{ float:right; width:278px; background:#f0f4f9; border-left:1px solid #d4deea; border-right:1px solid #d4deea; position:relative;}
	  .c_right h2{line-height:18px; padding:13px 0px  15px 20px; width:259px; position:absolute; left:0px; top:-46px; z-index:100; background:#139abb; font-size:16px; color:#FFF;}
	   .c_right ul.nav li{ line-height:40px; border-bottom:1px solid #d4deea;}
	     .c_right ul.nav li a{ display:block; line-height:40px; color:#0b4359; font-weight:bold; padding-left:20px; text-decoration:none;}
		 .c_right ul.nav li a:hover , .c_right ul.nav li a.current{ background:#FFF;}
		
	 .biao{ padding:23px 0px 20px 20px;}
	   .biao h3{ padding-bottom:20px; font-size:13px; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; color:#cf4d31;}
	   .biao .form_txt {width:230px; height:18px; padding:5px; background:url(images/input.gif) no-repeat top left; border:none; margin-bottom:10px; font-size:12px; color:#898989; font-family:Arial, Helvetica, sans-serif;}
       .biao .form_btn {width:105px; height:30px;}
       .biao .textarea {width:230px; height:68px; padding:5px; background:url(images/form.gif) no-repeat top left; border:none; margin-bottom:10px; font-size:12px; color:#898989; font-family:Arial, Helvetica, sans-serif;}
       .biao table {font-size:11px; color:#95a5b7;}
	   .biao table a{ color:#95a5b7; text-decoration:underline;}
	   .tu1{ padding:20px 20px 25px 20px; border-top:1px solid #d4deea; border-bottom:1px solid #d4deea;}
	   .tu1 h3{ float:left; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; color:#0b4359;}
	   .tu1 p{ float:right; padding-right:10px; background:url(images/circle.png) no-repeat right 6px;}
	    .tu1 p a{ font-size:10px; color:#1297b8; text-transform:uppercase; text-decoration:none; font-weight:bold;}
	   .tu1 img{ margin-top:10px;}
	   .tu2 { }
	   .tu2 .tes { background:#FFF; padding:13px 20px;}
	   .tu2 .tes h3{  float:left; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; color:#0b4359;}
	   .tu2  .tes p.ss{ float:right; padding-right:10px; background:url(images/circle.png) no-repeat right 6px;}
	    .tu2  .tes p.ss a{ font-size:10px; color:#1297b8; text-transform:uppercase; text-decoration:none; font-weight:bold;}
	  .tu2 .tep{ padding:15px 20px 20px 34px; background:url(images/sub_sign1.png) no-repeat 10px 6px; color:#666666; text-align:center;}
	  	.tu2 .tep p{width:184px;}
	   .tu2 .tep img{ float:right; margin-top:-14px;}
	   .tu2 .tep p.mm{ clear:both; line-height:18px; padding-top:10px;}
	    .tu2 .tep p.mm b{ color:#149ec1;}
		.tu2 .tep p.mm i{ font-size:11px;}
		
		
/*wrap_main_cont*/
.wrap_main_cont {background-color:#203957; overflow:hidden;}
.main_cont {margin: 0 auto; width:980px;} 
.main_cont ul {float:left; overflow:hidden; width:148px; padding:15px 0px 15px 45px;  border-right:1px solid #2e4562; color:#798a9e;}
.main_cont .none {border:none;}
.main_cont li {width:125px; margin-left:10px;}
 .main_cont li a{ color:#FFF; text-decoration:none;}
.main_cont #icon01 {background:url(images/icon_maincont01.gif) no-repeat 10px 15px;}
.main_cont #icon02 {background:url(images/icon_maincont02.gif) no-repeat 10px 15px;}
.main_cont #icon03 {background:url(images/icon_maincont03.gif) no-repeat 10px 15px;}
.main_cont #icon04 {background:url(images/icon_maincont04.gif) no-repeat 10px 15px;}
.main_cont #icon05 {background:url(images/icon_maincont05.gif) no-repeat 10px 15px;}
.main_cont .title {font-size:15px; font-weight:bold; margin-bottom:10px; color:#FFF;}


/*footer*/
.wrap_footer {background:#f0f4f9 url(images/bg_footer.gif) repeat-x top left; overflow:hidden;  color:#989898;font-size:11px; }
.footer01 {margin: 0 auto; width:980px; }
.footer01 li {float:left; margin-right:10px;}
.footer01 li span {color:#0b4359; text-transform:uppercase;}
.footer01 li a {color:#989898;}
.footer01 .twitter a:hover {color:#358bc5; text-decoration:none;}
.footer01 .facebook a:hover {color:#4b6dab; text-decoration:none;}
.footer01 li img {margin-right:3px;}
.footer01 .footer_call {float:left; width:660px; padding-left:20px; height:36px; line-height:36px;}
.footer01 #footer_sns {float:right; width:136px; padding-left:10px; padding-top:10px;}
   #footer_sns ul li.rss{ margin:0px;}
.footer02 {margin: 0 auto; width:980px; height:50px; padding-top:25px;}
.footer02 #footer_cont {float:left; width:660px; padding-left:20px;}
.footer02 #fooer_intl {float:right; width:290px; padding-left:10px; font-size:10px;font-family:Arial, Helvetica, sans-serif; padding:3px;}
.footer02 #fooer_intl span{ text-transform:uppercase; color:#0b4359; font-weight:bold; font-size:12px; font-family: Helvetica, Arial, sans-serif}
.footer02 #fooer_intl select {margin-left:5px; border:1px solid #ccd2df; width:200px; padding:5px; color:#989898; }
.footer02 a {color:#0b4359;}

/*commucation*/
#wrap_mainimg {background-color:#020202; position:relative; z-index:0; width:100%;}
  .c_left .text p.dj{ padding-top:10px;}
   .c_left .text dl.lx{ padding-bottom:16px;} 
     .c_left .text dl.lx dt{ color: #1193B4; font-size: 14px; font-weight: bold; padding-bottom:15px; padding-top: 19px;}
	 .c_left .text dl.lx dd{ padding-left:10px; background:url(images/dot.gif) no-repeat left 6px;}
	 
/*commucation2*/
  .c_left .text dl.lx1{ padding-top:19px; padding-bottom:16px;} 
     .c_left .text dl.lx1 dt{ font-size:14px; color:#1193b4; padding-bottom:15px; font-weight:bold;}
	 .c_left .text dl.lx1 dd{ padding-left:10px; background:url(images/dot.gif) no-repeat left 6px;}
	 .c_left .text p span a{ color:#888888;}
	 
/*enterprise*/
 .c_left .text h6{ font-size:14px; color:#1193b4; padding: 19px 0 15px;}
 .c_left .text dl.lx2{  padding-bottom:15px; } 
     .c_left .text dl.lx2 dt{ font-size:12px; color:#1b5064; font-weight:bold;}

/*servers*/
.wrap_mainimg { background: url(images/server-banner-bj.gif) repeat-x left top; position:relative; z-index:0; width:100%;}
 .c_right .dz{ padding: 25px 20px 0;}
  .c_right .dz h4{ color:#1193b4; font-size:11px; font-family: Helvetica, Arial, sans-serif; text-transform:uppercase; padding-bottom:15px; border-bottom:1px solid #d4deea;}
  .c_right .dz h5{ color:#0b4359;  font-size:12px; padding:15px 0px;}
    .c_right ul.servers li { padding:0px 20px 0px 23px; background:url(images/dot.gif) no-repeat 16px 6px;}
	.c_right .dzs{ padding:30px 20px 0px 20px;}
	.c_right .dzs h4{ color:#1193b4; font-size:11px; font-family: Helvetica, Arial, sans-serif; text-transform:uppercase; padding-bottom:11px; border-bottom:1px solid #d4deea;}
  .c_right .dzs h5{ color:#0b4359;  font-size:12px; padding:10px 0px;}
	.c_right .tj{ padding:0px 20px 20px 20px;}
	.c_right .tj p{ padding-bottom:15px}
	.c_right .tj p img{ padding:0px 30px 0px 0px;}

   .c_left .text p.ser{ font-size:12px; color:#0b4359; padding:10px 0px; font-weight:bold;}
    .c_right ul.server li { padding:15px 20px 10px 23px; background:url(images/dot.gif) no-repeat 16px 21px;}
	
/*company*/
 .c_left .text dl.xin{ padding-bottom: 16px; } 
     .c_left .text dl.xin dt{ padding-bottom: 10px;}
	  .c_left .text dl.xin dd{padding-left:10px; background:url(images/dot.gif) no-repeat left 6px;}
/*testimonals*/
	  .c_left .text .sj{ border-bottom: 1px dashed #ccc;}
	  
	   .c_left .text .testi{ padding:13px 0px 5px 0px;  border-bottom: 1px dotted #e6e6e6;}
		  .c_left .text  .testi p.tt{ line-height:20px;}
			 .c_left .text .testi .xl{ text-align:right; line-height:20px;}
			   .c_left .text .testi .xl b{ color:#149fc2;}
	/*partner*/		   
		  .c_left .text .partner {float:left;  margin-bottom: 10px;  width: 330px;}
	        .c_left .text .partner .img-box{ float:left; width:100px;}
               .c_left .text .partner .img-box img{ border:1px solid #E0E0E0;}
		    .c_left .text .partner .text-box{ float:right; margin-right:15px; width:200px;}
		      .c_left .text .partner .text-box a {color: #495E8F; font-weight: bold;}
/*request*/			  
	 .c_left .text .about { }
       .c_left .text  .about p{ line-height:1.6em;}
	   .c_left .text .about form{ padding:5px 0px 0px 20px;}
	     .c_left .text .about form label{display:block; clear:both; padding-bottom:7px;}
	      .c_left .text .about form label input{ width:263px; height:27px; border:1px solid #cccccc;}
	      .c_left .text .about form label textarea{ width:263px; height:80px; border:1px solid #cccccc;}
          .c_left .text .about form label span{float:left; width:104px; text-align:left; padding-right:20px; padding-top:5px; color:#333333; }
		    .c_left .text .about form label span b{ color:#F00;}
	      .c_left .text .about  form label.btn{ width:325px; text-align:center; margin-top:15px;}
		    .c_left .text .about  form label.btn input{ background: url(images/Request-submit.gif) no-repeat left top; width:73px; height:30px; border:none; cursor:pointer; }

/*webdesgin*/	
#wrap_mainimgxin{background-color:#375172; position:relative; z-index:0; width:100%;}

.c_left .text dl.lx1 dd a{ text-decoration:underline; color: #8A8A8A;}
.c_left .text dl.lx1 dd a:hover{color:#E67F69;}
.c_left .text .pp{ padding-top:15px;}
	.c_left .text .pp h5{ padding-bottom:15px;}
.c_left .text .pp ul li{ float:left; margin-right:13px;}


/*portfolio*/	
  .c_left .text .web ul { float:left; width:100%;}
	 .c_left .text .web ul li{ float:left; padding-right:20px; padding-top:20px;}
     .c_left .text .web ul li.last{padding-right:0;}
	 .c_left .text .web ul li img{ border:1px solid #ccc;}
 .c_left .text .pager{ float:left; width:100%; padding:30px 0px 30px 0px; text-align:center;}
   .c_left .text .pager ul li{ display:inline; margin: 0 2px; color:#093874;}
	 .c_left .text .pager ul li span{padding:3px 7px; border:1px solid #403732; background:#0b4189; color:#fff;}
	 .c_left .text .pager ul li a{padding:3px 7px; color:#093874; border:1px solid #fff;}
	 .c_left .text .pager ul li a:hover{border:1px solid #666; background:#3a69a6; color:#fff;}
	 .c_left .text .pager ul li.pre a { color:#0c4898;}
	 .c_left .text .pager ul li.next a { color:#0c4898;}
	 .c_left .text	.pager ul li.pre a:hover{ color:#fff;}
	 .c_left .text	 .pager ul li.next a:hover{ color:#fff;}
	 
/*case study*/	
    .c_left .text .web1{ border-top:1px dotted #ccc;}
	 .c_left .text .web1 .web-case{ border-bottom:1px dotted #ccc; padding-bottom:13px;}
    .c_left .text .web1 .web-case img.sp{ float:left; margin-right:20px;}
	.c_left .text .web1 .web-case p.zz{ padding:0px;}
	.c_left .text .web1 .web-case p.zy{ text-align:right; padding:0px;}
	
	/*free quote*/	
	.c_left .text h5 span{ font-size:12px; color:#888;}
		.c_left .text h5 span b{ color:#F30;}
		
   .c_left .text .about form.sp2{ padding:5px 0px 0px 0px;}
	     .c_left .text .about form.sp2 label{display:block; clear:both; padding-bottom:10px; padding-left:30px;}
	      .c_left .text .about form.sp2 label input{ width:263px; height:27px; border:1px solid #cccccc;}
	      .c_left .text .about form.sp2 label textarea{ width:263px; height:80px; border:1px solid #cccccc;}
          .c_left .text .about form.sp2 label span{float:left; width:175px; text-align:right; padding-right:20px; padding-top:5px; color:#333333; }
		    .c_left .text .about form.sp2 label span b{ color:#F00;}
			 .c_left .text .about  form.sp2 p.sp6{ padding:15px 0px 0px 225px;}
		    .c_left .text .about  form.sp2 p.sp6 input.sp4{ background: url(images/Request-submit.gif) no-repeat left top; width:73px; height:30px; border:none; cursor:pointer; }
			.c_left .text .about  form.sp2 p.sp6 input.sp5{ background: url(images/reset.gif) no-repeat left top; width:73px; height:30px; border:none; cursor:pointer; }
			.c_left .text .about form.sp2 label b{ font-weight:normal; color:#ccc;}
			.c_left .text .about form.sp2 label.sp3 input{ width:263px; height:27px; border:1px solid #cccccc;}
          .c_left .text .about form.sp2 label.sp3 span{float:left; width:175px; text-align:right; padding-right:20px; padding-top:5px; color:#333333; }
		  
		  
	/*contact us */
	.c_left .text .t-left{ float:left; padding-top:10px;}
	.c_left .text .t-right{ float:right;  padding-top:29px;}
	
	/*clients */
	.c_left .text .cl .logo3 { float: left; width: 323px; }
	.c_left .text .cl .logo3 ul li img { border: 1px solid #D4DEEA; margin-right: 1px; }
	.c_left .text .cl .company { float: right; width: 300px; }
	.c_left .text .cl .company dl.kk dt { padding-top: 15px; }
	.c_left .text .cl .company dl.kk dd { background: url("images/dot.gif") no-repeat scroll left 7px transparent; padding-left: 10px; }
	
		  
/*quote form*/
#quoteform label.error { color: #F83942; position: relative; top: -5px;}
#quoteform a { color: #95A5B7; text-decoration: underline;}
#quotebigform label.error { color: #F83942; padding-bottom: 0; padding-left: 195px; position: relative; top: 5px;}
#quotebigform a { color: #95A5B7; text-decoration: underline;}
.c_left .text .about form.sp2 label.phone_area { position: relative;}
.c_left .text .about form.sp2 label.phone_area b.area_code {position: absolute; right: 42px; top: 6px;}

/*portfolio*/
#wrap_pfbox ul li {
    background: none repeat scroll 0 0 #EFEFEF;
    float: left;
    height: 140px;
    overflow: hidden;
    margin-right: 20px;
    margin-top: 20px;
    position: relative;
    width: 210px;
}

#wrap_pfbox ul li.last {
	margin-right: 0;
}

.pfbox_txt {
    background: none repeat scroll 0 0 #000000;
    height: 70px;
    line-height: 1.5em;
    opacity: 0.8;
    padding: 7px;
    position: absolute;
    top: 150px;
    width: 196px;
}

#wrap_pfbox .pfbox_txt h2 {
	color: #FFFFFF;
    font-size: 15px;
    line-height: 18px;
    margin: 0;
    padding: 0;
}

.pfbox_txt b {
    color: #999999;
    font-size: 12px;
    font-weight: normal;
}

.pfbox_txt a {
	color: #1193B4;
    text-decoration: none;
}


.pfshow {
    background: url("images/pf_bk.png") no-repeat scroll left top transparent;
    height: 691px;
    margin: 20px 10px;
    overflow: hidden;
    padding: 14px 15px;
    width: 630px;
}

#slider img {
    height: 654px;
    width: 630px;
}
#slider_tit {

    height: 28px;

    margin-bottom: 14px;

}
.sld_back {
    float: right;
}
.c_left .text .nivo-caption p {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.6em;
}


.list-box-01-01{clear:both;}
.list-box-01-01 h3{padding-top:20px;border-bottom:1px solid silver;padding-bottom:10px}
dt{float:left;clear:none;margin-right:10px}
dd{float:left;clear:none;}
dl{clear:both;}
.clearfix{clear:both;}
.ti-01-01{float:left;clear:none;display:block;margin-right:10px}
.tx-01-01{float:left;clear:none;display:block}
.companytbl td{border-left:2px solid silver;padding-left:20px}
.companytbl{margin-bottom:10px}
.contacttbl table{padding:0px;border:1px solid silver;width:650px;margin-bottom:10px}
.contacttbl th{width:200px;text-align:left;background-color:azure;padding:10px}
.contacttbl td{padding:10px}
.contacttbl input, .contacttbl textarea{border:2px solid darkblue}
.btn{border:0px !important}
.txt-center{text-align:center}