@import url('reset.css');

body{ background:url(../images/body_bg.jpg) repeat; font:normal 1em/1.25 'news-gothic-std', Arial, Helvetica, sans-serif; color:#444; }
a{ color:#0066a4; font-size:.8125em; font-weight:bold; text-decoration:none; }

#header{ background:#f7f7f7; width:100%; }
#content{ background:#f4f4f4; width:100%; }
#footer{ border-top:1px solid #d9d9d9; padding:25px 0; }
.wrap{ margin:0 auto; width:980px; }
h2{ font-size:1.5em; color:#0066a4; }
h3{ font-size:1.25em; color:#0066a4; text-transform:uppercase; }
h4{ font-size:.875em; color:#000; }
blockquote{ margin:10px 0 50px; }
p{ font-size:.75em; }

/*** Header ***/
#header{ background:url(../images/filmstrip.jpg) bottom repeat-x #f7f7f7; padding:25px 0 140px; }
#header h2{ background:url(../images/headline_homeImprovement.gif) no-repeat; width:925px; height:55px; display:block; text-indent:-9999px; margin-left:20px; clear:both; }
#logo{ float:left; margin-bottom:12px; }
#contact-details{ float:right; width:260px; }
#contact-details li{ display:block; background:url(../images/border_bg.gif) top repeat-x; line-height:1; font-weight:bold; color:#818285; padding:9px 0; }
#contact-details li strong{ color:#000; margin-left:5px; }
#contact-details .fb-like{ margin-left:2px; }
#contact-details #plus-align{ vertical-align:top; display:inline-block; margin-left:-10px; }

/*** Content ***/
#content{ padding:45px 0 0; }
.services{ width:480px; float:left; }
#contractors{ float:right; background:url(../images/contractors_border.jpg) left top no-repeat; }
.services ul{ background:url(../images/homeowner_default.jpg) right top no-repeat; width:480px; height:314px; margin-top:-26px; padding-top:26px; }
#contractors ul{ background:url(../images/contractor_default.jpg) right top no-repeat; }
.services .find-contractors{ background-position:right bottom; }
.services .get-ideas{ background-position:right -344px; }
#contractors .find-customers{ background-position:right -340px; }
#contractors .manage-leads{ background-position:right -680px; }
#contractors .get-tips{ background-position:right -1020px; }
.services h3{ margin:0 0 5px 20px; }
.services li{ padding:0 10px 10px 20px; width:230px; float:left; clear:both; }
.services li h4{ background:url(../images/border_bg.gif) top repeat-x; padding-top:12px; }
.services li p{ margin-bottom:3px; font-size:.8125em; font-family:Arial, Helvetica, sans-serif; }
.services li span{ font-size:.8125em; color:#939393; }
.services li:hover,
.services li.hover{ background:url(../images/li_hover.jpg) left repeat-y; }

/*** Footer ***/
#copy{ float:left; font:normal .6875em/1.5 Arial, Helvetica, sans-serif; color:#7a7a7a; }
#copy a{ color:#7a7a7a; text-decoration:none; font-weight:normal; font-size:1em; }
#copy a:hover{ text-decoration:underline; }
#social-links{ float:right; width:240px; }
#social-links li{ float:left; margin-left:6px; }
#social-links #headline{ color:#818285; font-size:1em; font-weight:bold; margin-left:0; margin-right:9px; }
#social-links #facebook,
#social-links #twitter,
#social-links #plus{ width:19px; height:21px; }
#social-links #facebook a,
#social-links #twitter a,
#social-links #plus a{ width:19px; height:21px; background:url(../images/icons_social.gif) no-repeat; display:block; text-indent:-9999px; }
#social-links #facebook a{ background-position:0 0; }
#social-links #twitter a{ background-position:-25px 0; }
#social-links #plus a{ background-position:-50px 0; }
#social-links #facebook a:hover{ background-position:0 100%; }
#social-links #twitter a:hover{ background-position:-25px 100%; }
#social-links #plus a:hover{ background-position:-50px 100%; }

/*** Contact Form ***/

.input-text{ background:#fff; border:1px solid #d8d8d8; font:normal 16px/16px Arial, Helvetica, sans-serif; padding:10px 15px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
.valid{ border-color:#87ad33; background:#efffd9; }
.error .input-text{ border-color:#bf0a0a; background:#ffdec1; }
div.errors{ display:none; position:absolute; top:35px; left:0; width:540px; padding:12px 30px; background:#ffdec1; border-bottom:1px solid #000; }
.errors h3{ font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#980000; line-height:20px; }
.errors label{ font:bold 18px/20px Arial, Helvetica, sans-serif; color:#464646; margin-bottom:5px; display:block; }

.whiteOverlay{ background:#000; }

.popup-form{ display:none; position:absolute; width:600px; margin-left:-320px; left:50%; z-index:10000; -moz-box-shadow: 0px 0px 20px #000; -webkit-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; background:url(../images/bg_row3.jpg) repeat; }
.popup-form .jqmClose{ position:absolute; top:9px; right:10px; cursor:pointer; width:16px; height:16px; display:block; background:url(../images/closeBtn.jpg) no-repeat; text-indent:-9999px; }
.popup-form .head{ background:url(../images/bg_popupHeader.jpg) repeat-x; height:35px; position:relative; }
.popup-form .head h3{ text-align:center; color:#fff; font:bold 16px/35px Arial, Helvetica, sans-serif; text-shadow:1px 1px 0 #214e6e; }

.popup-form .content{ margin:30px; text-shadow:1px 1px 0 #fff; }
.popup-form .content h2{ font:bold 30px/31px Arial, Helvetica, sans-serif; }
.popup-form .content p{ font:normal 15px/18px Arial, Helvetica, sans-serif; margin:10px 0; }

#contact-form li{ width:255px; float:left; margin-bottom:13px; }
#contact-form li.right{ width:255px; float:right; }
#contact-form li.fullwidth{ width:100%; }
#contact-form li.fullwidth span{ font-weight:normal; text-align:center; font-size:12px; line-height:16px; margin-bottom:15px; }
li.valid{ background:none; border:none; }
li.error label{ color:#BF0A0A; }

.popup-form .content label{ font:bold 13px/18px Arial, Helvetica, sans-serif; display:block; margin-bottom:2px; }
.popup-form .content span{ font:bold 11px Arial, Helvetica, sans-serif; display:block; }
.popup-form .content label span{ display:inline; }
.popup-form .content input.input-text{ width:220px; margin-bottom:2px; }
#contact-form .content #contact-submit{ outline:none; border:none; background:url(../images/btn_contactUs.jpg) top no-repeat; height:52px; width:258px; cursor:pointer; text-indent:-9999px; font-size:0; line-height:0; display:block; margin:0 auto 20px; }
#contact-form .content #contact-submit:hover, #contact-form .content #contact-submit.hover{ background-position:0 -52px; }

/*** Privacy Policy ***/
#privacy h2{ margin-bottom:15px; }
#privacy h3{ color:#000; margin-bottom:5px; }
#privacy h4{ margin-bottom:15px; }
#privacy p{margin-bottom:15px; }
#privacy .wrap{ padding-bottom:40px; }

/******* Self Clearing Floats ********/
.wrap:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }