body {margin: 0; padding: 0; background: #fff; color: #333; font-family: "trebuchet ms", arial, sans-serif; font-size: 75%;}

a {color: #5d9732; outline: none;}
a:visited {color: #959b80;}
a:hover {color: #e19f00;}
img {border: 0;}
.nobreak {white-space: nowrap;}
hr {width: 60%; margin: 24px auto; border: 1px solid #cfdfc0; border-width: 1px 0 0; height: 1px;}

#wrapper {width: 735px; margin: 25px auto 12px;}
#logo {display: block; margin-left: -10px; position: relative;}
#contentwrapper {background: url(../img/bg-content.gif) top right repeat-y; border: 1px solid #cfdfc0; border-width: 1px 0; overflow: auto; height: 100%; padding-bottom: 16px;}

#content {float: left; width: 495px; line-height: 1.5;}
#home #mainphoto {height: 237px; width: 494px; background: url(../img/h-ph.jpg) no-repeat;}
#mainphoto {background-color: #86af62; background-repeat: no-repeat; background-position: top left;}
#photo {display: block;}
#home #content h1 {margin-top: -30px; position: relative;}
#content h1 {font-size: 150%; font-weight: normal; margin: 24px 24px 15px 15px;}
#content h2 {font-size: 125%; margin: 18px 24px 4px 15px;}
#content p {margin: 0 24px 12px 15px;}
#content ul {margin: 0 24px 12px 15px; padding: 0; list-style: none; overflow: auto;}
#content ul li {margin: 0 6px 6px; padding: 0 0 0 14px; background: url(../img/li.gif) 0 5px no-repeat;}
#content ul.column li {width: 39%; float: left;}
*html #content .book {margin-left: 0;}
#content .book {float: left; margin: 12px 12px 0 15px}

#content .anchor {list-style-position: inside;}
#content .anchor li {padding-left: 32px; text-indent: -18px; background: transparent url(../img/ic-anchor.gif) no-repeat; margin-bottom: 4px;}

#content div:target, #content div.sftarget {border: 1px solid #cfdfc0; background-color: #f2f7ee; margin-top: 40px; padding: 0 16px 8px;}
#content div:target {width: 90%;}

#content .rtt {text-align: right; margin-bottom: 16px; clear: both; border-top: 1px solid #cfdfc0}
#content .rtt a {padding-right: 12px; background: url(../img/ic-rtt.gif) top right no-repeat;}

#side {float: right; width: 237px; padding-right: 3px;}

#nav, #nav li {margin: 0; padding: 0; list-style: none;}
#nav {border-bottom: 1px solid #cfdfc0;}
#nav li {border-bottom: 1px solid #dce9d3;}
#nav #navcontact {border-bottom-width: 0;}
#nav li a {display: block; width: 237px; height: 35px; background: url(../img/nav.gif) no-repeat; text-indent: -3000px;}
#nav #navhome a {height: 35px;}
#nav #navabout a {height: 29px; background-position: 0 -36px;}
#nav #navservices a {height: 28px; background-position: 0 -66px;}
#nav #navclients a {height: 29px; background-position: 0 -95px;}
#nav #navresources a {height: 29px; background-position: 0 -125px;}
#nav #navcontact a {height: 34px; background-position: 0 -155px;}

#nav #navhome a:hover, #home #nav #navhome a {background-position: -237px 0;}
#nav #navabout a:hover, #about #nav #navabout a {background-position: -237px -36px;}
#nav #navservices a:hover, #services #nav #navservices a {background-position: -237px -66px;}
#nav #navclients a:hover, #clients #nav #navclients a {background-position: -237px -95px;}
#nav #navresources a:hover, #resources #nav #navresources a {background-position: -237px -125px;}
#nav #navcontact a:hover, #contact #nav #navcontact a {background-position: -237px -155px;}

#side div {width: 222px; margin: 26px 0 26px 15px; position: relative; line-height: 1.4;}
#side div h3 {text-indent: -3000px; width: 225px; height: 36px; margin: 0 -3px -8px 0; position: relative;}
#side div p {margin-top: 4px;}
#side #book h3 {background: url(../img/side-hd-diversity.gif) no-repeat;}
#side #book p {margin-top: 8px;}
#side #book img {float: left; margin-right: 10px;}
#side #book2 h3 {background: url(../img/side-hd-ethical.gif) no-repeat;}
#side #book2 p {margin-top: 8px;}
#side #book2 img {float: left; margin-right: 10px;}
#side #eval h3 {background: url(../img/side-hd-eval.gif) no-repeat;}
#side #eval img {float: right; margin: 10px 0 0 10px;}
#side .quote h3 {background: url(../img/side-hd-quote.gif) no-repeat;}
#side .quote p {background: url(../img/bg-quote.gif) bottom right no-repeat;}
#side .quote p.person {font-size: 90%; background: none; margin: -8px 0 0; color: #5d9732;}
.person {font-size: 90%; color: #5d9732;}

#footer {clear: left; width: 100%;}
#copyright, #ftcontact {font-size: 90%; color: #777; padding: 4px 15px;}
#copyright {float: left;}
#ftcontact {float: right;width: 207px;}