/* generated by csscreator.com */

html, body{ 
margin:0 0 10px 0; 
 padding:0; 
 text-align:center; 
 background-color:#0A192D;
} 
 
#pagewidth{ 
 width:736px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 background-color:#ffffff;
 border-top:10px solid #ffffff;
 border-right:3px solid #ffffff;
 border-left:3px solid #ffffff;
 border-bottom:3px solid #ffffff;
} 

/* header and navigation */ 

#header{
 position:relative; 
 height:225px; 
 background-color:#000000;
 width:100%;
} 
#navi{
 position:relative; 
 height:32px; 
 background-color:#ffffff;
 width:100%;
} 
/*#infobar a{
 color:#fff;
 text-decoration:none;
 padding-right:5px;
} */
#infobar2{
 position:relative; 
 height:20px; 
 background-color:#2F325E;
 width:100%;
 color:#fff;
 font: bold 10px Tahoma;
 text-align:right;
 border-bottom:solid 1px black;
}

#infobar{
position:relative; 
width:734px;
color:#fff;
font: bold 9px Trebuchet MS;
text-align:right;
border-left:solid 1px black;
border-right:solid 1px black;
height: 21px;
background-color:#2F325E;
}
#infobar ul{
float:right;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#infobar ul li{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}
#infobar ul li span{
height: 17px;
padding: 2px 0 0 0;
margin: 0 5px;
color: #ffffff;
text-decoration: none;
display: block;
text-align: center;
font: bold 9px Trebuchet MS;
letter-spacing: -0.5px;
}
#infobar ul li a{
height: 17px;
padding: 2px 2px 0 2px;
margin: 0 5px;
color: #ffffff;
text-decoration: none;
display: block;
text-align: center;
font: bold 9px Trebuchet MS;
letter-spacing: -0.5px;
border:1px solid #2F325E;
}
#infobar ul li a:hover{
color: #fff;
background: #2F325E;
border:1px solid #2F9090;
}
#infobar a:active{
background: #2F325E;
color: #fff;
display:block;
border:1px solid #666666;
}
#infobar li#active a{
background: #2F325E;
color: #fff;
border:1px solid #666666;
}

#navcontainer{
position:relative; 
margin: 0;
padding: 0;
height: 32px;
background-color:#000000;
}
#navcontainer img{
float:left;
}
#navcontainer ul{
border: 1px solid #000;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ul li{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}
#navcontainer ul li a{
background: #000;
height: 18px;
border-top: 2px solid #fff;
border-left: none;
border-bottom: 2px solid #fff;
border-right: none;
padding: 5px 0px 3px 0px;
margin: 0 0 0 0;
color: #ffffff;
text-decoration: none;
display: block;
text-align: center;
font: bold 12px Tahoma;
letter-spacing: -0.5px;
}
#navcontainer ul li a:hover{
color: #fff;
background: #660000;
}
#navcontainer a:active{
background: #660000;
color: #fff;
}
#navcontainer li#active a{
background: #660000;
color: #fff;
}

/* mainpage */ 

#MP_leftcol{
 width:364px; 
 float:left; 
 position:relative; 
 background-color:#2F4C7D;
 }
#MP_leftbox{
 width:327px; 
 float:left; 
 position:relative; 
 background-color:#2F325E;
 border:1px solid #2F9090;
 padding:0 10px 10px 10px;
 margin:7px 7px 0 7px;
 min-height:400px;
 }
 
#MP_maincol{
 background-color:#2F4C7D; 
 float: right; 
 display:inline; 
 position: relative; 
 width:370px;
 }
#MP_mainbox{
 width:333px; 
 float:left; 
 position:relative; 
 background-color:#2F325E;
 border:1px solid #2F9090;
 padding:0 10px 10px 10px;
 margin:7px 7px 0 7px;
 color:#ffffff;
 font: normal 11px Trebuchet MS, Tahoma;
 min-height:400px;
 }
#MP_mainbox a{ 
 padding:0;
 margin:0;
 color:#2F9090;
 }
#MP_news{
	padding:0;
	margin:0 0 30px 0;
	float:left;
	color: #ffffff;
	font: 12px Trebuchet MS, Tahoma;
	
}

#MP_news img{ 
 float:left; 
 padding:0;
 margin:0 10px 0 0;
 }
#MP_news span{ 
 padding:0;
 margin:0 0 3px 0;
 display:block;
 text-decoration:underline;
}
 
#wrapper{
 background-color:#2F4C7D;
 padding-bottom:7px;
 border:solid 1px black;
 }

h1#MP_main {
    padding: 0;
	margin: 10px 0 10px 0;
    display:block;
	font:bold 17px Verdana;
	width:100%;
	height:23px;
	color:#CCFF33;
	border-bottom:3px double #2F9090;
	float:left;
} 
h1#MP_empty {
    padding: -5px 0 0 0;
	margin: 5px 0 10px 0;
    display:block;
	font:normal 1px Verdana;
	width:100%;
	height:5px;
	color:#CCFF33;
	border-bottom:3px double #2F9090;
	float:left;
} 
h1#MP_mission_en {
    padding: 35px 0 0 0;
	margin:0 0 10px 0;
    overflow: hidden;
    background-image: url("images/h1_mission_en.gif");
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:35px;
}
h1#MP_whatsnew_en {
    padding: 35px 0 0 0;
	margin:0 0 10px 0;
    overflow: hidden;
    background-image: url("images/h1_whatsnew_en.gif");
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:35px;
}
h1#MP_blank {
    padding: 6px 0 0 0;
	margin:10px 0 10px 0;
    overflow: hidden;
    background-image: url("images/h1_blank.gif");
    background-repeat: no-repeat;
	clear:both;
    
    height: 0px !important;
    height /**/:6px;
}
h2#MP_whatsnewhead {
    padding: 0;
	margin:0 0 5px 0;
	font: normal 11px Trebuchet MS, Tahoma;
	float:left;
}
h2#MP_newstitle {
    padding: 0;
	width:100%;
	margin:0 0 5px 0;
	font: bold 11px Trebuchet MS, Tahoma;
	border-bottom:1px solid #ffffff;
	float:left;
}
#MP_mission{
	padding:0;
	margin:0 0 20px 0;
	float:left;
	display:block;
	color: #ffffff;
	font: bold 18px Trebuchet MS, Tahoma;
}
#MP_small{
	padding:0;
	margin:0;
	float:left;
	display:block;
	color: #ffffff;
	font: bold 10px Trebuchet MS, Tahoma;
}
 
 /* basic 2 column page */ 
#basic_wrapper{
 width:717px; 
 float:left; 
 position:relative; 
 background-color:#2F325E;
 border:1px solid #2F9090;
 padding:0;
 margin:7px 7px 0 7px;
 }
#basic_titlebox{
position:relative;
width:682px;
display:block;
margin-left:35px;
float:left;
padding:0;
}
#basic_leftcol{
 width:174px; 
 float:left; 
 position:relative;
 margin:7px 0 0 35px;
 }
#basic_leftbox{
 width:149px; 
 float:left; 
 position:relative;
 color:#ffffff;
 font: normal 11px Arial, Trebuchet MS, Tahoma;
 }
#basic_leftbox a{
 padding:0;
 margin:0;
 color: #00ffff;
}
#basic_leftbox p{
 padding:0;
 margin:5px 0;
}
#basic_leftbox h2{
 padding:0;
 margin:5px 0 8px 0;
 color:#ffffff;
 font: bold 18px Arial, Trebuchet MS, Tahoma;
 }
 
#basic_maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width:506px;
 margin:7px 0 0 0;
 padding:0;
 
 }
#basic_mainbox{
 width:466px; 
 float:left; 
 position:relative; 
 padding:0;
 margin:0;
 }
#basic_mainbox p{
 padding:0;
 margin:0 0 15px 0;
 color:#ffffff;
 font: normal 12px Arial, Trebuchet MS, Tahoma;
 }
#basic_mainbox h2{
 padding:0;
 margin:5px 0 8px 0;
 color:#ffffff;
 font: bold 18px Arial, Trebuchet MS, Tahoma;
 }
#basic_mainbox a{
 padding:0;
 margin:0;
 color: #00ffff;
}

#needs{
 position:relative;
 width:426px;
 background-color:#2F4C7D;
 float:left;
 margin:2px 0;
 padding:20px;
}
#needs h1{
 margin:0 0 0 0;
 padding:0;
 color:#000000;
 font: bold 18px Arial, Trebuchet MS, Tahoma;
}
#needs h2{
 margin:20px 0 0 0;
 padding:0;
 color:#000000;
 font: bold 12px Arial, Trebuchet MS, Tahoma;
}
#needs p{
 margin:0 0 10px 0;
 padding:0;
}

h1#basic_title {
    padding: 0 0 7px 0;
	margin: 0 0 0 0;
	display:block;
	font:bolder 47px Arial;
	width:100%;
	height:50px;
	color:#FFFF66;
	border-bottom:3px double #2F9090;
	float:left;
} 
h1#basic_empty {
    padding: -5px 0 0 0;
	margin: 5px 0 10px 0;
    display:block;
	font:normal 1px Verdana;
	width:100%;
	height:5px;
	color:#CCFF33;
	border-bottom:3px double #2F9090;
	float:left;
} 

#subnavi_container{
position:absolute;
left:270px;
top:10px;
width:400px;
color:#fff;
font: bold 9px Trebuchet MS;
text-align:right;
height: 21px;
}
#subnavi_container ul{
float:right;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#subnavi_container ul li{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}
#subnavi_container ul li span{
height: 17px;
padding: 2px 0 0 0;
margin: 0 5px;
color: #ffffff;
text-decoration: none;
display: block;
text-align: center;
font: bold 9px Trebuchet MS;
letter-spacing: -0.5px;
}
#subnavi_container ul li a{
height: 17px;
padding: 2px 5px 0 5px;
margin: 0 1px;
color: #ffffff;
text-decoration: none;
display: block;
text-align: center;
font: bold 9px Trebuchet MS;
letter-spacing: -0.5px;
border:1px solid #2F325E;
}
#subnavi_container ul li a:hover{
color: #fff;
background: #2F4C7D;
border:1px solid #ffffff;
}
#subnavi_container a:active{
background: #2F4C7D;
color: #fff;
display:block;
border:1px solid #ffffff;
}
#subnavi_container li#active a{
background: #2F4C7D;
color: #fff;
border:1px solid #ffffff;
}

/* contact us page */ 

#contact_left{
 width:194px; 
 float:left; 
 position:relative;
 margin:7px 0 0 35px;
 }
#contact_leftbox{
 width:169px; 
 float:left; 
 position:relative;
 color:#00ffff;
 font: normal 10px Arial, Trebuchet MS, Tahoma;
 }
#contact_leftbox a{
 padding:0;
 margin:0;
 color: #00ffff;
}
#contact_leftbox p{
 padding:0;
 margin:5px 0 15px 0;
}
#contact_leftbox h2{
 padding:0;
 margin:5px 0 8px 0;
 color:#ffffff;
 font: bold 18px Arial, Trebuchet MS, Tahoma;
 }
 
#contact_maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width:486px;
 margin:7px 0 0 0;
 padding:0;
 
 }
#contact_mainbox{
 width:446px; 
 float:left; 
 position:relative; 
 padding:0;
 margin:0;
 }
#contact_mainbox p{
 padding:0;
 margin:0 0 15px 0;
 color:#ffffff;
 font: normal 12px Arial, Trebuchet MS, Tahoma;
 }
#contact_mainbox h2{
 padding:0;
 margin:5px 0 8px 0;
 color:#ffffff;
 font: bold 18px Arial, Trebuchet MS, Tahoma;
 }
#contact_mainbox a{
 padding:0;
 margin:0;
 color: #00ffff;
}
#contact_mainbox input.form{
 border: 1px solid #000000;
 font-family: Arial;
 font-size: 8pt;
 color: #000000;
 padding-left: 3px;
}
#contact_mainbox input.button{
 border: 3px solid rgb(255, 255, 255);
 padding: 1px 2px;
 font-family: Arial;
 font-size: 8pt;
 color: rgb(255, 255, 255);
 background-color: rgb(47, 50, 94);
}
  
 /* china page */
 
#basic_wrapper{
 width:717px; 
 float:left; 
 position:relative; 
 background-color:#2F325E;
 border:1px solid #2F9090;
 padding:0;
 margin:7px 7px 0 7px;
 }
#basic_titlebox{
position:relative;
width:682px;
display:block;
margin-left:35px;
float:left;
padding:0;
}
#china_leftcol{
 width:300px; 
 float:left; 
 position:relative;
 margin:7px 0 0 35px;
 }
#china_leftbox{
 width:300px; 
 float:left; 
 position:relative;
 color:#ffffff;
 font: normal 12px Arial, Trebuchet MS, Tahoma;
 }
#china_leftbox a{
 padding:0;
 margin:0;
 color: #00ffff;
}
#china_leftbox p{
 padding:0;
 margin:5px 0;
}
#china_leftbox h1{
 padding:0;
 margin:5px 0 8px 0;
 color:#ccff39;
 font: bold 18px Arial, Trebuchet MS, Tahoma;
 }
 
#china_maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width:370px;
 margin:7px 0 0 0;
 padding:0;
 }
#china_mainbox{
 width:325px; 
 float:left; 
 position:relative; 
 padding:0 0 0 15px;
 margin:0;
 color:#ffffff;
 font: normal 12px Arial, Trebuchet MS, Tahoma;
 border-left:3px double #2F9090;
 }
#china_maincol p{
 padding:0;
 margin:0 0 15px 0;
 }
#china_maincol h1{
 padding:0;
 margin:5px 0 8px 0;
 color:#ccff39;
 font: bold 18px Arial, Trebuchet MS, Tahoma;
 }
#china_map{
 width:100%; 
 float:left; 
 position:relative; 
 padding:0 0 20px 0;
 margin:20px 0 0 0;
 color:#ffffff;
 font: normal 11px Arial, Trebuchet MS, Tahoma;
 }
#china_maincol a{
 padding:0;
 margin:0;
 color: #00ffff;
}
 
/* aba pages */
 
#china_aba{
position:relative;
width:647px;
display:block;
margin-left:35px;
float:left;
padding:20px 0 10px 0;

border-bottom:3px double #2F9090;
}
#china_abatitle{
position:relative;
width:682px;
display:block;
margin:0 35px;
float:left;
padding:0;
}
#china_abatitle h2{
 padding:0;
 margin:10px 0 0 0;
 color:#ffffff;
 font: bold 18px Arial, Trebuchet MS, Tahoma;
 }
#china_aba img{
float:left;
margin:0 20px 0 0;
padding:0;
}
#china_aba p{
float:left;
margin:0;
padding:0 0 0 0;
width:312px;
font:normal 12px Arial;
color:#ffffff;
display:block;
}
#china_aba ul{
float:left;
margin:0;
padding:0;
width:130px;
list-style-type: none;
font:normal 10px Arial;
color:#2f9090;
}
#china_aba ul li{
margin:0 0 5px 0;
padding:0;
}
#china_aba a{
color:#2f9090;
}

#aba_leftcol{
 width:288px; 
 float:left; 
 position:relative;
 margin:7px 0 0 35px;
 }
#aba_leftbox{
 width:288px; 
 float:left; 
 position:relative;
 color:#ffffff;
 font: normal 10px Arial, Trebuchet MS, Tahoma;
 }
#aba_leftbox a{
 padding:0;
 margin:0;
 color: #00ffff;
}
#aba_leftbox p{
 padding:0;
 margin:10px 0;
}
#aba_leftbox h1{
 padding:0;
 margin:5px 0 8px 0;
 color:#ccff39;
 font: bold 13px Arial, Trebuchet MS, Tahoma;
 border-bottom:1px solid #2F9090;
 }
#aba_maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width:370px;
 margin:7px 0 0 0;
 padding:0;
 }
#aba_mainbox{
 width:320px; 
 float:left; 
 position:relative; 
 padding:0 0 0 15px;
 margin:0;
 color:#ffffff;
 font: normal 10px Arial, Trebuchet MS, Tahoma;
 }
#aba_maincol p{
 padding:0;
 margin:10px 0;
 }
#aba_maincol h1{
 padding:0;
 margin:5px 0 8px 0;
 color:#ccff39;
 font: bold 13px Arial, Trebuchet MS, Tahoma;
 border-bottom:1px solid #2F9090;
 }
#aba_maincol a{
 padding:0;
 margin:0;
 color: #00ffff;
}

/* the yak */

#yak_wrapper{
 background-color:#73725F;
 padding-bottom:7px;
 border:solid 1px black;
 color:#333300;
 font: bold 13px Trebuchet MS, Arial, Tahoma;
 }

#yakyak_wrapper{
 width:717px; 
 float:left; 
 position:relative; 
 background-color:#a5a38f;
 border:1px solid #ffffff;
 padding:0;
 margin:7px 7px 0 7px;
 }
#yak_package{
position:relative;
width:715px;
display:block;
float:left;
padding:0;
}
#yak_leftcol{
 width:180px; 
 float:left; 
 position:relative;
 margin:7px 0 0 35px;
 }
#yak_leftbox{
 width:180px; 
 float:left; 
 position:relative;
 }
 
#yak_maincol{
 float: right; 
 display:inline; 
 position: relative; 
 width:480px;
 margin:7px 0 0 0;
 padding:0;
 
 }
#yak_mainbox{
 width:446px; 
 float:left; 
 position:relative; 
 padding:0;
 margin:0;
 }
#yak_mainbox p{
 padding:0;
 margin:0 0 15px 0;
 }
#yak_mainbox h2{
 padding:0;
 margin:5px 0 8px 0;
 color:#333300;
 font:bold 13px Trebuchet MS, Arial, Tahoma;
 text-decoration:underline;
 }
#yak_mainbox a{
 padding:0;
 margin:0;
 color: #0066ff;
}

h1#yak_title {
    padding: 0 0 7px 0;
	margin: 0 0 0 0;
	display:block;
	font:bolder 47px Arial;
	width:100%;
	height:50px;
	color:#2F3011;
	border-bottom:3px double #ffffff;
	float:left;
} 

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

.clr {
	clear:both;
}