body {
     font-family: "microsoft yahei","Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    /*background-color: #fff;*/
	background-color:#FFFFFF;
    font-size: 12px;
    color: #57657A;
    padding: 0px;
    margin:0 auto;
	overflow-x:hidden;
	/*background:url(../../../images/home/homepage-bg.jpg) no-repeat center top;*/
	
}
a {
    color: #666666;
    text-decoration: none;
}
a:hover {
    color: #996600;
    text-decoration:underline;
}

*{outline: none;}
img {border: 0;}

/* Contact us / Global Customers / Home banner */

#box-banner {
	width:1000px;
	height: 250px;
    background-color: #FFFFFF;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	margin: 0 auto;
}


#box-banner #box-banner-left, #box-banner #box-banner-center, #box-banner #box-banner-right {
	height: 250px;
	float: left;
}

#box-banner #box-banner-left {
	width: 19px;
	background: url(../../../images/home/banner.jpg) no-repeat;
}
#box-banner #box-banner-center {
	width: 964px;
	background: url(../../../images/home/banner.jpg) repeat-x 0px -250px;
}
#box-banner #box-banner-center #bannerboxes {
	width: 273px;
	float: left;
	text-align:center;
}
#box-banner #box-banner-center #banner{
	width: 691px;
	float: left;
}
#box-banner #box-banner-right {
	width: 17px;
	background: url(../../../images/home/banner.jpg) no-repeat 0px -500px;
}

#global-customers { 
	background: url(../../../images/home/home-customers.jpg) no-repeat;
}





/* Home Content */

#home-content {
	width: 1000px;
	background: url(../../../images/home/home-content-top.jpg) no-repeat  top right;
	background-color: #FFFFFF;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	margin: 0 auto;
}

/*  news */

#home-content #news{
	background: url(../../../images/home/box-news.jpg) repeat-y -580px 0px;
	width: 290px;
	float: left;
}
#home-content #news a, #home-content #news a:visited{
	color: #57657A;
}
#home-content #news a:hover, #home-content #news a:active{
	color: #706B4B;
}
#home-content #news strong { display:block; padding-bottom: 2px; font-size:12px; }

#home-content #news div#recent{
	background: url(../../../images/home/box-news.jpg) no-repeat;
	width: 100%;
	clear:left;
	padding-top:30px;
	_padding-top:42px;
}
*+html #home-content #news div#recent {
	padding-top:42px;
}
#home-content #news div#upcoming {
	background: url(../../../images/home/box-news.jpg) no-repeat -290px 0px;
	width: 100%;
	height:30px;
}
#home-content #news div#bottom{
	background: url(../../../images/home/box-news.jpg) no-repeat bottom right;
	padding-bottom: 40px;
	width: 100%;
	padding-top:0px;
	_padding-top:10px;
}
#home-content #news div#recent ul li, #home-content #news div#bottom ul li {
	background-image: url(../../../images/home/box-news-line.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 6px 20px 8px 10px;
	list-style: none;
}
#home-content #news div#recent ul li.more, #home-content #news div#bottom ul li.more {
	background: none;
	padding: 10px 30px 0px 30px;
	text-align: right;
	list-style: none;
}

a.more {
	font-family: Vernada, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #777777;
}

a.more:hover {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}

/*  stuffs */

#home-content #stuffs {
	float: left;
	width:660px;
	padding: 20px 20px 0px 20px;
}

#home-content #stuffs #info {
	padding: 0px 10px;
}
#home-content #stuffs #boxes {
	margin-top: 20px;
}
#home-content #stuffs #boxes div{
	float: left;
}
#home-content #stuffs #boxes #spotlight {
	margin-left:2px;
    background: url(/images/home/box-spotlight.jpg) no-repeat;
}

#home-content #stuffs #video-box {
	float: left;
	margin-top: 5px;
	background: url(../../../images/home/video-box.jpg) no-repeat;
	width: 283px;
	height: 377px;
	padding:19px;
}

#home-content #stuffs #iso-box {
	float: left;
	margin-top: 5px;
	background: url(../../../images/home/ISO-box.jpg) no-repeat;
	width: 300px;
	height: 377px;
	padding: 18px 18px 18px 14px;
}

#bannerboxes a.contact {
    display: block;
    width: 270px;
    height: 114px;
    background: url('../../../images/home/box-contacts.jpg') no-repeat;
}
#bannerboxes a.contact:hover {
    display: block;
    width: 270px;
    height: 114px;
    background: url('../../../images/home/box-contacts.jpg') no-repeat 0px -114px;
}


#bannerboxes a.notice {
    display: block;
    width: 270px;
    height: 114px;
    background: url('../../../images/home/box-notice.jpg') no-repeat;
}
#bannerboxes a.notice:hover {
    display: block;
    width: 270px;
    height: 114px;
    background: url('../../../images/home/box-notice.jpg') no-repeat 0px -114px;
}
/*
#bannerboxes a.promotion {
    display: block;
    width: 270px;
    height: 114px;
    background: url('../images/home/box-promotion.jpg') no-repeat;
}
#bannerboxes a.promotion:hover {
    display: block;
    width: 270px;
    height: 114px;
    background: url('../images/home/box-promotion.jpg') no-repeat 0px -114px;
}
*/


/* Business Type horiz Accordion
----------------------------------------------------------------------*/
.banner_content{
	width:100%;
	height:396px;
	background:url('../../../images/home/banner_bg.png') repeat-x;
}
#BTA{
	width:980px;margin: 0 auto;
	

}
#BusinessTypeAccordion{width:980px}
#BusinessTypeAccordion, #BTA-L,#BTA-R{
        float: left;
	}
#BTA-L,#BTA-R{ height: 268px; width:5px; margin-left:2px; }


div#BusinessTypeAccordion ul
{
	position:relative;
	z-index: 5;
	height:268px;
	float:left;
	clear:both;
	width:980px;
	margin:0;
	overflow: hidden;

}
div#BusinessTypeAccordion ul li
{
	position:absolute;
	margin:0;
	display:block;
	background: #fff;
	width: 664px;
	height:268px;
	top: 0;
}


div#BusinessTypeAccordion ul li#ha-tab1 { z-index: 4; left: -590px; }
div#BusinessTypeAccordion ul li#ha-tab2 { z-index: 3; left: -631px; width: 664px; }
div#BusinessTypeAccordion ul li#ha-tab3 { z-index: 2; left: -531px; width: 664px; }
div#BusinessTypeAccordion ul li#ha-tab4 { z-index: 1; left: -431px; }

div#BusinessTypeAccordion ul li#ha-tab1.sel { left: 0; }
div#BusinessTypeAccordion ul li#ha-tab2.sel { left: 95px; }
div#BusinessTypeAccordion ul li#ha-tab3.sel { left: 190px; }
div#BusinessTypeAccordion ul li#ha-tab4.sel { left: 290px; }

div#BusinessTypeAccordion ul li a.flap img
{
	position:absolute;
	right:0;
	top:0;
	z-index:99;
	border:0;
}

#bodycontent { 
	width: 980px;
    margin: 0 auto;
	margin-bottom:10px;
	padding-top:8px;
	background: url(../../../images/home/bodycontent-bg.jpg) no-repeat center 0px;
	clear:both;
	position:relative;
}
.orange_line{
	position:absolute;
	width:980px;
	height:63px;
	background:url(../../../images/home/orange_line_cn.png) no-repeat;
	z-index:998;
	top:-15px;
	left:0;
}
	

#bodycontent .leftColumn, #bodycontent .rightColumn, #bodycontent .centerColumn{
	float: left;
	margin:15px 10px 0px;
	_margin:15px 10px 0px 8px;
	line-height:20px;
	
}

#bodycontent .leftColumn {
	background: url(../../../images/home/leftColumn.jpg) no-repeat;
	width:245px;
	padding:33px 16px 0px 13px;
	line-height:20px;
}
#bodycontent .centerColumn{
	background: url(../../../images/home/centerColumn.jpg) no-repeat;
	width:360px;
	padding:33px 10px 0 0px;
	margin-left:20px;
}
#bodycontent .centerColumn li { 
	padding:5px 0px 10px 0px;
	list-style:none;
	background: url(../../../images/home/centerColumnline.gif) no-repeat left bottom;
}
#bodycontent .rightColumn li.nobg { 
	list-style:none;
	background:none;
}


#bodycontent .rightColumn{
	background: url(../../../images/home/rightColumn.jpg) 15px top no-repeat;
	width:240px;
	padding:31px 0px 0px 20px;
	line-height:20px;
}

#bodycontent .leftColumn p, #bodycontent .rightColumn p{
	padding:0px 0px 5px 0px;
	line-height:20px;
}


/***Home Banner***/
.container {
				width: 980px;
				padding: 0;
				margin: 0 auto;
				position:relative;
				
			}
.folio_block {
				position: relative;
				floating:left;
				margin:0;padding:0;
			}
			
			
			/*--Main Container--*/
.main_view {
				float: left;
				position: relative;
			}
			/*--Window/Masking Styles--*/
.window {
				height:396px;	width: 980px;
				overflow: hidden; /*--Hides anything outside of the set width/height--*/
				position: relative;
				z-index:0;
			}
.image_reel {
				position: absolute;
				top: 0; left: 0;
				z-index:0;
			}
.image_reel img {float: left;}
		
			/*--pageNumChange Styles--*/
.pageNumChange {
				position: absolute;
				bottom: 20px; left: 420px;
				width: 178px; height:34px;
				z-index: 100; /*--Assures the pageNumChange stays on the top layer--*/
				text-align: center;
				line-height: 30px;
				
				display: none; /*--Hidden by default, will be later shown with jQuery--*/
			}
.pageNumChange a {
				background: url(../../../images/home/home_num_cn.png) no-repeat;
				padding: 10px;
				text-decoration: none;
				color: #333;
			}
.pageNumChange a.active {
				color:#fff;
				font-weight: bold; 
				background: #920000; 
				-moz-border-radius: 3px;
				-khtml-border-radius: 3px;
				-webkit-border-radius: 3px;
				background: url(../../../images/home/home_num_cn.png) no-repeat -29px 0px;
			}
.pageNumChange a:hover {font-weight: bold;color:#fff;background: url(../../../images/home/home_num_cn.png) no-repeat -29px 0px;}
			
.right-login{width:314px;height:381px;float:right;position:relative;background:#999;z-index:1;margin:0;}
.right-login img{width:314px;height:189px;float:right;position:relative;z-index:1;margin-bottom:2px;}



