/* ++++++++++++++ BAMBOO FLOORING - STYLE PLANTATION +++++++++++++++ */
/*  LAYOUT  */

* {
	margin: 0;
	padding: 0;
}
body {
	background: #a0a09a url(../images/layout/bg2.jpg) repeat center top;
}
#top {	clear: both; height: 120px;}
#top #logo { color: #FFF; float: left; width: 600px;  }
#top #logo img { width: 400px; height: 120px; float: left; }
#top #topNo { color: #FFF; float: right; width: 300px; margin: 40px auto 5px; text-align: right; font-size: 14px; line-height: 1.3em; }
#top #topNo span { font-size: 20px; font-weight: bold; }

#wrapper {
	margin: 0px auto 30px;
	width: 900px; position: relative;
}

#Left {  width: 200px; float: left;}
    #Left #mainNavigation {	margin: 15px 0 0px 0px; padding: 0px; }
	#Left .ad { margin: 0 auto; position: absolute; top: 397px; width: 220px; height: 135px; }
		#Left .ad img { display: block; border: none; width: 220px; height: 135px; }
	#Left .twitter { margin: 0 auto; position: absolute; top: 532px;  width: 165px; height: 465px; background: transparent url(../images/content/twitter.jpg) no-repeat; padding: 35px 10px 0px 45px;  }
		#Left .twitter .twitterCopy { height: 445px; width: 165px; overflow-x:auto; overflow-y:auto; font-size:11px; }
	#Left .facebook { margin: 0 auto; position: absolute; top: 1035px;  width: 165px; }
		#Left .facebook img {  border: none; width: 220px; height: 135px; display: block; }


#Right { width: 680px; float: right;  }	
	#header { width: 680px; height: 198px; margin: 15px 0; }
	#header img { width: 680px; height: 198px; float: left; }
	#Right #teaser { width: 680px; height:200px;  }
	#Right #teaser img { width: 680px; height:200px; float: left;  }
	#Right #content { margin: 15px 0 10px; clear: both;	}
	
/* ++++++++++++++ FOOTER +++++++++++++++ */

#footer {
	clear: both;
	margin: 0px auto;
	padding: 10px 15px;
	font-size: 10px;
	color: #FFF; 
	line-height: 1.4em;
	background-color: #000;
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}	
#footer #footerCnt {	clear: both; width: 900px; margin: 0 auto;  }
#footer #breadcrumbs {	height:30px;  float: left ;width: 600px; margin: 0; border-bottom: 1px solid #111; }
#footer #breadcrumbs span.copy { float: left; margin-right: 0px; line-height: 20px; color: #333;	 }
#footer #footerCopy { text-align: right;clear: both; padding: 20px 0; }
	#footer #footerCopy a {	color: #FFF; border-bottom: 1px solid #333; }
	#footer #footerCopy a:hover {	border: none; }

#footer #footerNo {float: left; width: 300px; margin: 0 auto 5px; text-align: right; font-size: 14px; line-height: 1.3em; }
#footer #footerNo span { font-size: 20px; font-weight: bold; }

/* clears */
.clear {	clear:both; }
.clearfix:after {	content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {	display: inline-block;}
html[xmlns] .clearfix {	display: block;}
* html .clearfix {	height: 1%;}


/* ++++++++++++++ CONTENT ELEMENTS +++++++++++++++ */

.cnt { background-color: #FFF; margin-bottom: 15px;  padding: 10px 25px 20px 15px; position: relative; }
.cnt a { font-weight: bold; }
.cnt.bamboo {	background: #FFF url(../images/layout/bambooplant.jpg) no-repeat right bottom; }

/* HOME */

.homeBoxLeft { width:450px; float:left; }
.homeBoxRight { width:170px; margin-left:30px; float: right; }
/*.feature01 { border:1px solid #CCC; padding:15px 10px; margin-bottom:15px; background: url(../images/layout/box01.jpg) no-repeat right bottom; }
	.feature01 span { font-size: 12px;	background-repeat: no-repeat;}
.feature02 { border:1px solid #CCC; padding:15px 10px 0px; margin-bottom:15px; height: 70px;
	background: url(../images/layout/box02.jpg)  no-repeat right bottom; line-height:1.5em; color: #666;font-size: 12px; font-weight: bold; }
	.feature02 strong {	font-size: 15px; color: #fd6031;}
.feature03 { border:1px solid #CCC; padding:15px 10px; background: url(../images/layout/box03.jpg) no-repeat 120px center; color: #333; }*/

.feature01 { border:1px solid #CCC; margin-bottom:15px;  }
	.feature01 img { display: block; }
.feature02 { border:1px solid #CCC; margin-bottom:15px;  }
	.feature02 img { display: block; }
.feature03 { border:1px solid #CCC; margin-bottom:15px;  }
	.feature03 img { display: block; }






.feature04 {  width:200px; margin-left:30px; float: right; border:1px solid #CCC; color: #333; font-size: 13px; padding:5px 10px 10px; }
.feature04 img {  margin: 0 auto 10px; }

.feature05 {  width:280px; position: absolute;  right: 20px; top:150px; font-size: 12px;}
.feature05 img {   }

.feature06 { width:200px; margin-left:30px; float: right;}



.boxContainer {	clear: both; margin-bottom: 15px; }
.boxContainer .box { float: left; width: 213px; background-color: #FFF; border: 1px solid #b4b0ab; 
margin-right: 17px; position: relative; }
.boxContainer .box .boxImg  {  margin: 10px auto 5px; width: 195px; height: 130px; }
.boxContainer .box .boxImg img { border: 1px solid #b4b0ab; float: left; width: 193px; height: 128px; }
.boxContainer .box .boxCnt  {  margin: 10px auto 45px; width: 195px; }
.boxContainer .box .boxCnt h2  {  margin: 0; padding: 0; color: #333; font-size: 14px; height: 50px; }
.boxContainer .box .boxCnt h2 a {  color: #333; }
.boxContainer .box .boxCnt p { font-size: 11px; color: #666; }
.boxContainer .box .boxBtn {  position: absolute; bottom: 10px; right: 10px; height: 26px;  }
.boxContainer .box .boxBtn img.read {  width: 80px; height: 26px;  }
.boxContainer .box .boxBtn img.pdf {  width: 95px; height: 26px;  }
.boxContainer .last {	margin-right: 0;}

/* HOW IS IT MADE */
.specs { background-color: #F8F8F8; border: 1px solid #b4b0ab; margin: 15px 0;  padding: 15px; }


/* GALLERY */
.galleryContainer {	clear: both; margin-bottom: 15px; }
.galleryContainer .gallery { float: left; width: 213px; background-color: #FFF; border: 1px solid #b4b0ab; 
margin: 0 17px 10px 0; position: relative; }
.galleryContainer .cnt { float:right; margin: 0pt 0 10px 17px; padding:10px; width:195px }
.galleryContainer .gallery  .galleryImg {  margin: 10px auto ; width: 195px; height: 130px; }
.galleryContainer .gallery  .galleryImg img { float: left; width: 195px; height: 130px; }
.galleryContainer .last {	margin-right: 0;}
.galleryContainer .gallery  .galleryCap {  margin: 10px; font-size: 11px; color: #666;}

/* DOWNLOADS */

.downloads  { border-top: 1px solid #EEE; padding-top: 10px; width: 530px; }
.downloads h3 { margin: 0 0 0 10px; padding: 0; font-size: 13px;}
.downloads .desc { margin: 0 0 0 10px; font-size: 12px; color: #666;}
.downloads ul { border-bottom: 1px solid #EEE; margin: 0 0 10px 0px; }
.downloads ul li { margin: 0 0 0px 10px; }
.downloads ul a { font-weight: normal; }