/*** Creat by Zhou Jun ***/
/*** Date: 08-06-27 ***/
* 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;

}

body 
{
	background:#e3e4ea;
}

p
{
	line-height:1.6em;
}

a:link
{
	color:#5d5ea3;
}

a:visited
{
	color:#5d5ea3;
}

a:hover
{
	color:#5d5ea3;
}

.container
{
	width:855px;
	margin:0 auto;
}

.head 
{
	margin-top:12px;
}

/** menu start **/
.menu 
{
	color:#5d5ea3;
	font-weight:bold;
	margin-top:80px;
	margin-right:0px;
	float:right;
}

.menu img
{
	margin:0 15px;
}

.menu ul li
{
	display:inline;
	padding-left:18px;
	padding-right:15px;
	background:url(../images/dot_menu.gif) left 6px no-repeat;
}

.menu a:link
{
	color:#5d5ea3;
	font-weight:bold;
	text-decoration:none;
}

.menu a:visited
{
	color:#5d5ea3;
	font-weight:bold;
	text-decoration:none;
}

.menu a:hover
{
	color:#5d5ea3;
	font-weight:bold;
	text-decoration:none;
}

.menu{
	zoom:1;
	font-size:12px;
}
ul, li { list-style:none; margin:0px; padding:0px; }
.menu:after{
	height: 0;
	clear: both;
	visibility: hidden;
	content: ".";
	display: block;
}
/* topmenu */
.menu{
	cursor:pointer;
}
.menu a{
}
.menu ul li{
	float: left;
	position: relative;
	display: inline;
	padding-bottom:6px;
}

/*Top level menu link items style*/
.menu ul li a{

 /*Width of top level menu link items*/
text-decoration: none;
color: #000;
}
.menu ul li a:hover { text-decoration:none; }
/*1st sub level menu*/
.menu ul li ul{
left: 0em;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
padding:3px 7px 12px 0;
background:url(../images/Menu_bg_144x94.png) right bottom no-repeat;
z-index:30;
}
* html .menu ul li ul{
padding:3px 0px 4px 0;
background:#979797;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.menu ul li ul li{
padding:3px 10px;
display: list-item;
float: none;
background:none;
white-space:nowrap;
}
.menu ul li ul li a:link{
color:#FFFFFF;
}
.menu ul li ul li a:visited{
color:#FFFFFF;
}
.menu ul li ul li a:hover{
color:#FFFFFF;
}
.menu ul li ul .on
{
padding:3px 10px;
display: list-item;
float: none;
background:#fff;
white-space:nowrap;
}
.menu ul li ul .on a:link{
color:#5d5ea3;
}
.menu ul li ul .on a:visited{
color:#5d5ea3;
}
.menu ul li ul .on a:hover{
color:#5d5ea3;
}

.menu ul .home 
{
	background:none;
}
/** menu end **/

.banner
{
	padding-top:1px;
	padding-bottom:1px;
	margin-top:-1px;
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
}
* html .banner
{
	padding-top:0px;
	padding-bottom:1px;
	margin-top:-13px;
}
*+ html .banner
{
	padding-top:0px;
	padding-bottom:1px;
	margin-top:-13px; 
}

.content_area
{	
	margin-top:2px;
	background-color:#FFFFFF;
	padding:20px;
	padding-top:8px;
	display:inline-block;
	width:815px;
	
}
.content_area:after 
{
	content:"";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}

.common_title
{
	font-size:14px;
	font-weight:bold;
	line-height:2em;
	color:#5a5b5e;
}

.common_title span
{
	font-size:14px;
	font-weight:bold;
	color:#5d5ea3;
}

.strong_word
{/*black strong*/
	font-size:13px;
	font-weight:bold;
}

.strong_word2
{/*blue strong*/
	color:#5d5ea3;
	font-size:13px;
	font-weight:bold;
}

.strong_word3
{/*blue strong*/
	color:#5d5ea3;
	font-size:12px;
	font-weight:bold;
}

.footer 
{
	padding:8px 0 20px 0;
	font-size:11px;
	font-family:Arial;
	color:#6D6E71;
}

/** homepage start **/
.banner_homepage
{
	padding-top:1px;
	padding-bottom:1px;
	margin-top:-1px;
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
}
* html .banner_homepage
{
	padding-top:0px;
	margin-top:-13px;
}
*+ html .banner_homepage
{
	padding-top:0px;
	margin-top:-13px;
}
.home_c_left
{
	width:420px;
	padding-right:17px;
	border-right:1px dotted #000;
	padding-bottom:64px;
	}

.home_c_left_down
{
	padding-top:5px;
	border-top:1px dotted #000;
}
.home_c_left_down ul 
{
	list-style:none;
}
.home_c_left_down ul li 
{
	list-style:none;
	float:left;
	width:202px;
	height:22px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:8px;
	background:url('../images/list_style.jpg') 0 7px no-repeat;
}

.home_c_right
{
	width:360px;
	padding-left:14px;
}
.home_c_right p {
	margin-bottom:12px;
	}

.vidthumb {
	float:left;
	width:150px;
	}
.vidthumb.first {
	margin-right:36px;
	margin-left:6px;
	}
.vidthumb img {
	border:none;
	}
.vidthumb p,
.vidthumb a {
	font-size:10px;
	line-height:1.2em;
	}
.vidthumb p {
	padding-left:8px;
	margin-bottom:8px;
	}
.vidthumb a {
	display:block;
	}

/** homepage end **/

/** ourcompany start **/
.content_ourcompany
{
	background:url(../images/ourcompany_bg.gif) right top no-repeat;
}

.content_ourcompany_text
{
	width:510px;
	padding-bottom:20px;
	min-height:525px;
	height:auto !important;
	height:525px;
}

.content_ourcompany_text ul
{
	padding:15px 0;
}

.content_ourcompany_text ul li
{
	list-style:none;
	font-weight:bold;
	padding-left:66px;
	height:18px;
	background:url('../images/list_style2.jpg') 50px 7px no-repeat;
}
/** ourcompany end **/

/** how we think start **/
.hwt_switch
{
	text-align:right;
	width:177px;
	background-color:#e3e4ea;
}

.hwt_switch ul li
{
	list-style:none;
	padding-right:15px;
}

.hwt_switch ul .on
{
	list-style:none;
	padding-right:15px;
	background:url('../images/howwethink_arrow.gif') right 10px no-repeat;
}

.hwt_switch ul li a
{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
	line-height:34px;
}

.hwt_switch ul li a:visited
{
	color:#000000;
}

.hwt_switch ul li a:hover
{
	color:#000000;
}
#hwt_pic
{
	margin-left:5px;
}
.hwt_text
{
	margin-top:15px;
}
.hwt_text ul li
{
	padding:5px 20px 5px 30px;
	line-height:1.6em;
	list-style:none;
	background:url('../images/list_style.jpg') 20px 13px no-repeat;
}
/** how we think end **/

/** company we keep start **/

/** company we keep end **/

/** capabilities start **/
.content_capabilities
{
	background:url(../images/capabilities_bg.gif) right top no-repeat;
}

.content_capabilities_text
{
	width:523px;
	min-height:540px;
	height:auto !important;
	height:540px;
}
/** capabilities end **/

/** testimonial start by Hao Ming @ 080630 **/
div.ban_testimonial {height:117px;	background:transparent url('../images/banner_common.gif') no-repeat;}
div.ca_testimonial h3 {color:#5D5EA3;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;line-height:4em;}
div.ca_testimonial ul {list-style:none;}
div.ca_testimonial ul li {list-style:none;}
div.ca_testimonial ul li h4 {font-size:12px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;line-height:1.6em;}
div.ca_testimonial ul li blockquote {line-height:1.6em;}
div.ca_testimonial ul li cite {display:block;line-height:1.6em;font-style:normal;padding:1.6em 0;}
/** testimonial end **/

/** portfolio start by Hao Ming @ 080701 **/
div.portfolio_vList {width:350px;float:left;}
div.portfolio_vList ul {list-style:none;padding:10px 8px 20px 10px;}
div.portfolio_vList ul li {list-style:none;float:left;height:160px;width:139px;margin:0 8px;overflow:visible;}
div.portfolio_vList ul .portfolio_vList_last {list-style:none;float:left;height:170px;width:139px;margin:0 8px;overflow:visible;}
div.portfolio_vList ul li div {width:123px;height:83px;padding:4px 11px 12px 5px;margin-bottom:4px;overflow:hidden;background:#fff url('../images/drop_shadow.gif') 0 0 no-repeat;}
div.portfolio_vList ul li div img {border:none;width:123px;height:83px;}
div.portfolio_vList ul li h3, div.portfolio_vList ul li p, div.portfolio_vList ul li span {margin-left:7px;}
div.portfolio_vList ul li h3 {line-height:1.5em;}
div.portfolio_vList ul li p {line-height:1em;}
div.portfolio_vList ul li a, div.portfolio_vList ul li p em {font-style:normal;font-size:10px;}
div.portfolio_vList ul li span {display:block;text-align:left;padding:5px 0;}


div.portfolio_vPlayer {padding-left:360px}
div.portfolio_vPlayer div {
	width:419px;
	height:337px;
	padding:0px 10px 10px 10px; 
	margin-bottom:15px;
	background:url(../images/portfolio_moviebg.jpg) no-repeat bottom right;
	}
	
div.portfolio_vPlayer p {padding-left:4px;width:431px;text-align:justify;}


/** portfolio end **/

/** ourpeople start by Hao Ming @ 080701 **/
ul.our_people {list-style:none}
ul.our_people li {list-style:none;padding:30px 0 30px 200px;border-top:1px #333 dashed;display:inline-block;}
ul.our_people li {display:block;}
ul.our_people li:after {content:"";clear:both;display:block;height:0;visibility:hidden;}
ul.our_people li.op_first {border-top:none;}
ul.our_people li div.op_photo {width:174px;height:204px;padding:4px 11px 12px 5px;float:left;margin-left:-200px;display:inline;background:#fff url('../images/drop_shadow.gif') 0 -101px no-repeat;}
ul.our_people li div.op_photo img {width:174px;height:204px;border:none;}

div#vrMenu {position:absolute;top:0;left:0;width:144px;height:94px;padding-top:26px;background:transparent url('../images/Menu_bg_144x94.png') 0 26px no-repeat;}
* html div#vrMenu {background:#979797;width:137px}
div#vrMenu a {display:block;width:137px;height:20px;color:#fff;text-indent:.5em;line-height:20px;font-weight:bold;text-decoration:none;}
div#vrMenu a:hover {background:#fff;color:#5d5ea3;}
/** ourpeople end **/

/***Contact***/

.contact_market
{
	padding-top:30px;
	padding-bottom:30px;
}
.contact_title
{
	padding:10px,0px,10px,20px;
}
.contact_market .market_tip
{
	font-size:15px;
	font-weight:bold;
	line-height:2em;
	color:#5d5ea3;
}

.contact_left
{
	width:350px;
	padding-left:28px;
}

.contact_right
{
	padding-right:80px;
	padding-top:60px;
	padding-bottom:40px;
	width:320px;
}
.contact_right label
{
	float:left;
	clear:left;
	width:70px;
	font-size:13px;
	text-align:right;
	font-weight:bold;
	line-height:1.5em;
	color:#5d5ea3;
}
.contact_right .text
{
	width:240px;
	border:1px solid #ccc;
}
.contact_right .message
{
	width:240px;
	height:160px;
	border:1px solid #ccc;
}

.contact_right p
{
	padding-bottom:10px;
	text-align:right;
}
.contact_right a:link
{
	color:#5d5ea3;
	font-weight:bold;
	text-decoration:underline;
}
.contact_right a:visited
{
	color:#5d5ea3;
	font-weight:bold;
	text-decoration:underline;
}

.contact_right a:hover
{
	color:#5d5ea3;
	font-weight:bold;
	text-decoration:underline;
}
/***Contact***/

/** misc **/
.clear
{
	clear:both;
}
.left
{
	float:left;
}
.right
{
	float:right;
}
.center
{
	text-align:center;
}