body {
position: relative;
width: 100%;
height: 100%;
text-align: center;
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans;
font-size: 11px;
background: #666;
color: #666;
}

a {
color: #063767;
}

a img {
border: none;
}

#container {
text-align: left;
margin: 0px auto;
width: 750px;
background: #fff;
border-top: 8px solid #064093;
}

#homeHeader {
height: 250px;
position: relative;
}

#homeHeader h1, #homeHeader h2, #header h1, #header h2 {
margin: 0px;
padding: 0px;
display: none;
}

#homeHeader #logo {
position: absolute;
top: 185px;
left: 25px;
}

#header {
height: 130px;
position: relative;
}

.blueprints {
background: url(images/top_blueprints.jpg) no-repeat top center;
}

.builders {
background: url(images/top_builders.jpg) no-repeat top center;
}

.crane {
background: url(images/top_crane.jpg) no-repeat top center;
}

.field {
background: url(images/top_field.jpg) no-repeat top center;
}

.tapemeasure {
background: url(images/top_tapemeasure.jpg) no-repeat top center;
}

.threeguys {
background: url(images/top_threeguys.jpg) no-repeat top center;
}

.twoguys {
background: url(images/top_twoguys.jpg) no-repeat top center;
}

.wood {
background: url(images/top_wood.jpg) no-repeat top center;
}

#header #logo {
position: absolute;
top: 65px;
left: 25px;
}

#nav {
float: left;
width: 250px;
margin-top: 10px;
margin-bottom: 50px;
}

#nav ul {
list-style: none;
border-top: 1px dotted #666;
margin: 0px 20px;
padding: 0px;
}

#nav ul li {
border-bottom: 1px dotted #666;
padding: 8px;
}

#nav ul li a {
text-decoration: none;
color: #666;
}

#nav ul li a:hover {
color: #063767
}

#extra {
margin: 20px;
}

#homeContent {
position: relative;
margin-left: 250px;
padding-right: 20px;
}

#homeContent p {
text-align: justify;
}

#content {
padding: 0px 20px 0px 0px;
position: relative;
margin-left: 250px;
margin-bottom: 50px;
}

#content #subnav {
position: relative;
top: -40px;
float: right;
font-size: 1.1em;
}

#content h1, #homeContent h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: 600;
font-size: 25px;
}

html > body #content h1, html > body #homeContent h1 {
font-weight: 400;
}

#content h2 {
font-size: 1.3em;
}

#content h3 {
font-size: 1.3em;
margin: 0px;
padding: 0px;
}

#content .snugtop {
margin-top: 0px;
margin-bottom: 20px;
}

#content {
height: 1%; /* Stupid IE Hack */
}

#content li {
padding-bottom: 10px;
}

.projectBox {
float: right;
clear: right;
width: 175px;
border: 1px solid #999;
background: #eee;
text-align: center;
padding: 5px;
margin-bottom: 30px;
margin-right: -5px;
margin-left: 5px;
}

.projectBox img {
border: 3px double #999;
}

.projectBox h2 {
border-bottom: 1px dotted #999;
padding-bottom: 8px;
}

.projectBox p {
text-align: left;
margin: 0px 8px 3px 8px;
}


form {
display: block;
position: relative;
width: 65%;
margin: 30px auto;
}

label {
display: block;
width: 100%;
display: block;
height: 25px;
color: #999;
clear: right;
}

input {
width: 50%;
float: right;
margin-bottom: 3px;
border: 1px solid #aaa;
}

textarea {
width: 100%;
float: right;
margin-top: 10px;
}

input {
color: #666;
}

input.button {
color: #000;
width: 100px;
margin-top: 20px;
margin-right: 35%;
}

.checkboxes input {
width: 15px;
border: none;
margin-top: -2px;
}

.checkboxes label {
width: 70%;
margin-left: 15%;
}


#homeFooter {
color: #999;
position: relative;
clear: both;
margin-left: 20px;
margin-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
text-align: right;
line-height: 1.5;
border-top: 1px dotted #999;
}

#footer {
color: #999;
position: relative;
clear: both;
margin-left: 250px;
margin-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
text-align: right;
line-height: 1.5;
border-top: 1px dotted #999;
}

#verde {
color: #aaa;
margin-top: 10px;
margin-bottom: 5px;
}

#verde a {
color: #396;
text-decoration: none;
}