html,body {
	height:100%;
}
body{
	margin:0;
	color:#777;
	min-width:800px;
	font:12px Arial, Helvetica, sans-serif;
	background:#fff url(../images/bg-body.jpg) no-repeat 50% 0 fixed;
}
img {
	border:0;
}
a {
	color:#4d4d4d;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
#main {
	width:755px;
	height:100%;
	display:table;
	margin:0 auto;
	background:url(../images/bg-main.png) repeat-y;
}
#page {
	width:100%;
	display:table-row;
}
#wrapper {
	width:722px;
	padding:0 0 0 15px;
	min-height:590px;
	background:url(../images/bg-main2.gif) no-repeat 26px 0;
}
* html #wrapper {
	height:590px;
}
#wrapper:after {
	display:block;
	clear:both;
	content:"";
}
#header {
	width:100%;
	position:relative;
	overflow:hidden;
	min-height:134px;
	background:url(../images/bg-header.jpg) no-repeat;
}
.logo {
	float:left;
	margin:62px 0 0 10px;
	width:82px;
	height:78px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo.png) no-repeat;
}
.logo a {
	display:block;
	height:100%;
	position:relative;
}
.slogan {
	float:left;
	width:308px;
	height:57px;
	text-indent:-9999px;
	overflow:hidden;
	margin:61px 0 0 14px;
	background:url(../images/slogan-text.png) no-repeat;
}
.slogan a {
	display:block;
	height:100%;
	position:relative;
}
.main-nav {
	margin:0;
	padding:64px 13px 0 0;
	list-style:none;
	float:right;
}
.main-nav li {
	float:left;
	font-size:12px;
	padding:0 0 0 21px;
}
.main-nav li a {
	display:block;
	position:relative;
	padding:36px 2px 0;
	text-align:center;
}
.main-nav li .home {
	background:url(../images/ico-home.gif) no-repeat 50% 0;
}
.main-nav li .product {
	background:url(../images/ico-product.gif) no-repeat 50% 0;
}
.main {
	width:702px;
	padding:14px 0 0 10px;
}
.main:after {
	display:block;
	clear:both;
	content:"";
}
#content {
	width:433px;
	float:left;
}
.banner-box {
	width:436px;
	position:relative;
	z-index:1;
	overflow:hidden;
	padding:74px 0 0;
	margin:0 0 0 -22px;
	background:url(../images/bg-banner-t.png) no-repeat;
}
.banner-box .holder {
	width:100%;
	float:left;
	background:url(../images/bg-banner.png) repeat-y;
}
.banner-box .frame {
	position:relative;
	margin:-74px 0 -93px;
	z-index:10;
	padding:10px 20px 0 24px;
}
.banner-box .heading {
	display:block;
	font-size:28px;
	line-height:28px;
	font-weight:normal;
}
.banner-box p {
	margin:5px;
	font-size:18px;
	line-height:25px;
	//letter-spacing:1px;
	//word-spacing:1px;
	color:#757575;
}

.banner-box .bottom {
	width:100%;
	height:93px;
	clear:both;
	background:url(../images/bg-banner-b.png) no-repeat;
}
.content-area {
	height:1%;
	overflow:hidden;
	padding:5px 0 0 20px;
}
.banner-hold {
	height:1%;
	overflow:hidden;
	padding:0 0 19px;
}
.banner-list {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
.banner-list li {
	float:left;
	padding:0 9px 0 0;
}
.banner-list li img {
	padding-top: 25px;
	display:block;
}
.banner-hold .text {
	margin: 2px;
	height:1%;
	overflow:hidden;
	padding:0 27px 0 0;
}
.banner-hold .text p {
	margin-bottom:5px;
	line-height:17px;
}
#sidebar {
	float:right;
	width:220px;
	min-height:333px;
	padding:0 31px 0 18px;
	background:url(../images/bg-sidebar.png) no-repeat;
}
* html #sidebar {
	height:333px;
}
.heading-text {
	margin:0 0 0 2px;
}
.text-update {
	display:block;
	width:113px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/update-text.gif) no-repeat;
}
.update-list {
	margin:0;
	padding:11px 0 0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.update-list li {
	height:1%;
	overflow:hidden;
	padding:0 0 15px;
}
.btn-look {
	float:left;
	width:67px;
	height:67px;
	margin:0 13px 0 0;
	text-indent:-9999px;
	overflow:hidden;
}

.update-list li .title {
	display:block;
	line-height:14px;
	margin:0 0 3px;
	color:#282828;
}
.update-list li p {
	margin:0;
	line-height:14px;
}
.update-list li .text {
	height:1%;
	overflow:hidden;
}






/* product-inner */
.product-box {
	height:1%;
	overflow:hidden;
	padding:8px 0 0 13px;
}
.product-box .heading-text {
	margin:0 0 7px 16px;
}
.text-product {
	display:block;
	width:123px;
	height:23px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/product-text.gif) no-repeat;
}
.intro {
	width:100%;
	overflow:hidden;
	margin:0 0 11px;
}
.intro .holder {
	width:524px;
	overflow:hidden;
	padding:16px 151px 18px 14px;
	background:url(../images/bg-top-line.png) no-repeat;
}
.intro .bottom {
	width:675px;
	height:4px;
	overflow:hidden;
	clear:both;
	background:url(../images/bg-bottom-line.png) no-repeat;
}
.intro .frame {
	float:left;
	padding:0 34px 0 0;
}
.intro .frame img {
	display:block;
}
.intro .title {
	display:block;
	font-size:20px;
	line-height:30px;
	color:#4d4d4d;
}
.intro p {
	font-size:20px;
	line-height:28px;
	margin:0 0 15px;
}
.product-box .banner-hold {
	padding:0 102px 19px 13px;
}






/* footer-box */
/**************************************/
#footer-holder {
	width:100%;
	display:table-footer-group;
}
.footer-area {
	height:1%;
	display:table-row;
}
#foorer {
	width:100%;
	overflow:hidden;
	color:#d4d2d2;
	background:url(../images/bg-footer-t.png) no-repeat;
}
#foorer .holder {
	width:660px;
	overflow:hidden;
	position:relative;
	margin:12px 0 0;
	padding:14px 77px 0 18px;
	background:url(../images/bg-footer.png) repeat-y;
}
#foorer .bottom {
	height:7px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	background:url(../images/bg-footer-b.png) no-repeat;
}
#footer a {
	color:#d4d2d2;
}
.footer-nav {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
.footer-nav li {
	display:inline;
	padding:0 4px 0 8px;
	background:url(../images/separator1.gif) no-repeat 0 50%;
}
.footer-nav li:first-child {
	background:none;
}
.footer-nav li a {
	color:#d4d2d2;
}
.copyright {
	float:right;
}
.footer-logo {
	position:absolute;
	top:0;
	right:10px;
	width:40px;
	height:23px;
	cursor:pointer;
}
.footer-logo span {
	display:block;
	height:100%;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/footer-logo.png) no-repeat;
}