* {margin:0;padding:0;font-size:1em}
body {font: 75% verdana, sans-serif;background:#dfdfd9}

a {color:#666}

.home .sel a, .home h1, .home #snav .sel a, #gnav .n0 a:hover, .home #content a, .home #content a {color:#c3a33f}
.about .sel a, .about h1, .about #snav .sel a, #gnav .n1 a:hover, .about #content a {color: #9bbf24}
.services .sel a, .services h1, .services #snav .sel a, #gnav .n2 a:hover, .services #content a {color:#8b3124}
.jobs .sel a, .jobs h1, .jobs #snav .sel a, #gnav .n3 a:hover, .jobs #content a {color:#406982}
.contact .sel a, .contact h1, .contact #snav .sel a, #gnav .n4 a:hover, .contact #content a {color:#3b3ba1}


#wrapper {width:77em;min-height:65em;margin:1em 2em;border:solid 1px #ccc;background-color:#fff}
#main {padding:.8em 1em;min-height:65em;}#main:after {content:".";display:block;height:0;clear:both;visibility:hidden}
#brand {width:20em;min-width:180px;float:left}
#brand img {display:block;margin:1em;border:none}

#contentArea {width:54em;float:right;text-align:left;padding:4em 0}
#content {padding-top:1.3em;clear:both;margin-right:10em}
#wrapper:after {content:".";display:block;height:0;clear:both;visibility:hidden}

#gnav {width:47em;float:right}
#gnav ul {width:auto;float:right}
#gnav li, #tnav li {float:left;margin:0 1em 0 0}
#gnav li {border-left:solid 1px #ccc;padding-left:1em}
#gnav li.first {border-left:none}
#gnav a {font-weight:bold;font-size:1.3em}
#content #tnav ul {margin-left:0;padding-left:0}
#snav li li a, #wrapper #snav .sel li a {color: #444; font-size:.9em}
#snav {width:19em;float:left}
#snav ul {margin:.4em 2em 1em} #snav li {margin:0 0 .6em;line-height:1em}
.nav ul, .nav li {list-style:none}
.nav a {color:#444;text-decoration:none;text-transform:uppercase;font:bold 1.1em "penumbra mm", "palatino linotype", palatino, "book antiqua", georgia, serif}


#rnav {margin:0 -4em 2em 2em;width:15em;float:right;text-align:left}
#rnav li a {font-size:.9em}

div.tearsheet {clear:both}
.cf {clear:both}

h1 {font:bold 1.8em "penumbra mm", "palatino linotype", palatino, "book antiqua", georgia, serif}
h1, h2 {text-transform:uppercase;}
h2 {font: bold 1.5em "penumbra mm", "palatino linotype", palatino, "book antiqua", georgia, serif; margin-bottom:8px}
h3, h4 {margin-bottom:.1em; color:#666}
p, li {margin-bottom:1.4em;line-height:1.6em}
.back, .next {font-size:.8em; margin:-.5em 0 .8em}

#content ul {margin-left:1em;margin-bottom:1.6em;padding-left:1em}
#content li {margin-bottom:.3em}
label {width:12em;padding-top:4px;float:left;display:block}
input {width:28em;padding:2px;font-family:courier, monospace} 
input.sm {width: 10em} 
input.btn {width:auto;font:bold .8em verdana} 
textarea {width:40em;padding:4px;font-family:courier, monospace}
form div {clear:left; margin-bottom:1em} form p {margin-bottom:0}

.contact address, .contact address span {display:block;font-style:normal}
.contact address {margin-bottom:1.4em;width:49%;float:left}
.contact address span {line-height:1.4em}

#footer {clear:both;margin: 0 2em;width:77em}
#footer p {font-size:.8em;text-align:center}
