@charset "utf-8";
@import "yui-css-reset-min-2.6.0.css";

.clr {clear:both;}
.fl {float:left;}
.fr {float:right;}
strong {font-weight: bold;}
h3 {font-size: 16px;font-weight: bold;padding: 5px 0 10px;}
p {padding-bottom: 10px; line-height: 18px;}

a:link {color:blue;text-decoration:none;}
a:visited {color:blue;text-decoration:none;}
a:hover {color:red;text-decoration:none;}
a:active {color:red;text-decoration:none;}

html {
	background-color: #395600;
	background-image: url(../../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}
body {
	background-image: url(../../images/body_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	font-size: 12px;
	color: #1a2901;
	font-family:tahoma,sans-serif;
	line-height:normal;
	margin: 0 auto;
	text-align: center;
}
#site-desc {
	height:0;
	overflow:hidden;
}
#layout-width {
	width:990px;
	margin:0 auto;
}
#wrapper {
	text-align:left;
}
#header {
	background: url(../../images/header_bg.jpg) 0 0 no-repeat;
	height:112px;
	position: relative;
	overflow: hidden;
}
#lang-cn{position: absolute;top: 56px;left: 764px;}
#lang-cn a{display: block;cursor: pointer;width: 43px;height: 30px;text-indent: -9999px;}
#lang-hk{position: absolute;top: 56px;left: 822px;}
#lang-hk a{display: block;cursor: pointer;width: 49px;height: 30px;text-indent: -9999px;}
#content {
	background: url(../../images/content_bg.png) 0 0 repeat-y;
}
#content-lt {
	position: relative;
	background: url(../../images/content_lt_btm.jpg) bottom right no-repeat;
	display: inline;
	float: left;
	width: 250px;
	padding: 0 20px 30px 30px;
}
#nav li{
	width:250px;
	height:40px;
	overflow: hidden;
}
#nav a{
	width:250px;
	height:40px;
	line-height:40px;
	background: no-repeat;
	overflow:hidden;
	display:block;
	text-indent:-9999px;
}
#nav #home a{background:url(../../images/nav.jpg) 0 0;}
#nav #home-tp a{background:url(../../images/nav.jpg) -250px 0;}
#nav #home a:hover{background:url(../../images/nav.jpg) -250px 0;}
#nav #contact a{background:url(../../images/nav.jpg) 0 -40px;}
#nav #contact-tp a{background:url(../../images/nav.jpg) -250px -40px;}
#nav #contact a:hover{background:url(../../images/nav.jpg) -250px -40px;}
#nav #products a{background:url(../../images/nav.jpg) 0 -80px;}
#nav #products-tp a{background:url(../../images/nav.jpg) -250px -80px;}
#nav #products a:hover{background:url(../../images/nav.jpg) -250px -80px;}
#nav #order a{background:url(../../images/nav.jpg) 0 -120px;}
#nav #order-tp a{background:url(../../images/nav.jpg) -250px -120px;}
#nav #order a:hover{background:url(../../images/nav.jpg) -250px -120px;}
#nav #promotion a{background:url(../../images/nav.jpg) 0 -160px;}
#nav #promotion-tp a{background:url(../../images/nav.jpg) -250px -160px;}
#nav #promotion a:hover{background:url(../../images/nav.jpg) -250px -160px;}
#nav #faq a{background:url(../../images/nav.jpg) 0 -200px;}
#nav #faq-tp a{background:url(../../images/nav.jpg) -250px -200px;}
#nav #faq a:hover{background:url(../../images/nav.jpg) -250px -200px;}

#hl-logo {
	height: 73px;
	overflow: hidden;
}
#content-rt {
	display: inline;
	float: right;
	width: 660px;
	margin: 0 30px 0 0;
}
#icontent-top {
	background: url(../../images/icontent_top.jpg) 0 0 no-repeat;
	height:19px;
	overflow: hidden;
}
#icontent {
	background: url(../../images/icontent_bg.jpg) 0 0 repeat-y;
	padding: 0 20px;
}
#icontent-btm {
	background: url(../../images/icontent_btm.jpg) 0 0 no-repeat;
	height:19px;
	overflow: hidden;
}
#content_btm {
	background: url(../../images/content_btm.png) 0 0 no-repeat;
	height:24px;
	overflow: hidden;
}
#footer {
	text-align:center;
	color:#fff;
	margin:20px 0 10px 0;
}