@charset "utf-8";
/* CSS Document */
*{
	margin: 0px;
	padding: 0px;
}
html,body{ overflow-x:hidden;}
body{
	background-color: #FFF;
	background-image: url(bg/body_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #999;
}
a{
	text-decoration: none;
}
a:hover{}
ins{ display:none;}
li{ list-style-type:none;}
.clear{clear:both;}
img{ border:none;}
.wrapper{ width:1000px; margin:0 auto;}
.header{ height:100px;}
.header h1{
	position: absolute;
}
.header h1 a{
	display: block;
	width: 290px;
	height: 100px;
}
.header dl{
	float: right;
	text-align: right;
	color: #FFF;
	width: 350px;
	padding: 20px 20px 0 0;
}
.header dl dt{
	font-weight: bold;
}
.header dl dd{
	font-size: 10px;
}
.visualBox{
	height: 360px;
	background-image: url(bg/visual_box_bg.gif);
	background-repeat: no-repeat;
}
.visualBox .nav{
	width:253px;
	float:left;
	height: 310px;
	padding-top: 50px;
}
.visualBox .nav ul{}
.visualBox .nav ul li{
	background-image: url(bg/nav_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 42px;
	padding-bottom: 4px;
}
.visualBox .nav ul li.current a,.visualBox .nav ul li.current a:hover{
	background-position: bottom;
}
.visualBox .nav ul li a{
	display: block;
	height: 38px;
	width: 241px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}
.visualBox .nav ul li a.home{
	background-image: url(bg/nav_home.gif);
}
.visualBox .nav ul li a.product{
	background-image: url(bg/nav_product.gif);
}
.visualBox .nav ul li a.about{
	background-image: url(bg/nav_about.gif);
}
.visualBox .nav ul li a.contact{
	background-image: url(bg/nav_contact.gif);
}
.visualBox .nav ul li a:hover{
	background-position: center;
}
.visualBox #sliderWrapper{
	height: 360px;
	width: 747px;
	float: right;
	overflow: hidden;
}

.contentBox{
	background-image: url(bg/content_bg.gif);
	background-repeat: no-repeat;
	height: 339px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}
.sider {
	float: left;
	width: 253px;
	height: 339px;
}
.rightContent {
	float: right;
	width: 747px;
	height: 339px;
}
.productPanel {
	height: 253px;
	width: 475px;
	float: left;
	padding-top: 78px;
	overflow: hidden;
	position: relative;
}
.productPanel ul{
	width: 475px;
	height: 160px;
}
.productPanel ul li{float:left;}
.productPanel ul a.current{
	background-image: url(bg/arrrow_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 180px;
}
.productDec{
	width: 365px;
	height: 90px;
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-left: 100px;
	padding-top: 10px;
	padding-right: 10px;
	display: none;
	position: absolute;
	padding-bottom: 0px;
}
.productPanel dl {
	width: 280px;
	float: left;
	display: block;
}
.productPanel dl dt{
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
}
.productPanel dl dt a{
	color: #000;
}
.productPanel dl dt a:hover
.productPanel dl dd{
	line-height: 16px;
}
.productPanel dl dd a{
	color: #5f845b;
}
.productPanel dl dd a:hover{
	color: #052D01;
}
a.readMore {
	background-image: url(bg/read_more_btn.gif);
	background-repeat: no-repeat;
	display: block;
	height: 59px;
	width: 60px;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}
a.readMore:hover{
	background-position: right;
}
#product1{
	background-image: url(bg/product_01.gif);
}
#product2{
	background-image: url(bg/product_02.gif);
}
#product3{
	background-image: url(bg/product_03.gif);
}
.aboutPanel {
	height: 283px;
	width: 242px;
	float: right;
	padding-top: 56px;
	padding-right: 15px;
	padding-left: 15px;
	position: relative;
	color: #5f845b;
	line-height: 18px;
}
.aboutPanel p {
	background-image: url(bg/nav_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 5px;
	padding-bottom: 10px;
}
.rightContent a.more {
	background-image: url(bg/more_button.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 44px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	position: absolute;
	top: 10px;
	right: 10px;
}
.rightContent a.more:hover{
	background-position: bottom;
}



.footer{
	background-color: #b9d1a5;
	height: 160px;
}
.footer .wrapper{
	position: relative;
	height: 160px;
}
a.footerLogo {
	background-image: url(bg/footer_logo.gif);
	background-repeat: no-repeat;
	display: block;
	height: 167px;
	width: 129px;
	position: absolute;
	top: -19px;
	right: 10px;
}
.footerNav .wrapper dl {
	clear: both;
	line-height: 16px;
	color: #3c7639;
	padding-top: 10px;
}
.footerNav .wrapper dl dt {
	font-weight: bold;
	color: #2D5741;
}



.footer .footerNav{
	line-height: 35px;
	background-image: url(bg/footerNav_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.footer .footerNav ul{
	font-weight: bold;
}
.footer .footerNav ul li{ float:left;}
.footer .footerNav ul li a{
	display: block;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
}
.footer .footerNav ul li a:hover{
	background-color: #596550;
}


.nav-links {
	position: absolute;
	top: 30px;
	left: 20px;
	width: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-links li {
	line-height: 1.6em;	
	font-size: 1.2em;
}

.galleryview {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	float: none;
	width: 747px;
}


img.nav {
	border: 1px solid black;
	margin-bottom: 5px;
}
a:link, a:visited {
	color: #3671A8;
}
a:hover {
	color: #CC5914;
}
.panel-overlay{
	background-image: url(bg/go.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.panel-overlay h2{padding-top:12px;}
.panel-overlay h2,
.panel-overlay p{
	margin: .3em 0;
	font-size: 14px;
}
.panel-overlay p {
	font-size: 9px;
}
.productWrapper {
	background-image: url(bg/product_bg.gif);
	background-repeat: repeat-y;
	margin-top: 10px;
	margin-bottom: 30px;
	width: 1000px;
	position: relative;
}
.peoductHeader {
	background-image: url(bg/product_header.gif);
	background-repeat: no-repeat;
	height: 36px;
	line-height: 36px;
	padding-left: 273px;
}

.productWrapper .productBottom {
	background-image: url(bg/product_bottom.gif);
	background-repeat: no-repeat;
	height: 11px;
	clear: both;
	overflow: hidden;
}
.productSider {
	float: left;
	width: 253px;
	background-image: url(bg/sider_bg.gif);
	background-repeat: no-repeat;
	height: 700px;
}
.productContent {
	float: right;
	width: 707px;
	padding-right: 20px;
	padding-left: 20px;
}
.siderBottom {
	background-image: url(bg/sider_bottom.gif);
	background-repeat: no-repeat;
	height: 301px;
	position: absolute;
	left: 0px;
	bottom: 11px;
	width: 253px;
}
.productSort {
	line-height: 21px;
}
.productSort span {
	padding-right: 15px;
	float: left;
}
.productSort span strong {
	color: #666;
	padding-right: 3px;
	padding-left: 3px;
}
.productSort a {
	padding-right: 6px;
	padding-left: 6px;
	display: block;
	float: left;
}
.productBox{
	clear: both;
	margin-top: 10px;
	margin-bottom: 30px;
}
.productBox h3{
	line-height: 33px;
	background-image: url(bg/product_title_bg.gif);
	background-repeat: no-repeat;
	height: 33px;
	padding-left: 20px;
	font-size: 14px;
	color: #052d01;
	position: relative;
	margin-bottom: 15px;
}
.productBox h3 a.top {
	background-image: url(bg/top_btn.gif);
	background-repeat: no-repeat;
	display: inline;
	height: 33px;
	width: 42px;
	position: absolute;
	right: 0px;
	color: #FFF;
	font-size: 10px;
	text-align: center;
	top: 0px;
}
.productBox h3 a.top:hover{
	background-position: bottom;
}
.productImg {
	width: 160px;
	float: left;
}

.productImg a.zoomBtn {
	background-image: url(bg/zoom_btn.gif);
	background-repeat: no-repeat;
	display: block;
	height: 37px;
	width: 84px;
	margin-right: auto;
	margin-left: auto;
	line-height: 37px;
	color: #999;
	padding-left: 47px;
}
.productInfo {
	float: right;
	width: 530px;
}

.productImg a.zoomBtn:hover{
	background-position: bottom;
}
.productInfo dl{}
.productInfo dl dt{
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	color: #052D01;
}
.productInfo dl dd{
	line-height: 18px;
	color: #777;
}
.productInfo dl dd p{
	background-image: url(bg/nav_line.gif);
	background-repeat: repeat-x;
	padding-bottom: 10px;
	background-position: bottom;
	margin-bottom: 5px;
}
.productSider dl{}
.productSider dl dt{
	background-image: url(bg/sider_nav_line.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 45px;
}
.productSider dl dt.current a{
	background-image: url(bg/sider_nav_choose.gif);
	background-repeat: no-repeat;
}
.productSider dl dt a{
	display: block;
	line-height: 38px;
	height: 38px;
	padding-left: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #3e6430;
}
.productSider dl dt a:hover{
	color: #052D01;
}
.productSider dl dd{

	display:none;
	}
.productSider dl dd a{
	display: block;
	padding-left: 30px;
		height: 30px;
	line-height: 30px;

}

#SLB-Wrapper
{
  margin:0.5em 0;
  margin:auto;
  font-family:Verdana;
  text-align: left;
  position: absolute;
}

#SLB-Wrapper #SLB-Background
{
  position: absolute;
  left:7px;
  top:7px;
  float:left;
}

#SLB-Wrapper #SLB-Top
{
  background:transparent no-repeat scroll 100% 0;
  height:28px;
  margin:0 0 0 18px;
}

#SLB-Wrapper #SLB-Top a
{
  float:right;
  display:inline;
  padding:0;
  margin:5px 10px;
  width:41px;
  height:16px;
  text-decoration:none;
}

#SLB-Wrapper #SLB-Top a:hover
{
  background-position:0px -16px;
}

#SLB-Wrapper #SLB-Top img
{
  float:right;
  border:0px;
  margin:6px 10px;
  width:41px;
  height:16px;
}

#SLB-Wrapper #SLB-Top div
{
  background:transparent no-repeat scroll 0 0;
  font-size:0;
  height:28px;
  left:-18px;
  line-height:0;
  position:relative;
  width:18px;
}

#SLB-Wrapper #SLB-Bottom
{
  background:transparent no-repeat scroll 0 43%;
  height:20px;
  margin:0 18px 0 0;
}

#SLB-Wrapper #SLB-Bottom #SLB-BottomRight
{
  background:transparent no-repeat scroll 100% 43%;
  font-size:0;
  height:20px;
  right:-18px;
  line-height:0;
  position:relative;
  width:100%;
  float:right;
}

#SLB-Wrapper #SLB-Bottom.SLB-bbnav,
#SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight
{
  height:52px;
}

#SLB-Wrapper #SLB-Bottom.SLB-bbnav
{
  background-position:0 100%;
}

#SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight
{
  background-position:100% 100%;
}

#SLB-Wrapper #SLB-Contenido
{
  border-left: 7px solid #000;
  border-right: 7px solid #000;
}

#SLB-Wrapper #SLB-Bottom #SLB-Navegador
{
  font-size: 11px;
  color: #fff;
  height:30px;
  border-left:0px;
  border-right:0px;
  padding:10px 0px;
  margin:0;
  line-height:11px;
  float:left;
  width:100%;
}

#SLB-Wrapper #SLB-Navegador #SLB-Right,
#SLB-Wrapper #SLB-Navegador #SLB-Left
{
  display:inline;
  padding:0;
  margin:0;
  width:26px;
  height:26px;
  text-decoration:none;
}

#SLB-Wrapper #SLB-Navegador #SLB-Right
{
  background-position:26px 0;
  margin:0 18px 0 10px;
  float:right;
}

#SLB-Wrapper #SLB-Navegador #SLB-Right:hover
{
  background-position:26px -26px;
}

#SLB-Wrapper #SLB-Navegador #SLB-Left
{
  background-position:52px 0;
  margin-right:10px;
  float:left;
}

#SLB-Wrapper #SLB-Navegador #SLB-Left:hover
{
  background-position:52px -26px;
}

#SLB-Wrapper #SLB-Navegador strong
{
  display: block;
  padding-top:5px;
}
#about{
	background-image: url(bg/about_bg.gif);
}
#about .aboutPanel{
	float: left;
	width: 365px;
}
/*kenny 2010 0127*/
#inner{ height:220px; overflow:hidden;}
#inner .nav{
	margin: 0px;
	height: 210px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#inner #sliderWrapper{
	height: 220px;
	width: 747px;
	float: right;
	overflow: hidden;
	}