/*******************************************/
/**** Styles in main.css **/
/*******************************************/

#header {
height:71px;
background:#766C60 url(../images/body-header-bg.jpg) top right no-repeat;
}

	#logo {
	position:absolute;
	left:20px;
	bottom:8px;
	}
	 
	 #search-div {
	 margin-top:25px;
	 }

#nav-div {
background-color:#ffffff;
}
 
#body {
height:auto;
padding:1px 0 25px 0;
background:#FFFFFF;
}

#body .padding {
margin:10px 30px;
}
/*******************************************/
/*** NEW styles ***/
/*******************************************/
h6 {
color:#663300;
}

#nav-body {
margin-bottom:2px;
z-index:1;/*#nav-body:1,#nav-superfish-zindex:2,#zoom:3*/
position:relative;
}

#nav-body a{
display:block;
float:left;
padding:0 20px 0 30px;
background-image:url(../images/nav-body-bg.gif);
border:1px solid #575450;
margin-right:2px;

color:#999999;
font-family:Trebuchet MS;
font-size:18px;
text-decoration:none;
}
 
#nav-body a:hover{
color:#666666;
background-image:url(../images/nav-body-bg-over.gif);

border:1px solid #575450;
border-top:none;
padding-top:1px;
}

	#nav-body a#current-page{
		color:#666666;
		background-image:url(../images/nav-body-bg-over.gif);
		
		border:1px solid #575450;
		border-top:none;
		padding-top:1px;
	}

#body h3 a {
text-decoration:none;
color:#746A5E;
}

#body a {
text-decoration:none;
color:#746A5E;
}

#body h3 a:hover {
color:#B9AD9F;
}

#body a:hover {
color:#B9AD9F;
}


.wood-samples {
float:left;
width:272px;
height:350px;
overflow:hidden;
margin-bottom:40px;
}

.wood-samples.middle {
margin:0 18px;
}
	.wood-samples h4 {
	margin:0;
	padding:0;
	
	text-transform:uppercase;
	}

	.wood-samples a{
	display:block;
	width:50px;
	height:25px;
	background-image:url(../images/wood-samples-sprite.jpg);
	margin-top:2px;
	}

#leftSideBar {
float:left;
width:32%;
margin-right:4%;
overflow:hidden;
}

#rightSideBar {
float:right;
width:32%;
margin-left:4%;
overflow:hidden;
}

#main {
float:left;
width:64%;
overflow:hidden;
}

#main2column {
float:left;
width:48%;
margin-right:2%;
overflow:hidden;
}

#sideBar2column {
float:right;
width:48%;
margin-left:2%;
overflow:hidden;
}


.market-segment {
float:left;
width:100%;
clear:both;
margin-bottom:1em;
}

	.market-segment ul {
	list-style-position:inside;
	}
	
	.market-segment img {
	border:1px solid #666666;
	}

/*************************************************/
/*** Gallery ***/
/*************************************************/
#gallery {
clear:both;
border:3px double #bbbbbb;
margin:20px;
}

/*************************************************/
/*** General Classes ***/
/*************************************************/
.floatLeft {float:left;}
.floatRight {float:right;}


/*************************************************/
/*** three column ***/
/*************************************************/
#threeColumn {clear:both}
#threeColumn div{width:33%; float:left; overflow:hidden}
#threeColumn div div.padding{width:auto; float:none}
#threeColumn #col1 .padding {padding-right:10px;}
#threeColumn #col2 .padding {padding: 0 10px;}
#threeColumn #col3 .padding {padding-left:10px;}


/*************************************************/
/*** these classes can be selected in the C5 editor ***/
/*************************************************/
.floatLeft {
clear:both;
display:block;
float:left;
}

.floatRight {
clear:both;
display:block;
float:right;
}

/*************************************************/
/*** css shadow for divs ***/
/*************************************************/
.shadow-container {
	position: relative;
	left: 3px;
	top: 3px;
	margin:0 23px 10px;/*desired margin + 3*/
}
 
.shadow-container .shadow2,
.shadow-container .shadow3,
.shadow-container .content-border {
	position: relative;
	left: -1px;
	top: -1px;
}
 
	.shadow-container .shadow1 {
		background: #F1F0F1;
	}
 
	.shadow-container .shadow2 {
		background: #DBDADB;
	}
 
	.shadow-container .shadow3 {
		background: #B8B6B8;
	}
 
	.shadow-container .content-border {
		background: #ffffff;
		border: 1px solid #848284;
		padding: 10px;
	}