body {margin: 0; border: 0; padding: 0; background: #fff;} img {border: 0; padding: 0; margin: 0; display: block;} .clearBoth {clear: both;} /*HOME attributes*/ #homeContainer {width: 928px; padding: 0; margin: auto; margin-top: 25px;} #homeContent {width: 928px; height: 465px; background: url("../images/home.jpg");} #homeHeader {width: 928px; height: 96px; padding: 0; margin: 0;} #homeFooter {width: 928px; height: 22px; padding: 0; margin: auto;} #homeNavContainer {width: 880px; padding-top: 35px; margin: auto; position: relative;} #dropdown-menu {width: 880px;} #headlineBox {width: 880px; margin: auto; padding-top: 35px;} #jobs { position: absolute; top: 384px; left: 631px; } #news { position: absolute; top: 307px; left: 7px; } /*STRUCTURAL attributes*/ #wrapper {width: 928px; margin: auto; background: #fff url("../images/common/line.gif");} #masthead {width: 928px; margin: auto; height: 114px; padding-top: 0px;} #mainContainer {width: 928px; padding: 0; margin: 0; background: #fff url("../images/common/line.gif");} #contentMain {width: 960px; margin: auto;} #contentLeft {width: 160px; float: left;} #contentRight {width: 775px; float: right;} #quoteContainer {width: 170px; padding-top: 20px; padding-left: 20px;} #textContainer {width: 660px; padding-left: 25px; background: url("../images/common/separator.gif") repeat-y;} #footer {width: 928px; margin: auto 0;} #legal {width: 928px; margin: auto; height: 60px; background: url("../images/common/lower-shadow.jpg") no-repeat;} #legalLeft {width: 400px; padding-left: 45px; float: left;} #legalRight {width: 400px; margin: 0px; float: right;} .legal {margin-top: 10px;} .image {display: inline;} .inset {float: right; padding: 5px;} .services {float: right; padding: 0px 8px 8px 8px;} .dot {padding: 5px; vertical-align: top; display: inline;} .separator {padding-top: 7px; margin-bottom: 7px;} .headshot {margin: 0; padding: 0; border: 0; display: block;} .top {float: right;} .subNav {list-style: none; line-height: 22px; padding-top: 0px;} #splitContainer {width: 650px; margin-top: 10px;} #splitLeft {width: 125px; float: left;} #splitRight {width: 500px; float: right; font-family: Arial, Helvetica, Serif; font-size: 11px; color: #666666;} .splitRight a:link {font-family: Arial, Helvetica, Serif; font-size: 12px; color: #666666; text-decoration: underline;} .splitRight a:visited {font-family: Arial, Helvetica, Serif; font-size: 12px; color: #666666; text-decoration: underline;} .splitRight a:hover {font-family: Arial, Helvetica, Serif; font-size: 12px; color: #669933; text-decoration: underline;} .splitRight a:active {font-family: Arial, Helvetica, Serif; font-size: 12px; color: #666666; text-decoration: underline;} #splitLeftContact {width: 300px; float: left;} #splitRightContact {width: 300px; float: right;} #threecolumn {width: 600px; float: left; margin-bottom: 70px;} #threecolumn-lesspad {margin-bottom: 30px;} #fourcolumn {width: 600px; float: left; margin-bottom: 20px;} #locationBox {width: 125px; float: left; padding-right: 40px;} /*LOCATIONS drop-down*/ .ind { width: 400px; padding: 10px; background-color: ##EFEFEF; font-weight: bold; border-bottom: 1px solid white; } .slide { padding: 10px 10px 10px 15px; width: 430px; background-color: #EFEFEF; cursor: pointer; } .slideContact { padding: 10px 10px 10px 15px; width: 550px; background-color: #EFEFEF; cursor: pointer; } #slide_wrap { padding: 30px; background-color: #D47000; } #columnOne { float:left; width: 225px; } /*GALLERY attributes*/ #galleryDesc {width: 600px; float: left; padding-left: 10px; background-color: #D9D9D9;} #galleryContent {width: 610px; float: left;} #galleryLeft {width: 275px; float: left; padding: 0px 0px 25px 0px;} #galleryRight {width: 275px; float: right; padding-bottom: 25px;} /*Pages with pic on LEFT attributes*/ #footer-left {width: 928px; margin: auto; position: relative; z-index:4; top: -12px;} .image-left { margin: 2px; position:absolute; bottom:0; } #image-left {width: 125px; margin: auto; float: left; position: relative; z-index:2; width: 125px; position: absolute; left: 0; bottom: 0;} .imageContainer {float:left; width: 180px; height: 500px; padding: 0px 0px; margin:0px; vertical-align:bottom; position:relative; /* needed to position .pic div */ z-index:2;} .imageContainer-links {float:left; width: 180px; height: 130px; padding: 0px 0px; margin:0px; vertical-align:bottom; position:relative; /* needed to position .pic div */ z-index:2;} .imageContainer-gallery {float:left; width: 180px; height: 125px; padding: 0px 0px; margin:0px; vertical-align:bottom; position:relative; /* needed to position .pic div */ z-index:2;} .imageContainer-studs {float:left; width: 180px; height: 170px; padding: 0px 0px; margin:0px; vertical-align:bottom; position:relative; /* needed to position .pic div */ z-index:2;} .imageContainer-hr {float:left; width: 180px; height: 200px; padding: 0px 0px; margin:0px; vertical-align:bottom; position:relative; /* needed to position .pic div */ z-index:2;} .imageContainer-services {float:left; width: 180px; height: 165px; padding: 0px 0px; margin:0px; vertical-align:bottom; position:relative; /* needed to position .pic div */ z-index:2;} .imageContainer-contact {float:left; width: 180px; height: 200px; padding: 0px 0px; margin:0px; vertical-align:bottom; position:relative; /* needed to position .pic div */ z-index:2;} .imageContainer-timber {float:left; width: 180px; height: 175px; padding: 0px 0px; margin:0px; vertical-align:bottom; position:relative; /* needed to position .pic div */ z-index:2;} .imageContainer-sales {float:left; width: 180px; height: 275px; padding: 0px 0px; margin:0px; vertical-align:bottom; position:relative; /* needed to position .pic div */ z-index:2;} .imageContainer-locations {float:left; width: 180px; height: 125px; padding: 0px 0px; margin:0px; vertical-align:bottom; position:relative; /* needed to position .pic div */ z-index:2;} .imageContainer-laclede {float:left; width: 180px; height: 250px; padding: 0px 0px; margin:0px; vertical-align:bottom; position:relative; /* needed to position .pic div */ z-index:2;} .imageContainer-sustainable {float:left; width: 180px; height: 540px; padding: 0px 0px; margin:0px; vertical-align:bottom; position:relative; /* needed to position .pic div */ z-index:2;} #legal-left {width: 928px; margin: auto; height: 60px; top: -12px; position: relative; background: url("../images/common/lower-shadow.jpg") no-repeat;} /*NAVIGATION attributes*/ .nav {letter-spacing: 75px; margin: auto;} .nav ul {word-spacing: 75px; margin: auto; display: inline;} /*HOME NAV rollover*/ #abouthome {display: block; width: 184px; height: 44px; background: url("../images/nav/about.png") no-repeat;} #abouthome a:hover {background-position: 0 -44px; width: 184px;} #abouthome span {display: none;} #saleshome {display: block; width: 184px; height: 44px; background: url("../images/nav/sales.png") no-repeat;} #saleshome:hover {background-position: 0 -44px; width: 184px;} #saleshome span {display: none;} #timberhome {display: block; width: 185px; height: 44px; background: url("../images/nav/timber.png") no-repeat;} #timberhome:hover {background-position: 0 -44px; width: 184px;} #timberhome span {display: none;} #technologyhome {display: block; width: 184px; height: 44px; background: url("../images/nav/technology.png") no-repeat;} #tecnologyhome:hover {background-position: 0 -44px; width: 184px;} #technologyhome span {display: none;} /*SUB NAV attributes*/ #page-wrap {width: 845px; padding-top: 15px; margin: auto;}/*disregard name - not actually a page wrap!*/ #content {width: 650px; height: 45px; padding-left: 120px;} .button {display: inline; margin: 0px;} #about {display: none; border: 0; padding: 0;} #about-button {opacity: 1.0;} #about li {padding: 0px; margin: 0px 10px 0px 10px; display: inline;} #sales {display: none; border: 0;} #sales-button {opacity: 0.5; padding-left:85px;} #sales li {padding: 0px; margin: 0px 10px 0px 10px; display: inline;} #timber {display: none; border: 0;} #timber-button {opacity: 0.5; padding-left:85px;} #timber li {padding: 0px; margin: 0px 10px 0px 10px; display: inline;} #technology {display: none; border: 0;} #technology-button {opacity: 0.5; padding-left:85px;} #technology li {padding: 0px; margin: 0px 10px 0px 10px; display: inline;} #contact {display: none; border: 0;} #contact-button {opacity: 0.5; padding-left:85px;} #contact li {padding: 0px; margin: 0px 10px 0px 10px; display: inline;} #hr {display: none; border: 0;} #hr-button {opacity: 0.5; padding-left:85px;} #hr li {padding: 0px; margin: 0px 10px 0px 10px; display: inline;} /*TYPE attributes*/ h2 {font-family: Georgia, "MS Trebuchet", serif; text-align: center; font-size: 12pt; color: #fff; font-weight: bold;} h3 {font-family: Georgia, "MS Trebuchet", serif; text-align: left; font-size: 12pt; color: #666666; font-weight: normal;} p {font-family: Arial, Helvetica, Serif; font-size: 11px; color: #666666;} p a:link {font-family: Arial, Helvetica, Serif; font-size: 11px; color: #666666; text-decoration: underline;} p a:visited {font-family: Arial, Helvetica, Serif; font-size: 11px; color: #666666; text-decoration: underline;} p a:hover {font-family: Arial, Helvetica, Serif; font-size: 11px; color: #669933; text-decoration: underline; cursor: pointer;} p a:active {font-family: Arial, Helvetica, Serif; font-size: 11px; color: #666666; text-decoration: underline;} .listText {font-family: Arial, Helvetica, Serif; font-size: 11px; color: #666666; line-height: 14px;} .maintext {font-family: Arial, Helvetica, Serif; font-size: 11px; color: #666666;} .maintext a:link {font-family: Arial, Helvetica, Serif; font-size: 11px; color: #666666; text-decoration: underline;} .maintext a:visited {font-family: Arial, Helvetica, Serif; font-size: 11px; color: #666666; text-decoration: underline;} .maintext a:hover {font-family: Arial, Helvetica, Serif; font-size: 11px; color: #669933; text-decoration: underline;} .maintext a:active {font-family: Arial, Helvetica, Serif; font-size: 11px; color: #666666; text-decoration: underline;} .gallery {font-family: Arial, Helvetica, Serif; font-size: 12px; color: #666666; font-weight: bold;} .gallery a:link {font-family: Arial, Helvetica, Serif; font-size: 12px; color: #666666; text-decoration: underline; font-weight: bold;} .gallery a:visited {font-family: Arial, Helvetica, Serif; font-size: 12px; color: #666666; text-decoration: underline; font-weight: bold;} .gallery a:hover {font-family: Arial, Helvetica, Serif; font-size: 12px; color: #669933; text-decoration: underline; font-weight: bold;} .gallery a:active {font-family: Arial, Helvetica, Serif; font-size: 12px; color: #666666; text-decoration: underline; font-weight: bold;} .nav {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; text-align: center; font-size: 10pt; color: #999999; font-weight: bold; letter-spacing: 4px;} .nav a:link {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; text-align: center; font-size: 10pt; color: #999999; text-decoration: none; letter-spacing: 4px;} .nav a:visited {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; text-align: center; font-size: 10pt; color: #999999; text-decoration: none; letter-spacing: 4px;} .nav a:hover {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; text-align: center; font-size: 10pt; color: #66833B; text-decoration: none; letter-spacing: 4px;} .nav a:active {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; text-align: center; font-size: 10pt; color: #999999; text-decoration: none; letter-spacing: 4px;} .subNav {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; font-size: 12pt; color: #999999; text-decoration: none;} .subNav a:link {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; font-size: 12pt; color: #999999; text-decoration: none;} .subNav a:visited {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; font-size: 12pt; color: #999999; text-decoration: none;} .subNav a:hover {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; font-size: 12pt; color: #67863D; text-decoration: none;} .subNav a:active {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; font-size: 12pt; color: #999999; text-decoration: none;} .legal {font-family: Arial, Helvetica, Serif; font-size: 11px; color: #666666;} .legal a:link {font-family: Arial, Helvetica, Serif; font-size: 11px; color: #666666; text-decoration: none;} .legal a:visited {font-family: Arial, Helvetica, Serif; font-size: 11px; color: #666666; text-decoration: none;} .legal a:hover {font-family: Arial, Helvetica, Serif; font-size: 11px; color: #666666; text-decoration: underline;} .legal a:active {font-family: Arial, Helvetica, Serif; font-size: 11px; color: #666666; text-decoration: none;} /* nav highlight joewashere */ .subNav .highlight {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; font-size: 12pt; color: #67863D; text-decoration: none;} .subNav .highlight a:link {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; font-size: 12pt; color: #67863D; text-decoration: none;} .subNav .highlight a:visited {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; font-size: 12pt; color: #67863D; text-decoration: none;} .subNav .highlight a:hover {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; font-size: 12pt; color: #67863D; text-decoration: none;} .subNav .highlight a:active {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; font-size: 12pt; color: #67863D; text-decoration: none;} .subNav .on {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; font-size: 11pt; color: #67863D; text-decoration: none; padding-left: 12px;} .subNav .on a:link {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; font-size: 11pt; color: #67863D; text-decoration: none; padding-left: 12px;} .subNav .on a:visited {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; font-size: 11pt; color: #67863D; text-decoration: none; padding-left: 12px;} .subNav .on a:hover {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; font-size: 11pt; color: #67863D; text-decoration: none; padding-left: 12px;} .subNav .on a:active {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; font-size: 11pt; color: #67863D; text-decoration: none; padding-left: 12px;} .indent {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; font-size: 11pt; color: #999999; text-decoration: none; padding-left: 12px;} .indent a:link {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; font-size: 11pt; color: #999999; text-decoration: none; padding-left: 12px;} .indent a:visited {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; font-size: 11pt; color: #999999; text-decoration: none; padding-left: 12px;} .indent a:hover {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; font-size: 11pt; color: #67863D; text-decoration: none; padding-left: 12px;} .indent a:active {font-family: Times New Roman, Georgia, "MS Trebuchet", serif; font-size: 11pt; color: #999999; text-decoration: none; padding-left: 12px;} /*FORM*/ form {width: 325px; border: 0px solid #EEE; padding: 0px;} label {display: block; margin-top : 8px; width: 100%; background-repeat: no-repeat;} .formtext {font-family: Helvetica, Verdana, Serif; font-size: 11px; color: #666666;} .textarea {font-family: Helvetica, Verdana, Serif; font-size: 11px; color: #333333;} .required {font-family: Helvetica, Verdana, Serif; font-size: 11px; color: #009900;} /*EMPLOYMENT*/ .jobbox { height: 130px; float: left; width: 185px; border-left: 1px solid #999999; padding-left: 15px; line-height: 15px; margin-top: 10px; } .jobbox:first { border-left: 1px solid #FFFFFF; } h5 {font-family: Arial, Helvetica, Serif; font-size: 12px; color: #666666; margin-bottom: 0px;}