/* css document created by Tyler Jordan - tylerjordan.net */

/* ---------- first things first ---------- */

* { margin: 0; padding: 0; border: none; text-align: left; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; color: #333333; text-decoration: none; }

body { background: url("images/bg.gif") left top repeat #b3d88c; margin-bottom: 15px; }

#wrapper { width: 731px; margin: 0 auto; text-align: center; background: url("images/gradient_bg.png") left top repeat-y; }

#container { width: 721px; margin: 0 auto; }

#left { float: left; width: 315px; }

#right { float: right; width: 380px; margin: 25px 25px 60px 0px; }

#btm { clear: both; width: 730px; padding-bottom: 4px; background: url("images/gradient_btm.png") left top no-repeat; }

#logo { float: left; padding-bottom: 1px; background: url("images/hr.png") left bottom no-repeat; }

/* ---------- main navigation ---------- */

#nav { float: left; margin: 0; width: 225px; white-space: nowrap; padding: 35px 0 45px 55px; background: url("images/gradient_2.png") left top repeat-y; }

#nav span { display: none; }

#nav a { width: 200px; height: 30px; display: block; }
#nav a:hover { visibility:visible; }
#nav a:hover img { visibility:hidden; }

#hide { visibility:hidden; }

#nav #about { background: url("nav/h_about.png") no-repeat top left; }
#nav #services { background: url("nav/h_services.png") no-repeat top left; }
#nav #consultants { background: url("nav/h_consultants.png") no-repeat top left; }
#nav #ot { background: url("nav/h_ot.png") no-repeat top left; }
#nav #faq { background: url("nav/h_faq.png") no-repeat top left; }


/* ---------- contact section ---------- */

#contact { float: left; width: 225px; padding: 45px 0 70px 55px; background: url("images/hr.png") left top no-repeat;}

#contact p { line-height: 16px; margin: 0 0 10px 5px; }

#contact #title { margin-bottom: 15px; }

#referral { margin: 3px; 0 0 4px; }

/* ---------- right side ---------- */

#right p { line-height: 18px; margin: 0 0 12px 5px; }

.photo { border: 1px solid #00923E; padding: 5px; margin-bottom: 15px; }

.sub { margin: 15px 0 5px 0; }

/* ---------- extra styling ---------- */

.bold { display: block; font-weight: bold; }

h2 { line-height: 16px; font-weight: bold; margin: 0 0 2px 5px; }

a { color: #006633; }

a:hover { font-weight: bold; }


.links li, #servicenav li, #servicenav2 li { margin: 0 0 5px 6px; list-style: none; }
.links a, #servicenav a, #servicenav2 a { background: url("bullet.png") left center no-repeat; padding-left: 15px; }

#servicenav, #servicenav2 { width: 300px; background: url("titles/services_nav.png") left top no-repeat; margin-top: 15px; padding: 30px 0 0 0; }
#servicenav2 { background: url("titles/services_nav2.png") left top no-repeat; }

#servicenav  #deactivate { color: #333333; font-weight: bold; cursor: default; }


h3 { font-weight: normal; background: url("bullet_2.png") left top no-repeat; padding-left: 15px; margin-bottom: 5px; }

#benefits li, #offered li { margin: 0 0 5px 6px; list-style: none; }

#offered, .links { margin-bottom: 25px; }

.p2 { line-height: 18px; margin: 0 0 12px 5px; padding-bottom: 12px; background: url("images/hr.png") left bottom no-repeat; }

#btm span { display: none; }

.photo2 { border: 1px solid #00923E; padding: 5px; margin: 15px 0; }