@font-face {
    font-family: 'futura_lt';
    src: url('font/futuralt-webfont.eot');
    src: url('font/futuralt-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/futuralt-webfont.woff') format('woff'),
         url('font/futuralt-webfont.ttf') format('truetype'),
         url('font/futuralt-webfont.svg#futura_ltregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'futura_heavy';
    src: url('font/futuralt-heavy-webfont.eot');
    src: url('font/futuralt-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/futuralt-heavy-webfont.woff') format('woff'),
         url('font/futuralt-heavy-webfont.ttf') format('truetype'),
         url('font/futuralt-heavy-webfont.svg#futura_ltheavy') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{
	margin:0;
	padding:0px;
	font-family:'futura_heavy';
	background-image:url(../imgs/bg.png);
}

.header-container{
	background-image:url(../imgs/header-container.png);
	height:107px;
	background-repeat:repeat-x;
	position:relative
}

.header-main{
	width:999px;
	margin:0 auto;
	height:107px;
	background-image:url(../imgs/abliq-brown-header.png);
}

.brown-header{
	background-image:url(../imgs/brown-header.png);
	height:15px;
	right:0px;
	top:0px;
	position:absolute;
	width:50%
}










.menu-item-container{
	position:relative;
	height:48px;
}

.menu-item{
	background-image:url(../imgs/menu-item-bg.png);
	height:48px;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1
}

.menu-item-hover{
	background-image:url(../imgs/menu-item-hover.png);
	height:48px;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	z-index:2
}


.menu-item-text{
	width:100%;
	height:34px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:3;
	text-align:center;
	padding-top:0px;
	color:#361418;
	font-size:13px;
}

.menu-item-text:hover{
	color:#fff;
}

.menu-item-text a{
	color:#361418;
	text-decoration:none;
	font-size:13px;
	display:inline-block; 
	height:31px; 
	width:100%;
	padding-top:18px;
  -o-transition:color .45s ease-out;
  -ms-transition:color .45s ease-out;
  -moz-transition:color .45s ease-out;
  -webkit-transition:color .45s ease-out;
  /* ...and now override with proper CSS property */
  transition:color .45s ease-out;
}


.menu-item-text a:hover{
	color:#fff;
}

.menu-item-current{
	background-image:url(../imgs/menu-item-hover.png);
	height:48px;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2
}



.search-menu-container{
	background-image:url(../imgs/search-menu-bg.png)
}

.search-menu-container-absolute{
	height:25px;
	width:190px;
	position:relative
}

.search-menu{
	background-image:url(../imgs/searchbx.png);
    height:25px;
	width:147px;
	background-size:190px 25px;
	border-width:0px;
	background-color:transparent;
	color:#bf9663;
	font-size:10px;
	font-family:'futura_lt';
	font-style:oblique;
	padding-left:8px;
	padding-right:35px;
}

.search-btn{
	background-image:url(../imgs/search-btn.png);
	background-position:26px 21px;
	width:26px;
	height:21px;
	border-width:0px;
	position:absolute;
	right:2px;
	top:3px;
	cursor:pointer
}











.slider-container{
	background-image:url(../imgs/sliderleftbg.png);
	width:100%;
	position:relative;
}

.slider-main{
	width:999px;
	margin:0 auto;
	text-decoration:right;
	background-image:url(../imgs/obliq-wood-slider.jpg);
	background-repeat:no-repeat;
	position:relative

}

.slider-wood-right{
	background-image:url(../imgs/wood-slider.jpg);
	right:0px;
	top:0px;
	position:absolute;
	width:50%;
}

.slider-main-absolute{
	position:absolute; left:0px; top:0px; z-index:5;
	width:999px;
}





.homepage-container{
	background-image:url(../imgs/homepage.png);
	width:999px;
	height:231px;
	background-size:999px 231px;
	position:relative
}

.homepage-title{
	padding-left:480px;
	padding-top:15px;
	color:#4f2d0a;
	font-size:16px;
}

.homepage-title span{
	font-family:'futura_lt'
}


.homepage-text{
	padding-left:377px;
	padding-top:10px;
}

.homepage-seemore{
	position:absolute;
	right:-20px;
	top:170px;
}

.slider-homepage{
	height:426px;
}

.seemore-item-container{
	position:relative;
	height:30px;
	width:97px;

}

.seemore-item{
	background-image:url(../imgs/seemore.png);
	height:30px;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1
}

.seemore-item-hover{
	background-image:url(../imgs/seemore-hover.png);
	height:30px;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	z-index:2
}

.seemore-item-text{
	width:100%;
	height:20px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:3;
}

.seemore-item-text a{
	color:#361418;
	text-decoration:none;
	font-size:13px;
	display:inline-block; 
	height:20px;
	width:100%;
  -o-transition:color .45s ease-out;
  -ms-transition:color .45s ease-out;
  -moz-transition:color .45s ease-out;
  -webkit-transition:color .45s ease-out;
  /* ...and now override with proper CSS property */
  transition:color .45s ease-out;
}






.page-body-container{
	width:100%;
	background-color:#f4eee8;
	background-image:url(../imgs/bg.png);
	position:relative;
}


.page-body-left{
	background-color:#f6f1eb;
	width:50%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:0

}

.page-body-main{
	background-color:#f6f1eb;
	width:999px;
	margin:0 auto;
	position:relative;
	z-index:5
}

.page-body-main-absolute{
	width:999px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:4
}




.footer-container{
	font-family:'futura_lt';
	font-size:11px;
	color:#FFF;
	background-image:url(../imgs/footer.png); background-repeat:repeat-x; height:42px; position:fixed; width:100%; bottom:0px; z-index:1000000
}

.footer-obliq{
	background-image:url(../imgs/footer-obliq.png);
	width:47px;
	height:42px;
	position:absolute;
	left:0px;
	top:0px;
}

.footer-main{
	width:958px;
	margin:0 auto;
	padding-top:12px;
	padding-left:41px;
}

.footer-main span{
	font-family:'futura_heavy';
	text-decoration:none;
	color:#FFF
}

.footer-a{
	font-family:'futura_heavy';
	text-decoration:none;
	color:#FFF
}

.footer-a:hover{
	color:#0fb396
}














.slider-inner{
	height:140px;
}

.slider-inner-container{
	background-image:url(../imgs/inner-slider.png);
	width:999px;
	height:137px;
	position:relative;
	color:#FFF;
}

.slider-inner-title1{
	position:absolute;
	left:105px;
	top:49px;
	font-family:'futura_heavy';
	font-size:24px;
}

.slider-inner-title2{
	position:absolute;
	left:275px;
	top:73px;
	font-family:'futura_heavy';
	font-size:22px;
}

.slider-inner-subtitle{
	position:absolute;
	left:275px;
	top:93px;
	font-family:'futura_lt';
	font-size:13px;
}


















.inner-page-container{
	padding-left:26px;
	padding-right:22px;
}

.inner-page-container2{
	padding-left:26px;
}

.inner-page-title{
	color:#4f2d0a;
	margin-top:17px;
	margin-bottom:6px;
	padding-left:27px;
}

.inner-page-title2{
	color:#4f2d0a;
	margin-top:30px;
	margin-bottom:6px;
	padding-left:27px;
}

.inner-page-subtitle{
	color:#4f2d0a;
	font-size:15px;
}

.inner-page-breaker{
	height:3px;
	background-color:#0fb396;
	margin-left:27px;
}

.inner-page-breaker2{
	height:3px;
	background-color:#0fb396;
	margin-left:28px;
	margin-right:29px;
}

.inner-page-text{
	font-family:'futura_lt';
	color:#664532;
	font-size:12px;
}

.inner-padding20{
	padding-left:27px;
}

.about-green-bg{
	background-image:url(../imgs/greentitle-bg.png);
	width:279px;
	height:35px;
	margin-top:16px;
	color:#FFF;
	padding-left:30px;
	padding-top:10px;
}

.about-white-bg{
	background-image:url(../imgs/rightbgaboutleft.png);
	background-size:6 100%;
	background-repeat:repeat-x;
	padding:22px;
	text-align:justify;
}






.partners-green-bg{
	background-image:url(../imgs/greentitle-bg2.png);
	width:445px;
	height:35px;
	color:#FFF;
	padding-left:30px;
	padding-top:10px;
	background-repeat:no-repeat;
	font-size:19px;
}

.partners-white-bg{
	width:405px;
	background-color:#FFF;
	padding:20px;
}

.partners-website a{
	color:#664532;
	text-align:right;
	font-family:'futura_heavy';
	width:405px;
	text-decoration:none;
	display:inline-block;
	width:100%;
}

.partners-box{float:left; margin-bottom:35px;
}

.contact-bg-container{
	background-image:url(../imgs/greentitle-bg3.png);
	background-size:295px auto;
	width:296px;
	height:43px;
}

.contact-bg-container-small{
	background-image:url(../imgs/greentitle-bg4.png);
}

.contact-white-bg{
	width:255px;
	background-color:#FFF;
	padding:20px;
}

.contact-subtitle{
	font-size:14px;
	color:#664532;
	margin-bottom:10px;
}

.contact-text{
	font-family:'futura_lt';
	color:#664532;
	font-size:15px;
}









.product-green-bg{
	background-image:url(../imgs/greentitle-bg5.png);
	width:202px;
	height:43px;
	background-repeat:no-repeat;
}

.product-cat-container{
	background-image:url(../imgs/productcat-container.png);
	width:212px;
	
}

.product-cat-item{
	display:inline-block;
	height:35px;
	width:182px;
	background-image:url(../imgs/productcat-container.png);
	color:#664532;
	text-decoration:none;
	padding-left:30px;
	padding-top:5px;
	font-size:14px;
	font-family:'futura_lt';
}

.product-cat-item:hover{
	background-image:url(../imgs/productcat-item-hover.png);
	color:#FFF;
}

.current{
	background-image:url(../imgs/productcat-item-hover.png);
	color:#FFF
}
	

.product-item-container{
	width:161px;
	height:190px;
	position:relative;
	float:left;
	margin:7px;
}
	
.product-item-layer{
	width:161px;
	height:180px;
	background-image:url(../imgs/productlayer.png);
	position:absolute;
	top:0px;
	left:0px;
	padding-top:10px;
	display:none
}

.product-item-whitetitle{
	color:#FFF;
	font-size:14px;
	font-family:'futura_heavy';
}

.product-item-greentitle{
	color:#0fb396;
	font-size:12px;
	font-family:'futura_heavy';
}

.product-item-plus{
	position:absolute;
	bottom:14px;
	right:14px;
}





.popup-container{
	background-image:url(../imgs/productlayer1.png);
	width:100%;
	height:100%;
	z-index:100000000000000000000;
	position:fixed;
	display:none;	
}

.popup{
	width:600px;
	height:400px;
	margin:0 auto;
	margin-top:7%;
	background-image:url(../imgs/bg.png);
	border-radius:3px;
	padding:10px;
	position:relative
}

.popup-title{
	background-color:#0fb396;
	height:35px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	color:#fff;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
}

.popup-close{
	position:absolute;
	right:-10px;
	top:-10px;
	cursor:pointer
}

.popup-text{
	background-color:#f6f1eb;
	height:80%;
	width:96%;
	margin-top:5px;
	overflow:auto;
	padding:2%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}