/* Wood Products International Inc - Started Monday, Aug 18, 2008 */
/* Website coded and designed by Sarah Brenner @ Bighouse Graphix - www.bighousegraphix.com - sarah@bighousegraphix.com */

/* Reset global properties
----------------------- */
* {
	margin: 0px;
	padding: 0px;
 }

html, body, p, form, input, label, 
div, span, h1, h2, h3, h4, h5, h6, h7,
br, a, table, tr, td, ul, ol, li, img {
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-decoration: none;
	list-style-type: none;
 }
 
h1, h2, h3 ,h4 ,h5 ,h6 ,h7 {
	display: inline;
 }
 
/* Basic HTML tags
--------------- */
a {
	color: #333333;
 }

a:hover {
	color: #636363;
 }
 
p {
	font-weight: normal;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
 }
 
 h1 {
	font-weight: bold;
	font-size: 22px;
	color: #439639;
	font-family: Arial, Helvetica, sans-serif;
 }
 
  h2 {
	font-weight: bold;
	font-size: 16px;
	color: #439639;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
 }
 
 .email {
	vertical-align: text-bottom;
}

 .drk_green {
	color: #2C6326;
 }
 
  .light_green {
	color: #439639;
 }

  #read_more {
	padding-top: 10px;
	font-size: 11px;
	line-height: 12px;
 } 
 
 
/* Start Website in Sequence */
body {
	background: #ffffff url(images/body_background.gif) repeat-x;
	color: #3a3a3a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
 }

#container {
	background: url(images/bkrnd.jpg) no-repeat;
	background-position: 0px 104px;
	padding: 0px 32px;
	width: 757px;
	height: 690px;
	margin: auto;
 }

#top {
	height: 79px;
	margin: auto;
	padding-top: 25px;
 }
 
 #header {
	height: 210px;
	margin: auto;
 }
 
 #left-column {
	float: left;
	padding: 20px 13px 5px 3.5px;
	width: 374px;
	height: 343px;
}

 #middle-column {
	float: left;
	font-size: 11px;
	line-height: 15px;
	padding: 34px 10px 5px 10px;
	width: 162px;
	border-left: solid #C6C6C6 1px;
	height: 330px;
}

 #right-column {
	float: left;
	font-size: 11px;
	line-height: 15px;
	padding: 52px 10px 5px 10px;
	width: 160px;
	border-left: solid #C6C6C6 1px;
	height: 312px;
}

 #combine-column {
	float: left;
	padding: 20px 13px 5px 3.5px;
	width: 557px;
	height: 343px;
}

#container #header img {
	padding-left: 3.5px;
	float: left;
}

#footer-bar {
	border-top: 7px solid #2C6326;
}

   
 /* End Center */
 
/* Start Nav
--------- */
#nav {
	width: auto;
	height: 73px;
	background: url(images/nav/nav_bkrnd.gif) repeat-x;
	margin: auto;
	position:absolute;  
 }

li.main {
	float: left;
	cursor: default;
	margin: 0px 0px 0px 48px;
	
}

li.mainfirst {
	float: left;
	cursor: default;
	margin: 0px 0px 0px 48px;
	
}

#nav li{ 
	float:left; 
	display: block;
	cursor: default;
}

#nav ul{
	width: 755px;
}

#nav li a{ 
	display:block; 
	text-decoration:none;
} 

#nav li:hover a, 
#nav li.current a{ 
	color:#422313;  
}

#nav li li{ 
	display:block; 
	background:none; 
	margin-right:0; 
}

#nav li li a,
#nav li:hover li a { 
	font-size:11px; 
	color:#439639; 
 	padding: 0px 5px 0px 5px;
}

#nav li ul li {
 float: left;
 position: relative; 
margin-top:17px;
 border-right:1px solid #A1A0A4;
}

#nav li li a.border { 
	border-right:none;
}

#nav li li a:hover { 
	text-decoration:underline; 
	color:#2C6326; 
}


#nav li:hover li a,
#nav li li:hover { 
	background:none;  
}

#nav li ul{ 
	position:absolute; 
	left:-5000px; 
	z-index:1001; 
}
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul{ 
	left:-5000px; 
}
#nav li:hover ul,
#nav li.current ul{ 
	left:0; 
	top:32px; 
	margin-top: 10px;
}
#nav_about { margin-left: 45px;}
#nav_products { margin-left: 167px;}
#nav_sustain { margin-left: 220px ;}
#nav_resources { margin-left: 465px ;}

 /* End Nav */
 

/* Start Bottom */



/* End Bottom */

/* Start Footer */

#footer {
	font-size: 10px;
	margin: auto;
	padding: 0px 32px;
	width: 757px;
}

 #left-footer {
	float: left;
	padding: 15px 13px 5px 3.5px;
	width: 374px;
	height: 20px;
	background: #F0F0F0;
	text-align: center;
}

 #right-footer {
	float: left;
	padding: 10px 13px 5px 3.5px;
	width: 345px;
	height: 20px;
	text-align: center;
}
 
 /* End Footer */
 
 /* Start Forms */

input, textarea {
	border: 1px solid #2f3760;
	background-color: #FFFFFF;
	text-align: right;
 }

form td {
	color: #FFFFFF;
	font-weight: bold;
 }

.submit {
	position: relative;
	left: 79px;
	width: 70px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	background-color: #FFFFFF;
 }
 
.reset {
	position: relative;
	left: 84px;
	width: 70px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	background-color: #FFFFFF;
 }
/* End Forms */