/* CSS Document */

body {
	background:#2A292E;
	font: 14px/22px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #404040;
}
img{ border:none;}
a{ text-decoration:none; color:#9FC450}
a:visited{ color:#9FC450}
a:hover{ text-decoration:none; color:#BC1D34}
h2{ margin:10px 0;}

ul, ul li{ margin:0; padding:0; list-style:none; list-style-image:none;}
span.clear{ display:block; clear:both; height:1px; margin:0 0 -1px; line-height:1px; font-size:0; line-height:0;}
p{ margin:0;}
#wrapper{ width:812px; margin:0 auto;}
#header{ width:100%; margin:100px 0 0;}
#logo{ float:right; padding:0 18px 0 0;}
#navi{ width:530px; float:left; margin:14px 0 0 18px;}
#navi ul li{ float:left; min-width:54px; margin:0 10px 0 0;}
#navi ul li a{ display:block; color:#73B7CE; padding:0 0 0 14px; line-height:24px; font-size:16px; font-weight:bold;}
#navi ul li.last a{ color:#E25E0B}
#navi ul li a.active{background:url(../images/tabs.jpg) no-repeat 0 0; color:#9FC453}
#navi ul li a:hover{color:#9FC453}
#navi ul li a span{ display:block; padding:12px 14px 12px 0;}
#navi ul li a.active span{ background:url(../images/tabs.jpg) no-repeat 100% -49px;}

.central-block{ margin:0; padding:11px 0 0; background: url(../images/mainbox_top.jpg) no-repeat 0 0; width:100%; color:#E7E7E9}
.central-block .bottombar{ background:url(../images/mainbox_bottom.jpg) no-repeat 0 100%; padding:0 0 25px;}
.central-block .innerbox{ background:url(../images/mainbox_body.jpg) repeat-y 0 0; padding:20px 31px; height:100%;}
.central-block h2.title{ font-size:16px; color:#E25E0B; margin:0 0 20px;}
.central-block p{ padding:0px 20px; text-align:justify}

#central-block .iconintro{ float:right; margin:114px 0 0; font-size:16px; color:#fff; padding:0 30px 0 0; font-weight:bold;}
#central-block .intro-first{ padding:0 125px 0 0;}

.servicebox{ padding:0 20px; font-family:Arial, Helvetica, sans-serif;}
.servicebox h2{ font-size:18px; line-height:24px; padding:0 0 10px; margin:0; color:#ddd;}
.servicebox ul li a, .servicebox ul li a:visited{ color:#ddd;}
.servicebox .sub { color:#191919; font-size:12px; display:none; font-style:italic;}

.ser_blue{ width:327px; float:left; background:#1F82D7 url(../images/box_bg_blue_def.jpg) repeat-x 0 100%;}
.ser_blue_bbar{ background:url(../images/service_bbt.jpg) no-repeat 0 100%; padding:0 0 13px; width:100%; float:left;}
.ser_blue_inner{ padding:2px 13px; width:301px; text-align:right;}

.ser_red{ width:327px; background:#DA1145 url(../images/box_bg_red_def.jpg) repeat-x 0 100%; float:right;}
.ser_red_bbar{ background:url(../images/service_rbt.jpg) no-repeat 0 100%; padding:0 0 13px; width:100%; float:right;}
.ser_red_inner{ padding:2px 13px; width:301px;}


.shadow_blue{ background:url(../images/box_blue_bottom.jpg) repeat-x 0 100%; padding:0 0 18px; float:left;}
.shadow_blue:hover{ background-position: 100% 100%; }

.shadow_red{ background:url(../images/box_red_bottom.jpg) repeat-x 0 100%; padding:0 0 18px; float:right;  width:327px;}
.shadow_red:hover{ background-position: 100% 100%; }

b.bt1, b.bt1 b{ height:12px; background:transparent url(../images/box_blue_corners.jpg) no-repeat scroll 0 0; display:block; font-size:1px; position:relative;}
b.bt1{ left:0; top:0;}
b.bt1 b {background-position:100% -12px;left:0;top:0;}

.shadow_blue:hover .ser_blue{ background:#1F82D7 url(../images/box_bg_blue_hov.jpg) repeat-x 0 0; cursor:pointer;}
.shadow_blue:hover b.bt1{ background-position:0 -24px;}
.shadow_blue:hover b.bt1 b {background-position:100% -36px;left:0;top:0;}

b.bt2, b.bt2 b{ height:12px; background:transparent url(../images/box_red_corners.jpg) no-repeat scroll 0 0; display:block; font-size:1px; position:relative;}
b.bt2{ left:0; top:0;}
b.bt2 b {background-position:100% -12px;left:0;top:0;}

.shadow_red:hover .ser_red{ background:#DA1145 url(../images/box_bg_red_hov.jpg) repeat-x 0 0; cursor:pointer;}
.shadow_red:hover b.bt2{ background-position:0 -24px;}
.shadow_red:hover b.bt2 b {background-position:100% -36px;left:0;top:0;}

#content{ margin:0 auto}
b.bt, b.bt b{ display:block; position:relative; height:40px;}
.gray b.bt, .gray b.bt b{ display:block; position:relative; height:46px;}
b.bb, b.bb b{ display:block; position:relative; height:10px;}
b.bb{ background:url(../images/box_bl.jpg) no-repeat; top:-10px}
b.bb b{ background:url(../images/box_br.jpg) no-repeat 100% 0;}

.imagebox{ width:110px; height:100%; float:left; margin:0 20px 0 0; background:#ccc; border:1px solid #ccc; height:160px}
.blockinner{ border:1px solid #ccc; border-top:none; padding:14px; height:170px; overflow:hidden;}

#footer{ margin:0; color:#E7E7E9; padding:0 0 20px;}
.footer-inner{ padding:0 30px;}
.footerlist{ float:left; width:160px; padding:0 20px 0 0;}
.lastlist{ padding:0; width:212px;}
.footerlist h2{ color:#9B9EA5; font-size:18px; font-weight:bold; line-height:24px;}
/*.footerlist ul li{ padding:0 0 0 10px}*/
.footerlist ul li a, .footerlist ul li a:visited, .footerlist ul li{ color:#E7E7E9; font-size:13px}
.footerlist ul li a:hover{ color:#bc1d34}
.footerlist .new {background:none repeat scroll 0 0 #BC1D34; font-size:11px; padding: 0 5px; color:#FFFFFF; text-decoration:none;}


.friendlinks ul li{ padding:0 0 0 16px; background:url(../images/listicon.jpg) no-repeat 0 8px;}
.lastlist ul li{ background: url(../images/contacticon.jpg) no-repeat; padding:0 0 0 30px;}
.lastlist ul li.c1{ background-position: 0 -2px;}
.lastlist ul li.c2{ background-position: 0 -55px;}
.lastlist ul li.c3{ background-position: 0 -105px;}
.lastlist ul li.c4{ background-position: 0 -156px;}

.copyright{ margin:30px 0 0; float: left; font-size:12px; line-height:18px;}
.langbar{ margin:30px 0 0; float:right;}
.langbar a{ padding:0 10px; margin:0 0 0 1px; font-size:12px; line-height:18px; float:left;}
.langbar a, .langbar a:visited{ color:#fff;}
.langbar a:hover, .langbar a.active{ color:#fff; background:#bc1d34; text-decoration:none;}


.clientbox{ background:#2A292E url(../images/client_shadow.jpg) repeat-x 0 100%; padding:0 0 9px; margin:0 20px;}
.clientbox ul{ float:left; width:710px;}
.clientbox ul li{ float:left; text-align:center;border-right:1px solid #424242; border-bottom:1px solid #424242; }
.clientbox ul li a{ filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity:0.4; display:block; width:236px; height:120px; background:#2A292E}
.clientbox ul li.nrb{ border-right:none;}
.clientbox ul li.last{ border-bottom:none;}
.clientbox ul li a:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity:1;}

.showbox{ display:block; clear:both; width:730px; height:300px; float:left; margin:10px 0 30px; padding:0 10px;}
.lastshowbox{ margin:10px 0 0;}
.portphoto{ float:left; padding:5px; background:#2A292E;}
.portinfo{ width:144px; height:300px; padding:0 0 0 14px; float:right; border-left:1px solid #424242; position:relative;}
.portinfo h3{ color:#9FC453; font-size:18px; margin:-2px 0 12px;}
.portinfo .intro{ color:#73B7CE; font-style:italic; font-size:12px; height:230px;}
.portinfo .viewmore{ float:left; margin:20px 0 0; position:absolute; top:262px;}
.portinfo .viewmore a{ padding:0 9px; margin:0 0 0 1px; font-size:12px; line-height:18px; float:left; background:#424242;}
.portinfo .viewmore a, .viewmore a:visited{ color:#fff;}
.portinfo .viewmore a:hover{ color:#fff; background:#bc1d34; text-decoration:none;}
.portinfo .morebox{ display:none;}

.members{ padding:0 20px;}
.members ul li{ width:50%; text-align:left; float:left; margin:0 0 20px;}
.members ul li img{ float: left; border:5px solid #2A292E;}
.members ul li p{ float:right; width:210px; color:#70B7CD}
.members ul li p strong{ font-size:16px; color:#9FC450; padding:0 0 20px; display:block;}

.members ul li a.avatar{ border:5px solid #2A292E; float:left; width:90px; height:90px; position:relative; cursor:pointer;}
.members ul li a#link1{ background:url(../images/avatar/unic.jpg) no-repeat;}
.members ul li a#link2{ background:url(../images/avatar/lazy.jpg) no-repeat;}
.members ul li a#link3{ background:url(../images/avatar/dan.jpg) no-repeat;}
.members ul li a#link4{ background:url(../images/avatar/mauss.jpg) no-repeat;}
.members ul li a#link5{ background:url(../images/avatar/gaitian.jpg) no-repeat;}
.members ul li a#link6{ background:url(../images/avatar/ypwong.jpg) no-repeat;}
.members ul li a#link7{ background:url(../images/avatar/ning.jpg) no-repeat;}


.members ul li span.cloud{ width:167px; height:79px; position:absolute; left:40px; float:left; display:none;background: url(../images/cloudbox.png) no-repeat 0 0; color:#1374c5; font-weight:bold; padding:10px 0 0 10px; font-size:12px;}
* html .members ul li span.cloud{ background: url(../images/cloudbox.gif) no-repeat 0 0; }

.portinfo .intro ul li{ padding:0 0 0 18px; background: url(../images/tickmark.gif) no-repeat 0 4px;}

.flowbar{ background:url(../images/flow_en.jpg) no-repeat 50% 0; height:90px; margin:0 0 20px;}

.contacts {float:left; width:200px;}
.contacts ul li {padding: 5px 0;}
.contacts ul li span {color:#73B7CE;}
.map {border:5px solid #2A292E; width: 500px;}