/*
THEME NAME: Sandbox Yo
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* ========== */
/* = GLOBAL = */
/* ========== */
body {background:#fff url('images/bg-inwardpage.gif') repeat-x 0 0; color:#242424; font-size:62.5%; font-family:'Lucida Sans Unicode','Lucida Grande',sans-serif;}
body#page-home {background-image:url('images/bg-homepage.gif');}
a {color:#47af00; text-decoration:none;}
a:hover {text-decoration:underline;}
#wrapper {width:960px; margin:0 auto;}


/* ========== */
/* = HEADER = */
/* ========== */
#header {min-height:115px; height:auto!important; height:115px; background:url('images/bg-header.jpg') no-repeat center bottom; position:relative;}
#page-home #header {background-image:url('images/bg-header-home.jpg');}
#page-seo #header {background-image:url('images/bg-header-seo.jpg');}
#page-sem #header {background-image:url('images/bg-header-sem.jpg');}
#page-website-conversion #header {background-image:url('images/bg-header-conv.jpg');}
#logo a {text-indent:-9999em; width:243px; height:44px; margin:48px 0 0 26px; float:left; display:inline; background:url('images/logo-1.png') no-repeat 0 0;}
#page-title {font-size:1.1em; line-height:1.2; font-weight:normal; color:#b3b3b3; position:absolute; text-align:right; top:24px; right:26px;}


/* ======= */
/* = NAV = */
/* ======= */
#nav {float:right; display:inline; width:632px; height:52px; padding:8px 0 0 9px; margin:55px 16px 0 0; background:url('images/menu-bg.png') no-repeat 0 0;}
#nav li {float:left;}
#nav a {text-indent:-9999em; display:block; height:43px; background:url('images/menu-1.png') no-repeat 0 0;}
#nav #nav-home {width:101px; background-position:0 0;}
#nav #nav-home:hover {background-position:0 -43px;}
#page-home #nav-home, #page-home #nav-home:hover {background-position:0 -86px;}
#nav #nav-seo {width:103px; background-position:-103px 0;}
#nav #nav-seo:hover {background-position:-103px -43px;}
#page-seo #nav-seo, #page-seo #nav-seo:hover {background-position:-103px -86px;}
#nav #nav-sem {width:103px; background-position:-206px 0;}
#nav #nav-sem:hover {background-position:-206px -43px;}
#page-sem #nav-sem, #page-sem #nav-sem:hover {background-position:-206px -86px;}
#nav #nav-conv {width:103px; background-position:-309px 0;}
#nav #nav-conv:hover {background-position:-309px -43px;}
#page-website-conversion #nav-conv, #page-website-conversion #nav-conv:hover {background-position:-309px -86px;}
#nav #nav-blog {width:103px; background-position:-412px 0;}
#nav #nav-blog:hover {background-position:-412px -43px;}
#page-blog #nav-blog, #page-blog #nav-blog:hover {background-position:-412px -86px;}
#nav #nav-contact {width:103px; background-position:-515px 0;}
#nav #nav-contact:hover {background-position:-515px -43px;}
#page-contact-us #nav-contact, #page-contact-us #nav-contact:hover {background-position:-515px -86px;}


/* =========== */
/* = CONTENT = */
/* =========== */
#content-wrapper {padding-bottom:40px; background:#fff url('images/bg-content.jpg') no-repeat center top;}

/*generic content box setup*/
.content {float:left;}
.content p {font-size:1.2em; margin-bottom:1em; line-height:1.5;}

.content ul {margin:0 0 1.2em 60px;}
.content ul li {list-style-type:disc; font-size:1.2em; line-height:1.5; padding:0 0 .8em 0;}

.content dl {margin:0 0 1.2em 40px;}
.content dt {position:absolute; font-size:1.2em; line-height:1.5;}
.content dd {padding:0 0 .5em 7em; font-size:1.2em; line-height:1.5;}

/*two column setup*/
.content-dual .left {width:610px; float:left;}
.content-dual .right {width:350px; float:right;}
.content-dual .left .content {width:610px;}
.content-dual .left .content p {padding:0 28px;}

/*split column setup*/
.content-split .left {width:480px; float:left;}
.content-split .right {width:480px; float:right;}
.content-split .content p {padding:0 28px;}

/*three column setup*/
.content-tri .left, .content-tri .middle {width:320px; float:left;}
.content-tri .right {width:320px; float:right;}
.content-tri .content {padding:0 20px 28px 28px;}

/*titles*/
.title {background-repeat:no-repeat; background-position:0 0;}
.title.large {width:592px; min-height:45px; height:auto!important; height:45px; margin:21px 0 18px 18px; background-image:url('images/bg-title-large.jpg');}
#page-home .title.large {margin:30px 0 24px 18px;}
.title.medium {width:427px; min-height:45px; height:auto!important; height:45px; margin:26px 0 18px 18px; background-image:url('images/bg-title-medium.jpg');}

.title h2 {text-indent:-9999em; margin:0 0 0 10px; background-repeat:no-repeat; background-position:0 0; position:relative; top:6px;}
#page-home .title h2 {top:0;}


/* ============ */
/* = HOMEPAGE = */
/* ============ */
#page-home #banner {height:313px; background:#6cc939 url('images/bg-banner-home.jpg') no-repeat 0 0; position:relative;}
#page-home #banner-points {text-indent:-9999em; position:absolute; top:31px; left:506px; width:444px; height:173px; background:url('images/bg-banner-home-points.jpg') no-repeat 0 0;}
#page-home #banner-cta {text-indent:-9999em; position:absolute; top:231px; left:519px; width:411px; height:82px;}
#page-home #banner-cta li {float:left; display:inline;}
#page-home #banner-cta a {display:block; background-image:url('images/btn-banner-home-actions.gif'); background-repeat:no-repeat;}
#page-home #banner-cta #banner-cta-seo {width:148px; height:53px; background-position:0 0; margin-right:9px;}
#page-home #banner-cta #banner-cta-consult {width:254px; height:82px; background-position:-157px 0;}

/*titles*/
#home-shouting h2 {width:442px; height:32px; background-image:url('images/title-shouting.gif');}
h2#home-what {width:291px; height:32px; background-image:url('images/title-what.gif');}

/*sec content*/
#home-sec-content h3 {text-indent:-9999em; background:url('images/titles-home-sec.gif') no-repeat 0 0; height:43px; width:215px; margin-bottom:8px;}
#home-sec-content #home-toprankings h3 {}
#home-sec-content #home-traffic h3 {background-position:0 -43px;}
#home-sec-content #home-exposure h3 {background-position:0 -86px;}
#home-sec-content #home-buyers h3 {background-position:0 -129px; height:18px;}
#home-sec-content #home-cost h3 {background-position:0 -147px; height:18px;}


/* ========================================== */
/* = PAGE: Search Engine Optimisation (SEO) = */
/* ========================================== */
#page-seo #banner {height:258px; background:url('images/bg-banner-seo.jpg') no-repeat 0 0; position:relative;}
#page-seo #banner-image {position:absolute; top:-11px; left:24px;}
#page-seo #banner h2 {text-indent:-9999em; width:439px; height:40px; background:url('images/title-seo.gif') no-repeat 0 0; position:absolute; top:60px; left:406px;}
#page-seo #banner-points {text-indent:-9999em; width:233px; height:64px; background:url('images/bg-banner-seo-points.gif') no-repeat 0 0; position:absolute; top:123px; left:406px;}

/*titles*/
#seo-what h2 {height:21px; background-image:url('images/title-seo-what.gif');}
#seo-process h2 {height:21px; background-image:url('images/title-seo-process.gif');}
#seo-process .title.large {margin-top:14px;}
#seo-help h2 {height:27px; background-image:url('images/title-seo-help.gif');}
#seo-working h2 {height:27px; background-image:url('images/title-seo-working.gif');}
#seo-expensive h2 {height:27px; background-image:url('images/title-seo-expensive.gif');}
#seo-how h2 {height:27px; background-image:url('images/title-seo-how.gif');}
#seo-special h2 {height:27px; background-image:url('images/title-seo-special.gif');}

/*process diagram*/
#seo-process img {margin-left:28px;}


/* ======================================= */
/* = PAGE: Search Engine Marketing (SEM) = */
/* ======================================= */
#page-sem #banner {height:258px; background:url('images/bg-banner-seo.jpg') no-repeat 0 0; position:relative;}
#page-sem #banner-image {position:absolute; top:-11px; left:51px;}
#page-sem #banner h2 {text-indent:-9999em; width:398px; height:40px; background:url('images/title-sem.gif') no-repeat 0 0; position:absolute; top:60px; left:406px;}
#page-sem #banner-points {text-indent:-9999em; width:293px; height:64px; background:url('images/bg-banner-sem-points.gif') no-repeat 0 0; position:absolute; top:123px; left:406px;}

/*ppc diagram*/
#sem-what img {margin:0 0 16px 28px;}

/*titles*/
#sem-what h2 {height:27px; background-image:url('images/title-sem-what.gif');}
#sem-why h2 {height:27px; background-image:url('images/title-sem-why.gif');}
#sem-working h2 {height:27px; background-image:url('images/title-seo-working.gif');}
#sem-special h2 {height:27px; background-image:url('images/title-seo-special.gif');}
#sem-how h2 {height:27px; background-image:url('images/title-seo-how.gif');}
#sem-expensive h2 {height:27px; background-image:url('images/title-sem-expensive.gif');}


/* ============================ */
/* = PAGE: Website Conversion = */
/* ============================ */
#page-website-conversion #banner {height:258px; background:url('images/bg-banner-seo.jpg') no-repeat 0 0; position:relative;}
#page-website-conversion #banner-image-your {position:absolute; top:-6px; left:23px;}
#page-website-conversion #banner-image-their {position:absolute; top:9px; left:653px;}
#page-website-conversion #banner h2 {text-indent:-9999em; width:312px; height:30px; background:url('images/title-conv.gif') no-repeat 0 0; position:absolute; top:60px; left:355px;}
#page-website-conversion #banner-points {text-indent:-9999em; width:239px; height:64px; background:url('images/bg-banner-conv-points.gif') no-repeat 0 0; position:absolute; top:123px; left:355px;}

/*titles*/
#conv-what h2 {height:21px; background-image:url('images/title-conv-what.gif');}
#conv-worry h2 {height:27px; background-image:url('images/title-conv-worry.gif');}
#conv-rates h2 {height:27px; background-image:url('images/title-conv-rates.gif');}
#conv-special h2 {height:27px; background-image:url('images/title-conv-special.gif');}


/* ==================== */
/* = PAGE: Contact Us = */
/* ==================== */
#page-contact-us #banner {height:258px; background:url('images/bg-banner-contact.jpg') no-repeat 0 0; position:relative;}
#page-contact-us #banner h2 {text-indent:-9999em; width:180px; height:31px; background:url('images/title-contact.gif') no-repeat 0 0; position:absolute; top:60px; left:68px;}
#page-contact-us #banner p {text-indent:-9999em; width:323px; height:72px; background:url('images/bg-banner-contact-blurb.gif') no-repeat 0 0; position:absolute; top:114px; left:68px;}

/*titles*/
#contact-contact h2 {height:21px; background-image:url('images/title-contact-contact.gif');}
#contact-office h2 {height:21px; background-image:url('images/title-contact-office.gif');}


/* =========================== */
/* = FORM: Free Consultation = */
/* =========================== */
#consult-wrapper {font-size:1.1em; width:324px; margin:0 auto; background:url('images/bg-consult.gif') repeat-y -324px 0; color:#ddd;}
#consult-wrapper h2 {text-indent:-9999em; height:61px; background:url('images/bg-title-consult.jpg') no-repeat 0 0;}
#page-home #consult-wrapper h2 {background-image:url('images/bg-title-consult-home.jpg');}
#consult-wrapper p {line-height:1.5; margin-bottom:1em;}
#consult-wrapper .content-form {padding:8px 24px 12px 24px; background:url('images/bg-consult.gif') no-repeat 0 bottom;}

#cforms3form legend, #ll3 {display:none;}

#cformsform li {padding:6px 0;}
#cformsform label {display:block; width:78px; position:absolute; padding-top:4px;}
#cformsform input.single, #cformsform textarea.area {width:174px; margin:0 0 0 78px; border:1px solid #4b4b4b; padding:1px 3px; font-family:'Lucida Sans Unicode','Lucida Grande',sans-serif; font-size:11px;}
#cformsform textarea.area {height:100px;}
#cformsform input.sendbutton {margin:6px 0 0 78px;}
#cformsform span.reqtxt, #cformsform span.emailreqtxt {padding-left:5px;}


div.cf_info.waiting {padding:10px 10px 12px 10px; margin:2px 0 11px 0; background:#d2720c; color:#fff; text-align:center; border:1px solid #ccc; line-height:1.5;}
div.cf_info.success {padding:10px 10px 12px 10px; margin:2px 0 11px 0; background:#6cc939; color:#000; text-align:center; border:1px solid #ccc; line-height:1.5;}
div.cf_info.failure {padding:10px 10px 12px 10px; margin:2px 0 11px 0; background:#C40800; color:#fff; text-align:center; border:1px solid #ccc; line-height:1.5;}
#cformsform li.cf_li_err label, #cformsform li.cf_li_err span {color:#ff8c87;}
#cformsform li.cf_li_err input.single {border:1px solid #ff8c87;}


/* ========== */
/* = FOOTER = */
/* ========== */
#footer-wrapper {color:#b4b4b4; background:#4b4b4b url(images/bg-footer.gif) repeat-x scroll 0 0}

#footer {width:900px; margin:0 auto; padding:22px 0 25px 0;}
#footer a {color:#8fc535;}
#footer .content p, #footer .content li {font-size:1.1em;}
#footer .content h4 {text-indent:-9999em; height:37px; background:url('images/titles-footer.jpg') no-repeat 0 0;}

#footer-logo {width:185px; padding:0;}

#footer-what {width:196px; padding-right:40px; padding-bottom:20px;}
#footer #footer-what h4 {width:78px;}

#footer-nav {width:237px;}
#footer #footer-nav h4 {width:59px; background-position:-78px 0;}
#footer #footer-nav ul {margin:0;}
#footer #footer-nav li {padding:0 0 5px 0;}

#footer-consult {width:213px;}
#footer #footer-consult h4 {width:213px; background-position:-137px 0;}

#footer #footer-rel-serv h4 {background: none;text-indent: 0;font-size: 1.2em;color: white;padding: 12PX 0 0 40PX;height: 25px;}
#footer #footer-rel-serv li {padding:0 0 5px 0;}


#footer-copyright {font-size:1.1em; color:#808080; text-align:center; padding:20px 0 0 0;}