/* 
	Page Layouts CSS Sheet For Maple Summit Forest Products
	Author: Timothy Nealon of Nealon Web Designs
	January 3rd, 2008
	No Part of this document made be copied without written permission from Nealon Web Designs
	Copyright 2008
*/

/*--------------------------------------------------------------------------------------
	>>>>>>>>>>>>>>>>>>>>>     Global      <<<<<<<<<<<<<<<<<<<<<<<<<<<<
	-----------------------------------------------------------------------------------*/
	
body{
margin:0 0 0 0;
padding:0 0 0 0;
}

#wrapper{
width:950px;
margin-left:auto;
margin-right:auto;
}

#top-left{
width:170px;
float:left;
padding-top:330px;
background-image:url(images/container-bg.png);
background-repeat:no-repeat;
border-right:#CCC 1px solid;
}

#top-right{
width:779px;
float:right;
padding-top:25px;
background-image:url(images/top-bar.png);
background-position:top left;
background-repeat:repeat-x;
}

/*---------------------------------------------------------------------------------------
	>>>>>>>>>>>>>>>>>>>          Footer        <<<<<<<<<<<<<<<<<<<<<<<<<<
	-----------------------------------------------------------------------------------*/

#footer{
width:950px;
height:175px;
background:url(images/footer-background.png) no-repeat;
margin-top:15px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
}

.footer-section{
width:300px;
padding:0 15px 0 15px;
float:right;
text-transform:uppercase;
text-align:right;
}

/*------------------------------------------------------------------------------------------
	>>>>>>>>>>>>>>>>        Navigation Bar        <<<<<<<<<<<<<<<<<<<<<<<<<<
	---------------------------------------------------------------------------------------*/

#nav-bar{
height:30px;
text-transform:uppercase;
padding-left:30px;
}

#nav-bar a{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#857d6a;
padding:5px 20px 20px 20px;
text-decoration:none;
}

#nav-bar a:hover{
background-image:url(images/leaf_right.jpg);
background-position:left top;
background-repeat:no-repeat;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#857d6a;
padding:5px 20px 20px 20px;
text-decoration:underline;
}

#nav-bar a.current{
background-image:url(images/leaf_right.jpg);
background-position:left top;
background-repeat:no-repeat;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#857d6a;
padding:5px 20px 20px 20px;
text-decoration:underline;
}

/*------------------------------------------------------------------------------------------
	>>>>>>>>>>>>>>>>           Side Navigation        <<<<<<<<<<<<<<<<<<<<<<<<
	---------------------------------------------------------------------------------------*/

#side-nav{
width: 156px;
}

#side-nav ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#side-nav li a{
display: block;
padding: 3px 0;
padding-left: 3px;
width: 138px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color:#857d6a;
background-color: #f6efdf;
border-bottom: 1px solid #000;
border-left: 7px solid #doc8b5;
}

* html #side-nav li a{ /*IE only */
width: 156px; /*IE 5*/
w\idth: 138px; /*156px minus all left/right paddings and margins*/
}

#side-nav li a:hover {
background-color: #fff;
border-left-color: #857d6a;
}

#side-nav div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color:#857d6a;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}


/*--------------------------------------------------------------------------------------------
	>>>>>>>>>>>>>>>>         Generic Classes        <<<<<<<<<<<<<<<<<<<<<<<<<<
	-----------------------------------------------------------------------------------------*/
	
.clear{
clear:both;
height:2px;
}
	
.float-right{
float:right;
margin:0 0 0 0;
padding:20px 20px 0 15px;
}

/*-------------------------------------------------------------------------------------------
	>>>>>>>>>>>>>>>>>           Form Elements         <<<<<<<<<<<<<<<<<<<<<<<
	----------------------------------------------------------------------------------------*/

#top-right label {
position:absolute;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
margin-left:2em;
}

#top-right input {
margin-left:7em;
margin-bottom:.2em;
line-height:1.4em;
}

#top-right textarea{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
font-weight:bold;
}

/*---------------------------------------------------------------------------------------------
	>>>>>>>>>>>>>>>>>>>        Images          <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
	-------------------------------------------------------------------------------------------*/
	
.we-buy{
margin-left:125px;
}