@charset "utf-8";

/*
-----------------------------------------------
tella inc. Global Content Styles
Author:   yoo t h (oortensia@hotmail.com)
Version: ver.1.1, 26 Mar 2009
----------------------------------------------- */


/* Styles are organized according to the following sections
---------------------------------------------------------------------------------
blank now
---------------------------------------------------------------------------------
*/


/*  Elements
--------------------------------------------------------------------------------- */
html{
overflow-y:scroll;
}

body{
width:100%;
line-height:1.3;
color:#000000;
background-color:#7A7A71;
font-size:10px; /* for Firefox, Safari, Opera */
text-align:center;
background-color:#FFFFFF;
}

*:first-child+html body{
font-size:62.5%;/*70*/
color:#343434;
}

* html body {
vertical-align:baseline;
color:#343434;
font-size:62.5%;/*75*/
letter-spacing:1px;
}

address{
display:none;
}

img {
border:none;
vertical-align:bottom;
}

sup{
font-size:8px;
}


/*  Container
--------------------------------------------------------------------------------- */
.main{
margin:0px auto 0px auto;
width:890px;
text-align:left;
font-size:13px;
}

*:first-child+html .main{
font-size:120%;
}

* html .main{
font-size:120%;
}

#cn{
	font-family:SimSun;
}

#en{
	font-family:"Times New Roman", Times, serif;
	color:#343434;
}

/*  Header
--------------------------------------------------------------------------------- */
#header{
	position:relative;
	width:890px;
	height:80px;
}

#index #header{
	background:none;
}

/*  identity
------------------------------------------------------------ */
#header #identity{
	position:absolute;
	top:43px;
	left:9px;
	display:block;
	width:152px;
	height:30px;
}

#index #header #identity{
	background:none;
}

* html #index #header #identity img{
	behavior:url("iepngfix.htc");
}

#header #identity a{
	display:block;
	width:152px;
	height:30px;
}

/*  Sub Navigation
------------------------------------------------------------ */
#header #subNav{
	position:absolute;
	top:63px;
	left:730px;
	width:142px;
	height:11px;
	font-size:10px;
}
#header #subNav dt{ display:none; }

#header #subNav dd,
#header #subNav dd ul{
	width:142px;
	height:11px;
}

#header #subNav dd ul li{
	float:left;
	height:11px;
}

#header #subNav dd ul #sn0{
		border-right:1px dotted #71754F;
	width:55px;
}

#header #subNav dd ul #sn1{
	width:65px;
}


#header #subNav dd ul li.first a{
	height:15px;
}

#header #subNav dd ul li a{
	padding:0px 10px 0px 10px;
	display:block;
	height:11px;
	color:#71754F;
	text-decoration:none;
}


/*  Content
--------------------------------------------------------------------------------- */
.content{
	padding:0px 0px 50px 0px;
	width:890px;
}

.left{
	float:left;
	width:630px;
}

.right{
	position:relative;
	float:right;
	width:260px;
}


.left h1{
	display:none;
}

.left h2{
	margin:0px 0px 0px 20px;
	width:600px;
	color:#A4AA07;
}


.left h3{
	margin:30px 0px 0px 5px;
	padding:0px 0px 0px 15px;
	width:600px;
	color:#57601E;
	background:url(../img/global_h3.png) no-repeat 0px 5px;
	font-weight:bold;
	font-size:15px;
}

.left h4{
	margin:20px 0px 0px 5px;
	padding:0px 0px 0px 15px;
	width:600px;
	color:#71754F;
	font-weight:bold;
	font-size:13px;
}

.left p,
.left ul{
	margin:10px 0px 0px 20px;
	width:600px;
}

.left p.intro{
	margin:20px 0px 35px 20px;
}

.left ul li{
	margin:5px 0px 0px 0px;
}

.left ul.l0 li{
	color:#3C471F;
}

.left img{
	margin:25px 0px 25px 0px;
}

.left a{
	border-bottom:1px dotted #CC3300;
	color:#CC3300;
	text-decoration:none;
}

.left a:hover{
	border-bottom:1px solid #CC3300;
}

div.section{
	margin:57px 0px 120px 0px;
}

/*  content navigation
---------------------------------------- */
.right #contentNav{
	padding:80px 0px 0px 0px;
	width:255px;
	height:205px;
	background:url(../img/global_nav_content_bg.png) no-repeat 0px 0px;
}

.right #contentNav dt{
	display:none;
}

.right #contentNav dd,
.right #contentNav dd ul{
	position:relative;
	width:195px;
	height:124px;
}

#cn #contentNav dd ul{	background:url(../img/cn_nav_content.png) no-repeat 0px 0px;}
#en #contentNav dd ul{	background:url(../img/en_nav_content.png) no-repeat 0px 0px;}

.right #contentNav dd ul li a,
.right #contentNav dd ul li a:visited{
	position: absolute;
	display:block;
	top:0;
	z-index:10;
	width:195px;
	height:37px;
	overflow: hidden;
	background:url(../img/cn_nav_content.png) no-repeat 0px 0px;
	text-indent: -9000px;
}

#en #contentNav dd ul li a,
#en #contentNav dd ul li a:visited{	background:url(../img/en_nav_content.png) no-repeat 0px 0px;}

.right #contentNav dd ul li{ display:inline; }

.right #contentNav dd ul #cn0 a{ top:0px; background-position:0px 0px; }
.right #contentNav dd ul #cn0 a:hover{ background-position:-195px 0px; }

.right #contentNav dd ul #cn1 a{ top:37px; height:51px; background-position:0px -37px;}
.right #contentNav dd ul #cn1 a:hover{ background-position:-195px -37px; }

.right #contentNav dd ul #cn2 a{ top:88px; background-position:0px -88px; }
.right #contentNav dd ul #cn2 a:hover{ background-position:-195px -88px; }

.content-0,
.content-1,
.content-2{
	position: absolute;
	z-index:10;
	top:0px;
	left:0px;
	width: 195px;
	height: 37px;
	background:url(../img/cn_nav_content.png) no-repeat -390px 0px;
}

.content-1{top:37px; height:51px; background-position:-390px -37px;}
.content-2{top:88px; background-position:-390px -88px;}

#en .content-0{background:url(../img/en_nav_content.png) no-repeat -390px 0px;}

#en .content-1{top:37px; height:51px; background:url(../img/en_nav_content.png) no-repeat -390px -37px;}
#en .content-2{top:88px; background:url(../img/en_nav_content.png) no-repeat -390px -88px;}


/*  pagetop button
--------------------------------------------------------------------------------- */
#pagetop{
margin:20px 0px 20px 0px;
width:890px;
height:11px;
background-color:#FFFFFF;
}

#pagetop a{
margin:0px 0px 0px 791px;
display:block;
width:52px;
height:11px;
overflow:hidden;
background:url(../img/footer_pagetop.png) no-repeat 0px 0px;
text-indent:-9000px;
}

#pagetop a:hover{
background-position:0px -11px;
}

/*  Footer
--------------------------------------------------------------------------------- */
#footer{
width:100%;
height:60px;
background-color:#A5A798;
}

    
#footerInfo{
margin:0px auto 0px auto;
width:890px;
text-align:left;
}

#footer #footerInfo address{
display:block;
width:144px;
height:60px;
overflow:hidden;
background:url(../img/global_footer_bg.png) no-repeat 0px 0px;
text-indent:-9000px;
}


/*  Miscellaneous
--------------------------------------------------------------------------------- */
/*  Clearfix
------------------------------------------------------------ */
.content:after,
#header #subNav dd ul:after,
.right #contentNav dd ul:after,
.right #contentNav dd ul #cn2 dl dd ul:after,
#footer #footerInfo:after{
	display: block;
	clear: both;
	height: 0.1px;
	line-height:0px;
	visibility: hidden;
	content: " ";
	font-size: 0.1em;
}

* html .content,
* html #header #subNav dd ul,
* html .right #contentNav dd ul,
* html .right #contentNav dd ul #cn2 dl dd ul,
* html #footer #footerInfo{
	display:block;
}

* html .content,
* html #header #subNav dd ul,
* html .right #contentNav dd ul,
* html .right #contentNav dd ul #cn2 dl dd ul,
* html #footer #footerInfo{
	height: 1%;
}

.content,
#header #subNav dd ul,
.right #contentNav dd ul,
.right #contentNav dd ul #cn2 dl dd ul,
#footer #footerInfo{
	display: block;
}
/* */

/*  Text Highlighter For Mozilla
-------------------------------------------------------------*/
::-moz-selection {
	background-color:#666666;
	color:#ffffff;
}

::selection {
	background-color:#666666;
	color:#ffffff;
}

.clear{ clear:both; }