html {height:100%; font-size:100%;}
body {margin: 0px; padding: 0px; font: 62.5%; background: #58352a url('images/antiquebg.gif') top left repeat;}
ul li {list-style-type: none; list-style-image: none;}
input {border: 1px solid #999;}
textarea {border: 1px solid #999;}
/* 1 ÷ 16 × desired font size (px) = font size in em */
#logo {position:absolute; left:20px; top:30px; z-index:3}
/* z-index Property make sure element below it is postion:relative; */
#outer-wrap {position: relative; margin: 30px auto; padding: 0px; width: 950px; overflow: hidden;}
#wrap {margin: 0px auto; padding: 0px; width: 850px; overflow:auto; background: white; border: 5px solid white;}
#header {margin: 0px; padding: 0px; width: 850px; height: 158px; background: #6c8042; overflow: auto;}
#header-left {margin: 0px; padding: 0px; width: 425px; float: left; display: inline; overflow:hidden;}
#header-left p {margin: 45px 0px 0px 73px; padding: 0px; font: normal 0.75em Tahoma, Verdana, Helvetica, sans-serif; color: #d9d8d8; text-align: left; line-height: 12px; letter-spacing: 1px;}
#header-right {margin: 0px; padding: 0px; width: 425px; float: left; display: inline; overflow:hidden;}
#header-right p {margin: 45px 10px 0px 73px; padding: 0px; height: 100%; font: normal 0.75em Georgia, Verdana, Helvetica, sans-serif; color: black; text-align: right; line-height: 16px; letter-spacing: 1px;}
#header-right p a:link, #header-right p a:active, #header-right p a:visited {color: black; text-decoration: none;}
#header-right p a:hover {color: black; text-decoration: underline;}
.greytext {font: normal 1.3em Georgia, Verdana, Helvetica, sans-serif; color: #d9d8d8;}
.greentext {color: #6c8042;}
#navbar {margin: 3px 0px 0px; padding: 0px; width: 850px; height: 50px; background: #b0a771; overflow: auto;}
#navbar form {margin: 8px 10px 0 0; font: normal 0.75em Georgia, Verdana, Helvetica, sans-serif; color: black; float: right;}
#navbar ul {float: left; margin: 18px 0px 0px 0px; width: 630px; font: normal 0.875em Georgia, Verdana, Helvetica, sans-serif; color: black;}
#navbar li {display: inline; margin: 0px 10px; text-align: left; letter-spacing: 1px;}
#navbar li.dropdown {position: relative;}
#navbar li a {margin: 0px; padding: 0px; color: black; text-decoration: none;}
#navbar li a:hover {color: black; text-decoration: underline;}
/*
#navbar-left {margin: 0px; padding: 0px; float: left; display: inline; overflow: hidden; width: 550px; text-align:center;}
#navbar-right {margin: 0px; padding: 0px; float: left; display: inline; overflow: hidden; width: 300px;}
#navbar-right form {margin: 16px 0px 0px 0px; padding: 0px 5px 3px 50px; font: normal 0.688em Georgia, Verdana, Helvetica, sans-serif; color: black;}
*/
#left {margin: 3px 0px; padding: 0px; width: 602px; float: left; display: inline; overflow:hidden; background: white;}
#left p {margin: 10px 5px; padding: 0px; font: normal 0.75em Georgia, Verdana, Helvetica, sans-serif; color: black; text-align: left; line-height: 15px;}
#left a.hiddenlinks:link, #left a.hiddenlinks:active, #left a.hiddenlinks:visited {border-bottom: 0px; color: black; text-decoration: none;}
#left a.hiddenlinks:hover {border-bottom: 0px; color: black; text-decoration: none;}
#right {margin: 3px 0px; padding: 0px; width: 248px; min-height: 500px; float: left; display: inline; overflow:hidden; background: white;}
#wood-box {margin: -3px auto 0px; padding: 0px; width: 248px; overflow: auto;}
#wood-box-left {margin: 0px; padding: 0px; width: 124px; float: left; display: inline; overflow:hidden;}
#wood-box-left ul{margin: 0px 3px; padding: 0px;}
#wood-box-left li {margin: 0px; padding: 0px; width: 121px; height: 125px;}
#wood-box-left ul li a {float: right; height: 125px; width: 121px; overflow: hidden; }
#wood-box-left ul li a:hover {float: right; display: inline; text-indent: -121px; }
#wood-box-right {margin: 0px; padding: 0px; width: 124px; float: left; display: inline; overflow:hidden;}
#wood-box-right ul{margin: 0px 0px 0px 3px; padding: 0px;}
#wood-box-right li {margin: 0px; padding: 0px; width: 121px; height: 125px;}
#wood-box-right ul li a {float: right; height: 125px; width: 121px; overflow: hidden; }
#wood-box-right ul li a:hover {float: right; display: inline; text-indent: -121px; }
#right img {margin-top: 3px;}
#menu ul {width: 980px; text-align: right; }
#menu ul li {display:inline;}
#menu ul li a {float: right; height: 25px; width: 141px; overflow: hidden; }
#menu ul li a:hover {float: right; display: inline; text-indent: -141px; }
/* project pages */
#sub-left {margin: 3px 0px; padding: 0px; width: 198px; float: left; display: inline; overflow:hidden; background: white;}
.page-box {margin: 0px; padding: 0px; width: 198px; height: 52px; background: #6c8042;}
.page-box h1 {margin: 0px; padding: 20px 10px 0px;font: normal 0.875em Tahoma, Verdana, Helvetica, sans-serif; color: white; text-align: left; letter-spacing: 1px;}
.sub-box {margin: 3px 0px 10px; padding: 0px; width: 198px; height: 5px; background: #c5d3b5;}
.page-box2 {margin: 0px; padding: 0px; width: 198px; height: 52px; background: #c5d3b5;}
.page-box2 h1 {margin: 0px; padding: 20px 10px 0px;font: normal 0.875em Tahoma, Verdana, Helvetica, sans-serif; color: black; text-align: left; letter-spacing: 1px;}
.sub-box2 {margin: 3px 0px 10px; padding: 0px; width: 198px; height: 5px; background: #6c8042;}
#sub-left p {margin: 10px 0px 20px; padding: 0px 5px; font: normal 0.75em Georgia, Verdana, Helvetica, sans-serif; color: black; text-align: left;}
#sub-left a:link, #sub-left a:active, #sub-left a:visited {color: #a5a4a4; text-decoration: none;}
#sub-left a:hover {color: #6c8042; text-decoration: none;}
#sub-left img {margin-bottom: 3px;}
#sub-middle {margin: 3px 3px; padding: 0px; width: 448px; min-height: 800px; float: left; display: inline; overflow:hidden; background: #e2dfcb;}
#include-content {margin: 0px 16px; padding: 0px; width: 416px; overflow: hidden;}
.include-content-box {margin: 3px 0px 10px; padding: 0px; width: 416px; height: 5px; background: #6c8042;}
#include-content img {margin: 17px 0px 10px;}
#sub-include-content {margin: 20px 0px 0px; padding: 0px; width: 416px; overflow: auto;}
#sic-left {margin: 0px; padding: 0px; width: 185px; float: left; display: inline; overflow: hidden;}
#sic-left h1 {font: bold 1.7em Tahoma, Verdana, Helvetica, sans-serif; color: #6c8042; text-align: left; letter-spacing: 1px;}
#sic-right {margin: 0px; padding: 0px; width: 231px; float: left; display: inline; overflow: hidden;}
#sic-right h1 {padding: 10px 0px 0px; font: bold 0.813em Tahoma, Verdana, Helvetica, sans-serif; color: #707070; text-align: left;}
#sic-right a:link, #sic-right a:active, #sic-right a:visited {color: #707070; text-decoration: none;}
#sic-right a:hover {color: #6c8042; text-decoration: underline;}
#sub-include-content h1 {font: bold 1.7em Tahoma, Verdana, Helvetica, sans-serif; color: #6c8042; text-align: left; letter-spacing: 1px;}
#include-content h1.crumbs {margin: 0px; padding-bottom: 20px; font: bold 0.75em Georgia, Verdana, Helvetica, sans-serif; color: black; text-align: left; line-height: 16px;}
#include-content p {margin: 0px; padding: 0px 0px 20px; font: normal 0.75em Georgia, Verdana, Helvetica, sans-serif; color: black; text-align: left; line-height: 16px;}
.wood-details li {float: left; display: inline; margin: 0 5px 0 0; padding: 0px; width: 121px; height: 125px;}
.wood-details ul li a {float: right; height: 125px; width: 121px; overflow: hidden; }
.wood-details ul li a:hover {float: right; display: inline; text-indent: -121px; }
#middle-content {margin: 0px 17px; padding: 0px; width: 416px; min-height: 670px;}
#middle-content h1 {margin: 20px 0px 0px; padding: 0px; font: bold 1.7em Tahoma, Verdana, Helvetica, sans-serif; color: #6c8042; text-align: left; letter-spacing: 1px;}
#middle-content h2 {font: bold 0.813em Tahoma, Verdana, Helvetica, sans-serif; color: #707070; text-align: left; letter-spacing: 1px;}
#middle-content form {margin: 0px; padding: 10px 0px 0px; font: normal 0.75em Georgia, Verdana, Helvetica, sans-serif; color: black; text-align: left; letter-spacing: 1px;}
#middle-content form input, textarea, select {margin: 0px 0px 5px; padding: 0px;}
#middle-content p {margin: 0px; padding: 0px 0px 0px; font: normal 0.75em Georgia, Verdana, Helvetica, sans-serif; color: black; text-align: left; line-height: 16px;}
#middle-content dl {margin: 0px; padding: 0px 0px 20px; font: normal 0.75em Georgia, Verdana, Helvetica, sans-serif; color: black; text-align: left; line-height: 16px;}
#middle-content dt.sublinks {padding: 0px 10px;}
#middle-content dd.sublinks {padding: 10px 15px;}
#middle-content dl a:link, #middle-content dl a:active, #middle-content dl a:visited {color: black; text-decoration: none;}
#middle-content dl a:hover {color: black; text-decoration: underline;}
#middle-content a:link, #middle-content a:active, #middle-content a:visited {color: black; text-decoration: none;}
#middle-content a:hover {color: black; text-decoration: underline;}
#cabin-right {margin: 3px 0px 3px 3px; padding: 0px; width: 649px; float: left; display: inline; overflow:hidden; background: white;}
#cr-pictures {margin: 0px 0px 3px; padding: 0px; width: 649px; height: 125px; background: white; text-align: center;}
#cr-pictures-left {margin: 0px 0px; padding: 0px 0px; width: 50px; float: left; display: inline; overflow: hidden;}
#cr-pictures-middle {margin: 0px 0px; padding: 0px 0px; width: 549px; float: left; display: inline; overflow: hidden; background: white;}
#cr-pictures-right {margin: 0px 0px; padding: 0px 0px; width: 50px; float: left; display: inline; overflow: hidden;}
#cr-content {margin: 0px; padding: 0px; width: 646px; background: #e2dfcb;}
#cr-content h1 {margin: 0px 10px; padding-top: 20px; font: bold 1.7em Tahoma, Verdana, Helvetica, sans-serif; color: #6c8042; text-align: left; letter-spacing: 1px;}
.cr-content-box {margin: 3px 10px 10px; padding: 0px; width: 629px; height: 5px; background: #6c8042;}
#cr-content p {margin: 0px; padding: 0px 10px 20px; font: normal 0.75em Georgia, Verdana, Helvetica, sans-serif; color: black; text-align: left; line-height: 16px;}
#sub-right {margin: 3px 0px; padding: 0px; width: 198px; float: left; display: inline; overflow:hidden; background: white;}
#sub-right p {font: normal 0.75em Georgia, Verdana, Helvetica, sans-serif; color: black; text-align: left; line-height: 16px;}
.section-box {margin: 0px 0px 3px; padding: 0px; width: 198px; height: 18px; background: #6c8042;}
.section-box h1 {margin: 0px; padding: 2px 5px 0px; font: normal 0.75em Tahoma, Verdana, Helvetica, sans-serif; color: black; text-align: left; letter-spacing: 1px;}
#sub-right form {margin: 0px; padding: 2px 5px 0px; font: normal 0.75em Georgia, Verdana, Helvetica, sans-serif; color: black; text-align: left; letter-spacing: 1px;}
#sub-right img {margin: 0px 0px 3px; padding: 0px;}
.sr-content {margin: 0px; padding: 3px 5px 10px;}
.sr-content p {font: normal 0.75em Georgia, Verdana, Helvetica, sans-serif; color: black; text-align: left; letter-spacing: 1px;}
.sr-content p a:link, .sr-content p a:active, .sr-content p a:visited {color: #6c8042; text-decoration: none;}
.sr-content p a:hover {color: black; text-decoration: underline;}
.project-box {margin: 0px 0px 10px; padding: 0px; width: 198px; background: #b0a771;}
/* end project pages */
/* process and sustainability pages */
#sub-header {margin: 3px 0px; padding: 0px; width: 850px;}
#half-left {margin: 3px 0px; padding: 0px; width: 425px; float: left; display: inline; overflow:hidden; background: white;}
#half-left h1 {margin: 0px; padding: 0px; font: bold 1.7em Tahoma, Verdana, Helvetica, sans-serif; color: black; text-align: left; letter-spacing: 1px;}
#half-left p {margin: 10px 0px 20px; padding: 0px 5px; font: normal 0.75em Georgia, Verdana, Helvetica, sans-serif; color: black; text-align: left; line-height: 16px;}
#half-left img {margin: 10px 0px 10px 25px; padding: 0px;}
#half-right {margin: 3px 0px; padding: 0px; width: 425px; float: left; display: inline; overflow:hidden; background: white;}
#half-right p {margin: 45px 0px 0px; padding: 0px 5px; font: normal 0.75em Georgia, Verdana, Helvetica, sans-serif; color: black; text-align: left; line-height: 16px;}
#half-right img {margin: 10px 0px 10px 25px; padding: 0px;}
.sustain-box {margin: 10px 0px 20px; padding: 0px; width: 850px; background: white; overflow: auto;}
.sustain-box-left {margin: 0px; padding: 0px; width: 420px; float: left; display: inline; overflow: hidden;}
.sustain-box-left h1 {font: bold 1.7em Tahoma, Verdana, Helvetica, sans-serif; text-align: right; letter-spacing: 1px;}
.sustain-box-left h2 {font: bold 0.813em Tahoma, Verdana, Helvetica, sans-serif; color: #707070; text-align: right; letter-spacing: 1px;}
.sustain-box-right {margin: 0px; padding: 0px 0px 0px 20px; width: 405px; float: left; display: inline; overflow: hidden;}
.sustain-box-right p {margin: 0px; padding: 0px; font: normal 0.75em Georgia, Verdana, Helvetica, sans-serif; color: black; text-align: left; line-height: 16px;}
#eviro-box {margin: 3px 0px; padding: 0px; width: 850px; height: 100px; background: #b0a771;}
#eviro-box p {margin: 0px; padding: 30px 0px; font: normal 0.75em Georgia, Verdana, Helvetica, sans-serif; color: black; text-align: center; line-height: 16px;}
.sales-box {margin: 3px 0px 3px; padding: 0px; width: 850px; background: #444243; overflow: auto;}
.sales-box p {margin: 0px; padding: 75px 0px 0px; height: 200px; font: normal 0.75em Georgia, Verdana, Helvetica, sans-serif; color: white; text-align: center; line-height: 16px;}
/* end process and sustainability pages */
/* sell lumber page */
#sl-left {margin: 3px 0px; padding: 20px 0px 50px; width: 350px; float: left; display: inline; overflow: hidden; background: #f2f2f3;}
#sl-left h1 {margin: 0px; padding: 0px 10px; font: bold 1.7em Tahoma, Verdana, Helvetica, sans-serif; color: #b0a771; text-align: left; letter-spacing: 1px;}
#sl-left h2 {margin: 0px; padding: 0px 10px; font: bold 0.813em Tahoma, Verdana, Helvetica, sans-serif; color: #707070; text-align: left; letter-spacing: 1px;}
#sl-left p {margin: 0px; padding: 0px 10px 20px; font: normal 0.75em Georgia, Verdana, Helvetica, sans-serif; color: black; text-align: left; line-height: 16px;}
#sl-right {margin: 3px 0px; padding: 20px 0px 50px; width: 500px; float: left; display: inline; overflow:hidden; background: white;}
#sl-right h3 {margin: 0px; padding: 0px 10px; font: bold 0.813em Tahoma, Verdana, Helvetica, sans-serif; color: #6c8042; text-align: right; letter-spacing: 1px;}
#sl-right h4 {margin: 0px; padding: 0px 10px; font: bold 0.813em Tahoma, Verdana, Helvetica, sans-serif; color: #6c8042; text-align: right; letter-spacing: 1px;}
#sl-right p {margin: 0px; padding: 0px 10px; font: normal 0.75em Georgia, Verdana, Helvetica, sans-serif; color: black; text-align: right; line-height: 16px;}
#sl-right form {margin: 5px 0px 0px; padding: 0px 10px 10px; font: normal 0.75em Georgia, Verdana, Helvetica, sans-serif; color: black; text-align: right;}
#sl-right form p {margin: 5px 0px 0px; padding: 0px 10px 10px; font: normal 1.0em Georgia, Verdana, Helvetica, sans-serif; color: black; text-align: right;}
#sl-right form h4 {margin: 0px; padding: 0px 10px; font: bold 1.0em Tahoma, Verdana, Helvetica, sans-serif; color: #6c8042; text-align: right; letter-spacing: 1px;}
#sl-right form input, textarea, select {margin: 0px 0px 5px;; padding: 0px;}
#sl-right img {margin: 20px 25px; padding: 0px;}
/* end sell lumber page */
#footer {clear: both; margin: 3px 0px; padding: 0px; width: 850px; height: 0px; display: none;}
#outer-footer {clear: both; margin: 3px 0px; padding: 0px; width: 950px;}
#outer-footer p {margin: 5px 65px 20px; padding: 0px; font: normal 0.625em Tahoma, Verdana, Helvetica, sans-serif; color: white; text-align: left;}
#outer-footer a:link, #outer-footer a:active, #outer-footer a:visited {margin: 0px; padding: 0px; color: white; text-decoration: none;}
#outer-footer a:hover {color: white; text-decoration: underline;}