@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0; }
body { background: #c9c5c1 url("images/homepage_bg.jpg") no-repeat; color:#858585;font:12px "����", Verdana, Arial, Helvetica, sans-serif; line-height:24px; }
a { text-decoration:underline; color:#858585;}
a:hover { text-decoration:none; color:#6d6d23;}
.Clear { clear:both;}
.Spacer { clear:both; height:25px;}
.CSLn { clear:both; border-bottom:1px solid #F8F8F8;}
a img { border:none;}
a:hover img{
	border:none;
	filter: alpha(opacity=50);
}
.font_black {
	color: Black;
}
.font_light {
	color: #cccccc;
}


/*----Top----*/
#Top{
	float: left;
	width: 1000px;

}

/* Main Navigration */
#Top .topMenu{
	float:left;
	/*background-color: #f5f5f4;*/
	padding: 0px 0px 0px 80px;
	width: 755px;
	height: 45px;
	clear: right;
}
.topMenu li { list-style:none; display:inline;}
.topMenu li a {display:block; float:left; height:45px; cursor:pointer; margin-left:0px;}

.homepage, .company, .news, .showcase, .branding, .quality, .cooperation, .contact, .lan, .homepage-on, .company-on, .news-on, .showcase-on, .branding-on, .quality-on, .cooperation-on, .contact-on, .lan-on  {background: url(images/topMenu.gif) no-repeat;}

.homepage {background-position:0 0; width: 81px; }
.company {background-position:-81px 0; width: 81px; }
.news { background-position:-162px 0; width: 81px; }
.showcase { background-position:-243px 0; width: 81px; }
.branding { background-position:-324px 0; width: 81px; }
.quality { background-position:-405px 0; width: 81px; }
.cooperation { background-position:-486px 0; width: 81px; }
.contact { background-position:-567px 0; width: 81px;}
.lan { background-position:-648px 0; width: 81px;}

.homepage:hover {background-position:0 -45px; width: 81px; }
.company:hover {background-position:-81px -45px; width: 81px; }
.news:hover { background-position:-162px -45px; width: 81px; }
.showcase:hover { background-position:-243px -45px; width: 81px; }
.branding:hover { background-position:-324px -45px; width: 81px; }
.quality:hover { background-position:-405px -45px; width: 81px; }
.cooperation:hover { background-position:-486px -45px; width: 81px; }
.contact:hover { background-position:-567px -45px; width: 81px;}
.lan:hover { background-position:-648px -45px; width: 81px;}

.homepage-on {background-position:0 -90px; width: 81px; }
.company-on {background-position:-81px -90px; width: 81px; }
.news-on { background-position:-162px -90px; width: 81px; }
.showcase-on { background-position:-243px -90px; width: 81px; }
.branding-on { background-position:-324px -90px; width: 81px; }
.quality-on { background-position:-405px -90px; width: 81px; }
.cooperation-on { background-position:-486px -90px; width: 81px; }
.contact-on { background-position:-567px -90px; width: 81px;}
.lan-on { background-position:-648px -90px; width: 81px;}
/* ------------------end nav-----------------------*/
#Top .topLogo{
	float: right;
	width:165px;
	height: 135px;
	background-image: url(images/toplogo.gif);
	background-repeat: no-repeat;

}

/*--------footer--------*/
#Footer {
	margin: 67px 0;
}
#Footer .backToTop{
	text-align: right;
	background: White;
}
#Footer .footerL,.footerR{
	margin-top: 10px;
}
#Footer .footerL{
	float:left;
	color: Black;
}
#Footer .footerL a{
	color: Black;
	text-decoration:none;
}
#Footer .footerR{
	float: right;
	margin-right: 75px;
}

/*----Title------*/
#Title{
	float: left;
	width: 950px;
	height: 54px;
	
}
#Title .titleSpacerL{
	float: left;
	width:60px;
	height: 80px;
	background: #838383 url(images/pageTitleSpacer_bg.jpg) no-repeat;
}
#Title .titleSpacerR{
	float: left;
	
}
#Title .pageTitle{
	float: left;
	width: 180px;
	height: 80px;
	background-color: White;
}
#Title .pageMenu{
	float: left;
	width: 430px;
	height: 50px;
	background: #838383 url(images/pageMenu_bg.jpg) no-repeat;
	padding: 30px 0 0 35px;
}
#Title .pageMenu img{
	margin-right: 25px;
}
/*------page---------*/
#Page,#Footer{
	float: left;
	width: 890px;
	margin-left: 170px;
}
#Page{
	
}

#pageR{
	float:left;
	/*width:160px;*/
}
#pageR .AdR{
	border-top: 1px solid #e6e6e6;
	padding: 10px 2px 20px  0px;
}

#pageL{
	float: left;
	/*width:670px;*/
	padding:0px 2px 0px 0px;
	overflow: hidden;
}
#pageL .pageNum{
	border-top: 1px dashed #e6e6e6;
	padding: 5px;
	text-align: center;
}
#pageL .pageNum a {
	text-decoration:none;
}

#pageL .subTitle{
	float:left;
	border-top: 1px solid #e6e6e6;
	padding: 10px 2px 30px  0px;
}
#pageL .subTitle .T1{
	float: left;
	width: 160px;
}
#pageL .subTitle .T2{
	float: left;
	width: 508px;
}
#pageL .pagePic{
	float: left;
	border: 1px solid #e6e6e6;
	padding:2px;
}
#pageL .pageCon{
	float: left;
	margin:20px 0 20px 0;	
	
}


/*====================================
         page content
======================================*/

.newsList {
	float:left;
	padding: 0 0 10px 0;
}
.newsList .newsListL{
	float:left;
	width:140px;
	padding-right: 20px;
	text-align: right;
	font-weight: bold;
	padding-top: 10px;
}
.newsList .newsListR{
	float:left;
	width:508px;
	border-top: 1px dashed #e6e6e6;
	padding-top: 10px;
}

.contentItem {
	float:left;
	padding: 0 0 10px 0;
}
.contentItem .L{
	float:left;
	width:140px;
	padding-right: 20px;
	text-align: right;
	font-weight: bold;
	padding-top: 10px;
}
.contentItem .R{
	float:left;
	width:508px;
	padding-top: 10px;
	/*text-indent: 24px;*/
}