/*
colors:
dark toupe (background): #664
bright green (nav): #ab3
khaki: #ddb

*/

body {margin: 0; padding: 0; background: #664 url('/images/body_background.gif') repeat-y top center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #664; text-align: center;}
body.home {background-image: url('/images/home_background.gif'); color: #fff;}
h1, h2, h3, h4, h5, h6 {margin-bottom: 0; color: #670;}
h1 {font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 2.25em; color: #ab3; margin: 0; padding: 30px 0 1em 0; text-transform: uppercase; letter-spacing: .5em;}
h2 {font-size: 1.2em;}
h3, h4, h5, h6 {font-size: 1em;}
p {margin: .25em 0;}
dl {}
dt {font-weight: bold; margin-top: 1em;}
dd {margin-bottom: 1em;}
ul li {list-style: square;}
ul.nobullets li {list-style: none; margin-bottom: 1em;}
a {color: #ab3;}
a:hover {}
a:visited {}
img {border: none;}









/* forms */
form h2 {margin-top: 2em;}
fieldset {border: none; margin: 2em 0;}
legend {font-weight: bold; color: #555;}
form div {margin: 1em 0; clear: both;}
div.text label {width: 20em; float: left; text-align: right;}
label {margin-right: 1em;}
input[type="text"], textarea {font-size: 110%; font-family: Verdana, Arial, Helvetica, sans-serif; background: #eec; border: 1px #442 solid; padding: .1em .2em;}
input[type="radio"], input[type="checkbox"] {margin-right: 1em;}
input[type="submit"] {font-weight: bold; margin: auto; padding: .1em; border: 1px #442 solid; background: #eec; color: #442;}
.required {font-weight: bold; color: #e30;}









#home {width: 300px; margin: 150px auto 0; background: url('/images/nav_logo.gif') no-repeat left center; text-align: left;}
#homenav {margin-left: 150px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; letter-spacing: .5em; border-left: 1px solid #fff; padding: 0;}
#homenav li {display: inline; margin: 0; padding: 0;}
#home li a {text-decoration: none; display: block; padding: .5em 10px;}
#home li a:hover {background: url('/images/arrow-right.gif') no-repeat left center; color: #fff;}
body.home h1 {text-align: center; color: #fff; font-size: 1em;}








#container {width: 700px; margin: auto; text-align: left;}









#nav {width: 160px; float: left; text-transform: uppercase; font-size: .9em; text-align: right; font-family: Arial, Helvetica, sans-serif;}
#nav img {margin: 20px;}
#nav ul {margin: 0; padding: 0;}
#nav li {margin: 0; padding: .5em 20px .5em 0;}
#nav a {text-decoration: none; letter-spacing: .5em;}
#nav a:hover, #nav li.current a {color: #fff;}
#nav li.current {background: url('/images/arrow-left.gif') no-repeat right center;}
/*
#nav li.skip a {color: #ab3;}
#nav li.skip a:hover {color: #ab3;}
*/









#content {width: 460px; margin: 0 0 0 180px; padding: 0; color: #664;}
p, li, dd {line-height: 150%;}
.clients {background: #ddb; margin: 4em -10px 0; padding: 0 20px;}
.clients ul {margin: 0; padding: 0;}
.clients a {color: #664; text-decoration: none;}
.clients a:hover {text-decoration: underline;}
.sample {margin: 20px auto; text-align: center;}
.sample img {margin: auto;}
.clear {clear: both;}









#footer {font-size: .8em; padding: 1em 20px; margin: 0 40px 0 160px; border-top: 1px solid #ddb;}
#footer p {margin: .25em 0;}