@charset "utf-8";
/* CSS Document for Adrienne Hodges */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0; border: 0;}
	
body {font: 70% Verdana, Arial, Helvetica, sans-serif; color: #333; background: url(images/mainbody-bkg.jpg) repeat-x;}

.bold {font-weight: bold;}
p {margin-bottom: 15px}
p.clear {clear: both;}
.nomarg {margin-bottom: 0;}
a img {border: none;}
h2 {font: 200% Arial, Helvetica, sans-serif; color: #333; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #00A0C6;}
h1.sentence {color: #CCC; text-align: right; font: 10px Verdana, Arial, Helvetica, sans-serif; padding-top: 5px; padding-right: 75px;}
h3 {font: 140% Arial, Helvetica, sans-serif; margin-bottom: 5px; color: #00A0C6;}

#wrapper {width: 994px; margin: auto auto; background: url(images/wrapper-bkg.gif) no-repeat bottom left;}

#header {height: 138px; background: url(images/header-bkg.jpg) no-repeat top right}
#header .logo {position: relative; top: 20px; left: 30px;}
#header ul.nav {position: relative; top: 10px; padding-left: 340px;}
#header ul.nav li {list-style-type: none; display: inline;}
#header ul.nav li a:link, #header ul.nav li a:visited {text-decoration: none; color: #333; width: 78px; text-align: center; height: 32px; display: block; float: left; padding-top: 5px; margin-right: 5px;}
#header ul.nav li a:hover {background: url(images/nav-bkg-a.jpg) no-repeat; color: #FFF;}
#header ul.nav li#active {text-decoration: none; color: #333; width: 78px; text-align: center; height: 32px; display: block; float: left; padding-top: 5px; background: url(images/nav-bkg-o.jpg) no-repeat; margin-right: 5px;}

.content {padding: 30px; line-height: 16px;}
.content#me {background: url(images/me.gif) no-repeat bottom right;}
.content ul.highlights {margin-bottom: 15px; font-weight: bold;}
.content ul.highlights li {list-style-type: none; line-height: 21px; background: url(images/list-bkg.gif) no-repeat left; padding-left: 16px;}

.content .recentprojects {float: right; width: 465px; margin-left: 30px;}
.content .recentprojects .galleryholder {background: #0297DB url(images/body-bkg.jpg) repeat-x bottom; padding: 15px;}
.content .recentprojects .galleryholder .defaultpic {background: url(images/gallery/cjhrsolutions.jpg) no-repeat; width: 435px; height: 400px;}

.content .question {background: url(images/question-bkg.gif) no-repeat bottom left; color: #A4916A; font-weight: bold; height: 39px; width: 624px;}
.content .question p, .content .questionLg p {background: #F5F3EF url(images/question-p-bkg.gif) no-repeat left top; padding: 3px 5px 5px 30px; margin-bottom: 0;}
.content .answer {background: #ECF9FF url(images/answer-bkg.gif) no-repeat left top; padding: 3px 5px 5px 30px; margin-bottom: 30px; width: 590px;}
.content .answer p {margin-bottom: 0;}
.content .questionLg {background: url(images/question-bkg.gif) no-repeat bottom left; color: #A4916A; font-weight: bold; height: 55px; width: 624px;}

.content .imgright {float: right; margin-left: 30px; margin-bottom: 30px; width: 260px;}
.content p.rightsml {text-align: right; font: 80% Verdana, Arial, Helvetica, sans-serif; margin-bottom: 0; color: #666; position: relative; top: 2px;}

.content .quickquote {clear: right;}
.content .quickquote img.quoteHdg {padding-left: 50px; clear: right;}
.content form {background: #F2EFEB; padding: 7px 5px 7px 10px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666; clear: right;}
.content p.thanks {background: #F2EFEB; padding: 7px 5px 7px 10px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666; clear: right;}
.content form input, .content form textarea {border: 1px solid #FFF; background: #E6E2D7 url(images/input-bkg.jpg) repeat-x top; font: 10px Verdana, Arial, Helvetica, sans-serif; padding: 3px;}
.content form input.radio {background: none; border: 1px solid #F2EFEB; position: relative; top: 4px;}
.content form input.tel {width: 181px;}
.content form label {padding-right: 23px;}
.content form label.second {padding-right: 10px;}
.content form label.nopad {padding-right: 0;}
.content form input.submit {background: #2EBAFE; text-align: center; width: 70px; margin-left: 18px; color: #FFF; border: 1px solid #FFF; height: 20px; position: relative; top: 1px;}
.content form span.bold {padding-right: 12px;}
.content form textarea.comments {height: 12px; position: relative; top: 5px; width: 754px;}
.content form p {padding-bottom: 5px; margin-bottom: 0;}
.content form p.nopad {padding-bottom: 2px;}
.content .testimonial {float: left; width: 452px; margin-right: 30px; margin-bottom: 0px;}
.content .testimonialRight {float: left; width: 452px; margin-bottom: 5px;}
.content .quote {background: #F5F3EF; padding: 15px 15px 1px 15px;}
.content .quoteby {background: url(images/quote-bkg.gif) no-repeat top right; text-align: right; padding-top: 10px;}
.content .quoteby a:link, .content .quoteby a:visited {background-color: #ECF9FF; color: #2EBAFE; text-decoration: none; padding: 3px; position: relative; top: 3px;}
.content .quoteby a:hover {background-color: #2EBAFE; color: #ECF9FF;}
.content .portfolio {margin-right: 17px;}
.content .portfoliolast {margin-right: 0;}
.content .portfolio, .content .portfoliolast {float: left; width: 300px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #999; margin-bottom: 17px; color: #666; line-height: 18px; filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; height: 270px;}
.content .portfolio:hover, .content .portfoliolast:hover {filter: alpha(opacity=200); -moz-opacity: 1; opacity: 1;}
.content .portfolio p, .content .portfoliolast p {padding: 0 10px; margin-bottom: 5px;}
.content a.enlarge:link, .content a.enlarge:visited {background: url(images/button-enlarge.jpg) no-repeat; color: #666; font: 10px Verdana, Arial, Helvetica, sans-serif; padding: 22px 0 5px 0; text-decoration: none; text-align: center; width: 100px; display: block; float: left;}
.content a.enlarge:hover {background: url(images/button-enlarge-o.jpg); color: #FFF;}
.content a.web:link, .content a.web:visited {background: url(images/button-web.jpg) no-repeat; color: #666; font: 10px Verdana, Arial, Helvetica, sans-serif; padding: 22px 0 5px 0; text-decoration: none; text-align: center; width: 100px; display: block; float: left;}
.content a.web:hover {background: url(images/button-web-o.jpg); color: #FFF;}
.content a.review:link, .content a.review:visited {background: url(images/button-review.jpg) no-repeat; color: #FFF; font: 10px Verdana, Arial, Helvetica, sans-serif; padding: 22px 0 5px 0; text-decoration: none; text-align: center; width: 80px; display: block; float: left;}
.content p.portfoliohdg {font: 160% Arial, Helvetica, sans-serif; color: #333;}
.content p.contacthdg {font-weight: bold; color: #00A0C6; width: 150px; float: left;}
.content p.contactdetail {margin-left: 150px;}
.content a:link, .content a:visited {color: #0397DD;}
.content a:hover {text-decoration: none;}
.content .featureCol {background: #E6F7FF url(images/blue-arrow.gif) no-repeat right; padding: 15px 30px 0 15px; float: left; width: 191px; margin-bottom: 10px; height: 220px;} 
.content .featureCol#last {background: #E6F7FF; width: 181px;}
.content .featureCol#lastCol {margin-right: 0; float: none; width: 904px; clear: left; height: auto; padding: 15px 15px 1px 15px; background: #E6F7FF;}

.content .latestnews {position: relative; top: 30px; padding-left: 15px; position: relative;}
.content .latestnews p.hdg {font: 140% Arial, Helvetica, sans-serif; margin-bottom: 0; padding-top: 5px;}
.content .latestnews p.smltext {font: 80% Verdana, Arial, Helvetica, sans-serif; color: #666; margin-bottom: 10px;}
.content .latestnews p {margin-bottom: 10px;}
.content .latestnews img.left {float: left; margin-right: 15px; position: relative; top: -5px;}
.content .latestnews a.tooltip span {display: none;}
.content .latestnews a.tooltip:hover span {display: block; background: url(images/tooltip-bkg.gif) no-repeat; font: 90% Verdana, Arial, Helvetica, sans-serif; position: absolute; left: 50px; top: -40px; width: 111px; height: 36px; padding: 2px 3px; color: #666;}

#footer {border-top: 1px solid #E6E2D7; padding-top: 10px;}
#footer .text {width: 964px; margin: auto auto;}
#footer .text p.left {float: left; width: 500px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #999;}
#footer .text p.right {float: right; width: 400px; text-align: right; color: #999; position: relative; top: -25px;}
#footer .text p.right a:link, #footer .text p.right a:visited, #footer .text p.clear a:link, #footer .text p.clear a:visited {color: #999;}
#footer .text p.right a:hover, #footer .text p.clear a:hover {text-decoration: none;}
#footer .text p.clear {clear: both; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #999;}