/*

screen.css

COLORS {
    918b70  light brown
            - main text
    c3bda6  lighter brown
            - certain paragraphs
    5b5848  dark brown
            - footer
    fef8e1  off-white
            - headings
            - link hover states
    181713  black
            - background
    fea300  orange
            - body left border
            - active link highlights
}

Generic {
*/
    html {
        min-height: 100%;
        overflow: scroll;
        overflow-x: hidden;
        overflow-y: scroll;
    }
    body {
        padding: 0 0 128px 60px;
        min-height: 100%;
        font-size: 14px;
        font-family: Georgia, serif;
        line-height: 1.2em;
        color: #918b70;
        background: #181713 url('../images/cab-bg-c.jpg') 14px 950px;
        border-left: 14px solid #fea300;
    }
    #background-a {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 1133px;
        height: 949px;
        background: url('../images/cab-bg-a.jpg') no-repeat;
        border-left: 14px solid #fea300;
    }
    #background-b {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 14px;
        right: 0;
        height: 950px;
        background: url('../images/cab-bg-b.jpg') repeat-x;
    }
    #container {
        position: relative;
        z-index: 2;
        width: 918px;
    }
    a {
        text-decoration: none;
        color: #fef8e1;
    }
    a:hover {
        color: #fef8e1;
    }
    a.arrow {
        padding-right: 12px;
        background: url('../images/arrow.png') no-repeat right center;
    }
    a.arrow:hover {
        text-decoration: underline;
    }
    .clear {
        display: block;
        clear: both;
        margin: 0;
        padding: 0;
        height: 0;
        border: none;
    }
    .hide {
        display: none;
    }
    .bold {
        font-weight: bold;
    }
/*
}
Header {
*/
    #header {
        padding: 4px 0 24px 0;
    }
    #header h1 a {
        display: block;
        margin: 8px 0;
        height: 53px;
        width: 30px;
        background: url('../images/logo_h1.png') no-repeat top left;
    }
    #header h1 span {
        display: none;
    }
    #header #hero {
        position: relative;
        padding: 64px 0 92px 595px;
        height: 200px;
    }
    #header #hero h2 {
        position: absolute;
        top: 64px;
        left: 0;
        width: 495px;
        line-height: 1.2em;
        letter-spacing: -0.1ex;
        font-weight: normal;
        font-size: 48px;
        color: #918b70;
    }
    #header #hero h2 .answer,
    #header #hero h2 strong {
        font-weight: normal;
        color: #fef8e1;
    }
    #header #hero p {
        margin: 15px 0;
        font-size: 13px;
        font-family: Arial, sans-serif;
        color: #c3bda6;
    }
    #header #hero a {
        font-size: 15px;
        font-family: Georgia, serif;
        font-style: italic;
        color: #918b70;
    }
    #header #hero a:hover {
        text-decoration: none;
        color: #fef8e1;
    }
    #header #navigation {
        position: relative;
        padding: 18px 0;
        width: 918px;
        border-top: 1px solid #6e6955;
        border-bottom: 1px solid #6e6955;
    }
    body.index #header #navigation {
        padding: 36px 0;
        border-bottom: none;
    }
    #header #navigation li {
        margin: 0.5ex 0;
    }
    #header #navigation li a {
        font-size: 16px;
        color: #918b70;
    }
    #header #navigation li .disabled-link {
        font-size: 16px;
        color: #57523a;
    }
    #header #navigation li a:hover {
        text-decoration: none;
        color: #fef8e1;
    }
    body.index #header .bold {
        color: #fef8e1;
    }
    /*
    body.strategy #header #navigation li.nav_strategy a,
    NOTE:
        methods link highlights are handled via a style block in the template
    */
    body.portfolio #header #navigation li.nav_portfolio a,
    body.case-studies #header #navigation li.nav_case-studies a,
    body.recognition #header #navigation li.nav_recognition a,
    body.client-list #header #navigation li.nav_client-list a,
    body.utilities #header #navigation li.nav_utilities a,
    body.analytics #header #navigation li.nav_analytics a,
    body.people #header #navigation li.nav_people a,
    body.blog #header #navigation li.nav_blog a,
    body.careers #header #navigation li.nav_careers a,
    #header #navigation li.active a,
    body.contact #header #navigation #contact_info a.nav_contact {
        color: #fea300;
    }
    #header #navigation h2 {
        margin: 0 0 12px 0;
        font-size: 30px;
        line-height: 1em;
        color: #fef8e1;
    }
    #header #navigation #nav_methods {
        width: 186px;
        float: left;
    }
    #header #navigation #nav_results {
        width: 167px;
        float: left;
    }
    #header #navigation #nav_resources {
        width: 170px;
        float: left;
    }
    #header #navigation #contact_info {
        float: right;
        width: 323px;
    }
    body.index #header #navigation #contact_info {
        top: 36px;
    }
    #header #navigation #contact_info .phone-email {
        margin: 0 0 12px 0;
        font-size: 20px;
        line-height: 30px;
    }
    #header #navigation #contact_info .phone {
        color: #fef8e1;
    }
    #header #navigation #contact_info .nav_contact {
        text-decoration: none;
        color: #918b70;
        padding-right: 13px;
        background: url('../images/arrow.png') no-repeat right center;
    }
    #header #navigation #contact_info .nav_contact:hover {
        color: #fef8e1;
    }
    #header #navigation .copyright {
        float: right;
        margin: 2em 0 0 0;
        width: 323px;
        font-size: 12px;
        color: #5b5848;
    }
/*
}
Content {
*/
    #content {
        clear: both;
        padding: 0;
    }
    #content .column-2a,
    #content .column-2b {
        width: 455px;
        float: left;
        margin-right: 8px;
    }
    #content .column-3a,
    #content .column-3b,
    #content .column-3c {
        width: 345px;
        float: left;
        margin-right: 8px;
    }
    #content .column-3c {
        width: 210px;
    }
    #content .column-2b,
    #content .column-3c {
        margin-right: 0;
    }
    body.analytics #content .main,
    body.contact #content .main,
    body.case-studies #content .info,
    body.methods #content .main {
        float: left;
        width: 490px;
    }
    body.analytics #content .sidebar,
    body.contact #content .sidebar,
    body.case-studies #content .sidebar,
    body.methods #content .sidebar {
        float: left;
        width: 323px;
        margin: 16px 0 0 105px;
    }
    #content h2 {
        margin: 2.5em 0 1em 0;
        font-size: 20px;
        line-height: 1.1em;
        color: #fef8e1;
    }
    #content strong {
        color: #fef8e1;
    }
    a.button {
        display: block;
        float: left;
        margin: 32px 0;
        padding: 6px 24px 6px 10px;
        font-size: 15px;
        line-height: 15px;
        font-style: italic;
        color: #918b70;
        background: #2c2a23 url('../images/a_button_arrow_bg.gif') no-repeat top right;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
    }
    a.button em {
        color: #fef8e1;
    }
    a.button:hover {
        text-decoration: none;
        color: #fef8e1;
    }
    a.button:hover em {
        color: #fea300;
    }
/*
}
Footer {
*/
    #footer {
        clear: both;
        font-size: 12px;
        color: #5b5848;
    }
    #footer a {
        color: #918b70;
    }
    #footer a:hover {
        text-decoration: none;
        color: #fef8e1;
    }
/*
}
Markdown Areas {
*/
    html body div#container div#content div.markdown {
        font-family: Arial, sans-serif;
        font-size: 13px;
        line-height: 1.3em;
    }
    html body div#container div#content div.markdown h1,
    html body div#container div#content div.markdown h2,
    html body div#container div#content div.markdown h3,
    html body div#container div#content div.markdown h4,
    html body div#container div#content div.markdown h5 {
        font-family: Georgia, serif;
        font-weight: normal;
        line-height: 1.2em;
    }
    html body div#container div#content div.markdown h1 {
        margin: 1em 0 0.5ex 0;
        font-size: 28px;
        line-height: 1.1em;
        color: #fef8e1;
    }
    html body div#container div#content div.markdown h2 {
        margin: 1em 0 0.5ex 0;
        font-size: 20px;
        color: #fef8e1;
    }
    html body div#container div#content div.markdown h3 {
        margin: 1em 0 0.5ex 0;
        font-size: 16px;
        color: #fef8e1;
    }
    html body div#container div#content div.markdown h4 {
        margin: 1em 0 0.5ex 0;
        font-size: 1em;
        color: #fef8e1;
    }
    html body div#container div#content div.markdown p {
        margin: 1em 0 1em 0;
        line-height: 1.5em;
    }
    html body div#container div#content div.markdown ul,
    html body div#container div#content div.markdown ol {
        margin: 1em 0;
    }
    html body div#container div#content div.markdown li {
        padding: 0 0 0 1ex;
        list-style-position: inside;
        list-style-type: disc;
    }
/*
}

Page Specific {
    Recognition {
*/
        body.recognition #content li {
            margin: 0.6em 0;
        }
/*
    }
    Clients {
*/
        body.client-list #content h2 {
            margin: 16px 0;
            font-size: 42px;
        }
        body.client-list #content .sans-serif {
            margin: 1em 370px 2em 0;
            font-family: arial, sans-serif;
            font-size: 13px;
            color: #918b70;
        }
        body.client-list #client-logos {
            margin: 2em 0;
            border-top: 1px solid #6e6955;
            border-bottom: 1px solid #6e6955;
        }
        body.client-list #content #client-list .column-2a {
            width: 342px;
        }
        body.client-list #client-logos li {
            display: block;
            height: 100px;
            width: 153px;
            float: left;
        }
        body.client-list #client-list li {
            margin: 0.5ex;
        }
        body.client-list #client-list li a {
            padding-right: 9px;
            background: url('../images/arrow-on-black.gif') no-repeat right center;
        }
/*
    }
    Portfolio {
*/
        body.portfolio #header {
            padding-bottom: 0;
        }
        body.portfolio #content .content_header {
            padding: 1em 0;
            border-bottom: 1px solid #918b70;
        }
        body.portfolio #content .content_header h2 {
            margin: 16px 0;
            font-size: 40px;
            line-height: 1.1em;
        }
        body.portfolio #content .content_header h2 .answer {
            color: #918B70;
        }
        body.portfolio #content .content_header p {
            margin: 1em 370px 1em 0;
            font-size: 13px;
            font-family: arial, sans-serif;
        }
        body.portfolio .piece {
            clear: left;
            padding: 46px 0 32px 0;
            border-top: 1px solid #6e6955;
        }
        body.portfolio div.first {
            border-top: none;
        }
        body.portfolio .piece .image {
            float: left;
            width: 534px;
            padding: 9px;
            border-radius: 6px;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            background: #3e3b30;
        }
        body[class] .piece .image {
            background: rgba(116,111,89,0.22);
        }
        body.portfolio .piece .image img {
            display: block;
            width: 534px;
        }
        body.portfolio .piece .details {
            float: left;
            width: 323px;
            margin: 0 0 0 43px;
        }
        * html body.portfolio .piece .details {
            width: 337px;
            margin: 0 0 0 29px;
        }
        body.portfolio #container .piece .details h2 {
            margin: 0 0 12px 0;
            font-size: 38px;
            color: #fef8e1;
        }
        body.portfolio .piece .details .we-did {
            margin: 12px 0 16px 0;
            font-size: 16px;
            color: #fea300;
        }
        body.portfolio .piece .details .we-did ul {
            clear: left;
        }
        body.portfolio .piece .details .we-did li {
            float: left;
            padding: 0 8px;
            border-left: 1px solid #fea300;
            text-transform: lowercase;
        }
        body.portfolio .piece .details .we-did li.first {
            padding-left: 0;
            border-left: none;
        }
        body.portfolio .piece .details .we-did li.last {
            padding-right: 0;
        }
        body.portfolio .piece .details .thumbs {
            margin: 0 -14px 0 0;
            width: 337px;
        }
        body.portfolio .piece .details .thumbs a {
            display: block;
            float: left;
            margin: 0 7px 0 0;
            padding: 4px;
            width: 153px;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            background: #3e3b30;
        }
        body[class] .piece .details .thumbs a {
            background: rgba(116,111,89,0.22);
        }
        body.portfolio .piece .details .thumbs a img {
            display: block;
            width: 153px;
        }
        body.portfolio .piece .details .copy {
            font-size: 13px;
            font-family: Arial, sans-serif;
            color: #918b70;
        }
        body.portfolio .piece .details .copy p {
            margin: 1em 0;
        }
        body.portfolio .piece .details a.view-link {
            padding-right: 14px;
            font-style: italic;
            font-size: 15px;
            background: url('../images/arrow.png') no-repeat right center;
            color: #918b70;
        }
        body.portfolio .piece .details a.view-link:hover {
            text-decoration: none;
            color: #fef8e1;
        }
/*
    }
    Case Studies {
*/
        body.case-studies #header {
            padding-bottom: 0;
        }
        body.case-studies .case {
            padding: 46px 0 32px 0;
            border-top: 1px solid #6e6955;
        }
        body.case-studies div.first {
            border-top: none;
        }
        body.case-studies .case .info {
            float: left;
            width: 551px;
        }
        body.case-studies .case .sidebar {
            float: left;
            width: 323px;
            margin: 0 0 0 44px;
        }
        * html body.case-studies .case .sidebar {
            width: 337px;
            margin: 0 0 0 30px;
        }
        body.case-studies #container .case .info h2 {
            margin: 0 0 18px 0;
            font-size: 38px;
            color: #fef8e1;
        }
        body.case-studies .case .info .we-did {
            margin: 18px 0 16px 0;
            font-size: 16px;
            color: #fea300;
        }
        body.case-studies .case .info .we-did ul {
            clear: left;
        }
        body.case-studies .case .info .we-did li {
            float: left;
            margin: 2px 0;
            padding: 0 8px;
            border-right: 1px solid #fea300;
            text-transform: lowercase;
        }
        body.case-studies .case .info .we-did li.first {
            padding-left: 0;
        }
        body.case-studies .case .info .we-did li.last {
            padding-right: 0;
            border-right: none;
        }
        body.case-studies .case .info .highlights {
            margin: 1em 0;
            padding: 2em 0;
            font-family: Arial, sans-serif;
            font-size: 13px;
            border-top: 1px solid #6e6955;
            border-bottom: 1px solid #6e6955;
        }
        body.case-studies .case .info .highlights h3 {
            margin: 0 0 1ex 0;
            font-weight: bold;
            color: #fef8e1;
        }
        body.case-studies .case .info .highlights li {
            padding: 0 0 0 1ex;
            font-size: 10px;
            list-style-position: inside;
            list-style-type: disc;
            color: #fea300;
        }
        body.case-studies .case .info .highlights li span {
            font-size: 13px;
            font-style: italic;
            line-height: 1.5em;
            color: #918b70;
        }
        body.case-studies .case .sidebar .industry,
        body.case-studies .case .sidebar .client {
            display: block;
            margin: 0.5ex 0;
            font-family: Arial, sans-serif;
            font-size: 13px;
        }
        body.case-studies .case .sidebar .industry strong,
        body.case-studies .case .sidebar .client strong {
            font-weight: bold;
        }
        body.case-studies .case .sidebar .view-pre-link,
        body.case-studies .case .sidebar .view-post-link {
            padding-right: 14px;
            font-style: italic;
            font-size: 15px;
            line-height: 1.5em;
            background: url('../images/arrow.png') no-repeat right center;
            color: #918b70;
        }
        body.case-studies .case .sidebar .view-pre-link:hover,
        body.case-studies .case .sidebar .view-post-link:hover {
            text-decoration: none;
            color: #fef8e1;
        }
        body.case-studies .case .thumbs {
            margin: 1em -14px 1em 0;
            width: 337px;
        }
        body.case-studies .case .thumbs a {
            display: block;
            float: left;
            margin: 0 7px 7px 0;
            padding: 4px;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            background: #3e3b30;
        }
        body[class] .case .thumbs a {
            background: rgba(116,111,89,0.22);
        }
        body.case-studies .case .thumbs a.num1,
        body.case-studies .case .thumbs a.num3,
        body.case-studies .case .thumbs a.num5,
        body.case-studies .case .thumbs a.num7,
        body.case-studies .case .thumbs a.num9,
        body.case-studies .case .thumbs a.num11,
        body.case-studies .case .thumbs a.num13,
        body.case-studies .case .thumbs a.num15,
        body.case-studies .case .thumbs a.num17,
        body.case-studies .case .thumbs a.num19 {
            clear: left;
        }
        body.case-studies .case .thumbs a img {
            display: block;
            width: 153px;
        }
/*
    }
    Methods {
*/
        /*body.methods .main {
            float: left;
            width: 503px;
        }
        body.methods .sidebar {
            float: left;
            width: 323px;
            margin: 16px 0 0 92px;
        }*/
        html body.methods div#container div#content div.markdown h1 {
            font-size: 38px;
        }
        body.methods #content .sidebar .icon {
            text-align: center;
        }
        body.methods #content .sidebar .methods-info {
            margin: 3em 1em 2em 0;
            font-family: Arial, sans-serif;
            font-size: 13px;
        }
        body.methods #content .sidebar .methods-info h1,
        body.methods #content .sidebar .methods-info h2,
        body.methods #content .sidebar .methods-info h3,
        body.methods #content .sidebar .methods-info h4 {
            margin: 1em 0 0.5ex 0;
            font-size: 18px;
            font-family: Georgia, serif;
            /*color: #fef8e1;*/
            color: #fea300;
        }
        body.methods #content .sidebar .methods-info strong {
            font-size: 18px;
            font-family: Georgia, serif;
            /*color: #fef8e1;*/
            color: #fea300;
        }
        body.methods #content .sidebar .methods-info em {
            color: #fef8e1;
        }
/*
    }
    People {
*/
        body.people #header {
            padding-bottom: 0;
        }
        body.people .person {
            padding: 32px 0;
            border-top: 1px solid #6e6955;
        }
        body.people div.first {
            border-top: none;
        }
        body.people .person .images {
            float: left;
            width: 590px;
        }
        body.people .person .images img {
            width: 118px;
            display: block;
        }
        body.people .person .images .image {
            float: left;
            margin: 0 12px 0 0;
            padding: 5px;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            background: #3e3b30;
        }
        body[class] .person .images .image {
            background: rgba(116,111,89,0.22);
        }
        body.people .person .details {
            float: left;
            width: 328px;
        }
        body.people #content .person .details h2 {
            margin: 0 0 0.5ex 0;
        }
        body.people #content .person .details h2 .nickname {
            font-size: 14px;
            color: #fea300;
        }
        body.people #content .person .details p {
            margin: 1ex 3em 1ex 0;
            font-family: Arial, sans-serif;
            font-size: 13px;
        }
/*
    }
    Utilities {
*/
        body.utilities #content .utility {
            float: left;
            width: 244px;
            margin: 32px 0 0 0;
        }
        body.utilities #content .n1,
        body.utilities #content .n2,
        body.utilities #content .n4,
        body.utilities #content .n5,
        body.utilities #content .n7,
        body.utilities #content .n8,
        body.utilities #content .n10,
        body.utilities #content .n11,
        body.utilities #content .n13,
        body.utilities #content .n14,
        body.utilities #content .n16,
        body.utilities #content .n17 {
        }
        body.utilities #content .n1,
        body.utilities #content .n4,
        body.utilities #content .n7,
        body.utilities #content .n10,
        body.utilities #content .n13,
        body.utilities #content .n16 {
            clear: left;
            margin-right: 109px;
        }
        body.utilities #content .n2,
        body.utilities #content .n5,
        body.utilities #content .n8,
        body.utilities #content .n11,
        body.utilities #content .n14,
        body.utilities #content .n17 {
            /*margin-right: 77px;*/
            margin-right: 109px;
        }
        body.utilities #content .n3,
        body.utilities #content .n6,
        body.utilities #content .n9,
        body.utilities #content .n12,
        body.utilities #content .n15,
        body.utilities #content .n18 {
            width: 212px;
        }
        body.utilities #content .utility .icon {
            float: left;
            margin: 0 4px 0 0;
        }
        body.utilities #content .utility h2 {
            margin: 0 0 0.5ex 0;
            padding: 8px 0 7px 46px;
            font-size: 27px;
        }
        body.utilities #content .utility p {
            clear: left;
            font-family: Arial, sans-serif;
            font-size: 13px;
            line-height: 1.5em;
        }
        body.utilities #content h3 {
            margin: 2em 0 1ex 0;
            font-size: 16px;
            color: #fef8e1;
        }
        body.utilities #content input.text,
        body.utilities #content input.password {
            display: block;
            width: 158px;
            margin: 1ex 0;
            padding: 0.5ex 1ex;
            font-family: Arial, sans-serif;
            font-size: 11px;
            color: #000;
        }
        body.utilities #content a.utility_link {
            display: block;
            margin: 2em 0;
        }
        body.utilities #content input.submit,
        body.utilities #content a.utility_link span {
            margin: 1ex 0;
            padding: 0.5ex 1ex;
            font-size: 13px;
            font-family: Georgia, serif;
            font-weight: bold;
            color: #000;
            background: #fea300;
            border: none;
            border-radius: 6px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            cursor: pointer;
        }
/*
    }
    Contact {
*/
        body.contact .main {
            float: left;
            width: 551px;
        }
        body.contact #content .sidebar {
            margin-top: 38px;
        }
        body.contact #content .main h2 {
            margin: 1em 0 0.5ex 0;
            font-size: 38px;
            color: #fef8e1;
        }
        body.contact #content .main h3 {
            margin: 2em 0 1em 0;
            font-size: 18px;
            color: #fef8e1;
        }
        body.contact .fieldWrapper {
            clear: left;
        }
        body.contact label {
            display: block;
            clear: left;
            font-family: Arial, sans-serif;
            font-size: 12px;
            color: #c1bba1;
        }
        body.contact input,
        body.contact textarea {
            display: block;
        }
        body.contact input,
        body.contact select {
            width: 240px;
        }
        body.contact input#submit { width: auto; }
        body.contact .fieldWrapper .field {
            float: left;
            margin: 0 0 1ex 0;
            padding: 5px;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            background: #3e3b30;
        }
        body[class] .fieldWrapper .field {
            background: rgba(116,111,89,0.22);
        }
        body.contact .fieldWrapper .error {
            font-family: Arial, sans-serif;
            font-size: 11px;
            color: #c1bba1;
        }
        body.contact .fieldWrapper .error li {
            display: block;
            float: left;
            width: 128px;
            margin: 0 1em;
            padding: 1ex 1em;
            border-radius: 6px;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            background: #3d170e;
        }
        body[class] .fieldWrapper .error li {
            background: rgba(152,21,0,0.5);
        }
        body.contact .submit {
            display: block;
            float: left;
            margin: 32px 0;
            padding: 6px 24px 6px 10px;
            font-size: 15px;
            font-family: Georgia, serif;
            line-height: 15px;
            font-style: italic;
            color: #fef8e1;
            background: #2c2a23 url('../images/a_button_arrow_bg.gif') no-repeat top right;
            border: none;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            cursor: pointer;
        }
        body.contact .submit:hover {
            color: #fea300;
        }
        body.contact #content .sidebar .map-link {
            padding-right: 12px;
            font-style: italic;
            color: #918b70;
            background: url('../images/arrow.png') no-repeat right center;
        }
        body.contact #content .sidebar h2 {
            margin: 2em 0 0.5ex 0;
            font-size: 24px;
            color: #fef8e1;
        }
        body.contact #content .sidebar .contact_info {margin: 2em 0; font-size: 18px; line-height: 1.4em; color: #b5ae8e;}
        body.contact #content .sidebar .contact_info strong {font-weight: normal; color: #fef8e1;}
        body.contact #content .sidebar .contact_info span {font-size: 10px; font-style: italic;}
        body.contact #content .sidebar .links a {
            padding-right: 12px;
            color: #918b70;
            background: url('../images/arrow.png') no-repeat right center;
        }
        body.contact .sidebar .map,
        body.contact .sidebar .image {
            float: left;
            margin: 0 0 1ex 0;
            padding: 6px;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            background: #3e3b30;
        }
        body.contact .sidebar .image {margin-bottom: 2ex;}
        /*body[class] .sidebar .map {
            background: rgba(116,111,89,0.22);
        }*/
        body.contact .sidebar .map a,
        body.contact .sidebar .map img {
            display: block;
        }
        body.contact .sidebar h3 {
            margin: 2em 0 1ex 0;
            font-size: 1.2em;
            color: #fef8e1;
        }
        body.contact .social-links a { display: block; height: 27px; float: left; }
        body.contact .social-links a span { display: none; }
        body.contact .social-links a.twitter { width: 73px; background: url(/static/images/social_twitter.png); }
        body.contact .social-links a.facebook { width: 90px; background: url(/static/images/social_facebook.png); }
        body.contact .social-links a.linkedin { width: 92px; background: url(/static/images/social_linkedin.png); }
        body.contact .social-links a.flickr { width: 64px; background: url(/static/images/social_flickr.png); }
/*
    }
    Analytics {
*/
        body.analytics .main {
            float: left;
            width: 551px;
        }
        body.analytics #content .sidebar {
            margin-top: 38px;
        }
        html body.analytics div#container div#content div.markdown h1 {
            font-size: 38px;
        }
        body.analytics #content .sidebar h2 {
            margin: 2em 0 0.5ex 0;
            font-size: 24px;
            color: #fef8e1;
        }
        body.analytics #content .sidebar a {
            padding-right: 12px;
            color: #918b70;
            background: url('../images/arrow.png') no-repeat right center;
        }
        body.analytics .sidebar .screenshot {
            float: left;
            margin: 0 0 0.5em 0;
            padding: 6px;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            background: #3e3b30;
        }
        body.analytics .sidebar .screenshot img {
            display: block;
        }
        body.analytics .sidebar .markdown {
            margin: 0 0 2em 0;
        }
/*
    }
    CAREERS {
*/
        body.careers .main {
            width: 490px;
        }
        body.careers #container #content .markdown h2 {
            margin: 0 0 18px 0;
            font-size: 38px;
            color: #fef8e1;
        }
        body.careers #container #content .highlights {
            margin: 1em 0;
            padding: 2em 0;
            font-family: Arial, sans-serif;
            font-size: 13px;
            border-top: 1px solid #6e6955;
            border-bottom: 1px solid #6e6955;
        }
        body.careers #container #content .highlights h3 {
            margin: 0 0 1ex 0;
            font-weight: bold;
            color: #fef8e1;
        }
        body.careers #container #content .highlights ul {
            padding: 0 0 0 1em;
        }
        body.careers #container #content .highlights li {
            margin: 1em 0;
            padding: 0 0 0 1ex;
            font-size: 10px;
            list-style-position: outside;
            list-style-type: disc;
            color: #fea300;
        }
        body.careers #container #content .highlights li span {
            font-size: 13px;
            font-style: italic;
            line-height: 1em;
            color: #918b70;
        }
/*
    }
}

Blog {
    General {
*/
        body.blog #container {
            width: 661px;
        }
        body.blog #harvest-head {
            margin: 0 0 24px 0;
        }
        body.blog #harvest-head #top_credit {
            padding: 1em 0;
            font-size: 9px;
            font-weight: bold;
            font-family: Verdana, sans-serif;
            text-transform: uppercase;
            color: #fef8e1;
        }
        body.blog #harvest-head #top_credit a {
            color: #fea300;
        }
        body.blog #harvest-head #top_credit a:hover {
            color: #918b70;
        }
        body.blog #harvest-head #heading {
            height: 60px;
            border-top: 1px solid #918b70;
            border-bottom: 1px solid #918b70;
        }
        body.blog #harvest-head #heading #headline {
            display: block;
            width: 305px;
            height: 60px;
            float: left;
            background: url('/static/images/blog/header.png');
        }
        body.blog #harvest-head #heading #headline span { display: none; }
        body.blog #harvest-head #heading #tagline {
            float: left;
            margin: 21px 0 0 1em;
            font-family: Georgia, serif;
            font-size: 15px;
            font-style: italic;
        }
/*
    }
    Content {
*/
        body.blog #harvest-content {
            width: 439px;
            float: left;
            margin-right: 40px;
            font-family: Arial, sans-serif;
            font-size: 12px;
            line-height: 1.5em;
            color: #c1bba1;
        }
        body.blog #harvest-content .filtering {
            position: absolute;
            top: 16px;
            right: 1px;
            font-size: 10px;
            font-style: italic;
            font-family: Georgia, serif;
            color: #746e59;
        }
        body.blog #harvest-content .entry-image {
            margin: 0 0 1em 0;
            padding: 10px;
            background: #2f2c23;
        }
        body.blog #harvest-content .entry-image img {
            display: block;
        }
        body.blog #harvest-content h1,
        body.blog #harvest-content h2,
        body.blog #harvest-content .entry-body,
        body.blog #harvest-content .entry-info {
            margin: 0 10px;
        }
        body.blog #harvest-content h1 {
            font-family: Georgia, serif;
            font-size: 24px;
            line-height: 1.4em;
        }
        body.blog #harvest-content h1 a {
            color: #fef8e1;
        }
        body.blog #harvest-content h2 {
            font-family: Georgia, serif;
            font-size: 16px;
            line-height: 1.4em;
            color: #918b70;
        }
        body.blog #harvest-content p {
            margin: 1em 0;
        }
        body.blog #harvest-content a {
            color: #fea300;
        }
        body.blog #harvest-content a:hover {
            color: #fef8e1;
        }
        body.blog #harvest-content .entry-info {
            font-family: Georgia, serif;
            font-style: italic;
            color: #746e59;
            padding-bottom: 24px;
            border-bottom: 1px solid #918b70;
            margin-bottom: 24px;
        }
        body.blog #harvest-content .entries .last .entry-info {
            border-bottom: none;
        }
        body.blog #harvest-content .entry-info .author {
            font-weight: bold;
            font-style: normal;
        }
        body.blog #harvest-content .entry-info a {
            color: #fea300;
        }
        body.blog #harvest-content .entry-info a:hover {
            color: #fef8e1;
        }
        body.blog #harvest-content .comment {
            margin: 1em 10px;
            padding: 1ex 0;
            border-bottom: 1px solid #918b70;
        }
        body.blog #harvest-content .comment .author {
            display: block;
            margin: 0 0 1ex 0;
            font-size: 22px;
            font-family: Georgia, serif;
            color: #fea300;
        }
        body.blog #harvest-content .comments .comment-form {
            margin: 2em 10px;
        }
        body.blog #harvest-content .comments .comment-form h3 {
            margin: 1ex 0;
            font-size: 15px;
            font-family: Georgia, serif;
            color: #fef8e1;
        }
        body.blog #harvest-content .comments .comment-form label {
            margin: 0 0 0 1em;
            font-size: 11px;
            font-family: Georgia, serif;
            color: #c1bba1;
        }
        body.blog #harvest-content .comments .comment-form input,
        body.blog #harvest-content .comments .comment-form textarea {
            margin: 4px 0;
            font-size: 12px;
            font-family: Georgia, serif;
            color: #57483c;
        }
        body.blog #harvest-content .comments .comment-form textarea {
            width: 100%;
        }
        body.blog #harvest-content .comments .comment-form input.submit {
            padding: 0.5em 1.5em;
            font-size: 12px;
            font-weight: bold;
            font-family: Georgia, serif;
            font-style: italic;
            color: #1c1a14;
            border: none;
            background: #fea300;
            cursor: pointer;
        }
        body.blog #harvest-content .comments .comment-form .field_Comment label {
            display: none;
        }
/*
       Estimator {
*/
    body.estimate #content .column-3a,{
        float: left;
    }
    body.estimate #content .column-3a p {
		margin-bottom: 15px;
	}
    body.estimate #content .column-3b {
        width: 515px;
        float: right;
        margin-right: 0;
    }
    body.estimate #content .column-3c {
        width: 515px;
        padding-bottom: 10px;
    }
    body.estimate #content .column-3d {
        border-bottom: 1px solid #6e6955;
        width: 515px;
    }
    body.estimate #content .column-3e {
        border-bottom: 1px solid #6e6955;
        background: #2c2a23;
        width: 515px;
    }
    body.estimate #content h2 {
        margin: 1em 0 0.5ex 0;
        padding: 8px 0 7px 46px;
        font-size: 27px;
    }
    body.estimate #content h2.estimate {
        background: url('../images/icon_bestestimate.png') no-repeat center left;
    }
    body.estimate #content p {
        font-family: Arial, sans-serif;
        font-size: 13px;
        line-height: 1.5em;
    }
    body.estimate #content h3 {
        margin: 2em 0 1ex 0;
        font-size: 16px;
        color: #fef8e1;
    }
    body.estimate #content h4 {
        margin: .5em 0 .5ex 0;
        font-size: 25px;
        color: #fef8e1;
    }
    body.estimate #content h5 {
        margin: 20px 0px .5px 0px;
        font-size: 11px;
        color: #484437;
    }
    body.estimate table {
        width: 100%;
    }
    .project-info, th.description, .task_description {
		padding-left: 6px;
	}
    body.estimate .project-info th {
		font-size: 10px;
		padding-top: 4px;
	}
    body.estimate .project-info td {
        font-size: 22px;
        line-height: 1em;
        color: #fef8e1;
        padding: 6px 0 14px 0;
    }
    body.estimate table.project-info {
        border-top: 1px solid #918b70;
        border-bottom: 1px solid #918b70;
    }
    body.estimate .project-form th {
        font-size: 10px;
        padding: 4px 0 0 0;
        color: #565243;
    }
    body.estimate table.project-info .default-rate {
        width: 86px;
    }
    body.estimate table.tasks th {
        border-bottom: 1px solid #918b70;
        font-size: 10px;
        padding-top: 4px;
        padding-bottom: 4px;
    }
    body.estimate table.tasks td {
        line-height: 2em;
        border-bottom: 1px solid #918b70;
        font-size: 12px;
    }
    body.estimate table.tasks th.hours, body.estimate table.tasks th.rate {
		text-align: center;
	}
    body.estimate table.tasks tr.odd td {
        background: #2c2a23;
        color: #c5c0ae;
        cursor: move;
    }
    body.estimate table.tasks tr.even td {
        background: #191613;
        color: #c5c0ae;
        cursor: move;
    }
    body.estimate table.tasks tr.tDnD_whileDrag td {
		background: #503300;
	}
    .task a.delete_task {
		display: block;
		width: 12px;
		height: 12px;
		float: left;
		background: url(/static/images/delete_odd.gif) no-repeat left top;
		margin-top: 6px;
		margin-right: 5px;
	}
	.odd a.delete_task {
		background: url(/static/images/delete_odd.gif) no-repeat left top;
	}
	.even a.delete_task {
		background: url(/static/images/delete_even.gif) no-repeat left top;
	}
    body.estimate table.tasks td.task_description {
		vertical-align: middle;
		width: 310px;
	}
    body.estimate table.tasks td.hours, body.estimate table.tasks td.rate {
		width: 30px;
		vertical-align: middle;
		padding: 5px 0 5px 0;
	}
	body.estimate table.tasks td.operator {
		width: 20px;
		text-align: center;
		vertical-align: middle;
	}
	body.estimate table.tasks td.total {
		vertical-align: middle;
		width: 85px;
	}
    body.estimate #content td.hours input,
    body.estimate #content td.rate input{
        display: block;
        width: 30px;
        font-family: Arial, sans-serif;
        font-size: 14px;
        color: #000;
    }
    body.utilities #content td.text input{
        display: block;
        width: 15px;
        font-family: Arial, sans-serif;
        font-size: 11px;
        color: #000;
    }
    body.estimate .top_buttons {
		margin-top: 15px;
		margin-bottom: 20px;
	}
    body.estimate .bottom_buttons {
		clear: both;
	}
    body.estimate .top_buttons a, body.estimate .bottom_buttons a {
		padding: 4px 7px;
        font-family: Georgia, serif;
        font-weight: bold;
        color: #000;
        background: #fea300;
        border: none;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        cursor: pointer;
        font-size: 11px;
	}
    body.estimate .buttons a:hover {
		text-decoration: none;
	}
    body.estimate #content .add {
        width: 67px;
    }
    body.estimate #content .print {
		margin-right: 10px;
        width: 61px;
        float: right;
    }
    body.estimate #content .save_new {
        width: 70px;
        float: right;
    }
    body.estimate #content .save_current {
        margin-right: 10px;
        width: 41px;
        float: right;
    }
    body.estimate #content .delete_current {
		margin-right: 10px;
        width: 37px;
        float: right;
    }
    body.estimate #content input.text,
    body.estimate #content input.past_go {
        margin: 1ex 0;
        padding: 0.5ex 1ex;
        font-family: Georgia, serif;
        font-weight: bold;
        color: #000;
        background: #fea300;
        border: none;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        cursor: pointer;
    }
    .buttons {
		margin-left: 6px;
		margin-top: 12px;
	}
	.project_total {
		float: right;
		width: 88px;
		font-size: 22px;
		color: #fef8e1;
	}
	.project_hours {
		float: right;
		width: 110px;
		font-size: 22px;
		color: #fef8e1;
	}
	.messagewindow {
		margin-bottom: 15px;
	}
	.messagewindow span {
		display: block;
		width: 495px;
		padding: 10px;
		text-align: center;
		font-weight: bold;
	}
	.messagewindow .success {
		background-color: #dff2bf;
		color: #4f8a10;
		border: 1px solid #4f8a10;
	}
	.messagewindow .error {
		background-color: #ffbaba;
		color: #d8000c;
		border: 1px solid #d8000c;
	}
	.default-rate .inplace_field {
		width: 40px;
	}
	.past_estimates {
		margin-bottom: 20px;
		width: 200px;
		float: left;
		padding-left: 6px;
	}
	.past_estimates th {
		font-size: 16px;
		color: #fef8e1;
	}
	.past_estimates td {
		padding-top: 7px;
	}
	.past_estimates td.select_client {
		width: 165px;
	}
	.estimate-print {
		background: none;
		border: none;
		padding-left: 15px;
	}
	.estimate-print #header {
		display: none;
	}
	.estimate-print img.logo {
		display: block;
        margin: 8px 10px 8px 0;
        height: 53px;
        width: 20px;
        float: left;
	}
	.estimate-print h1.project-name {
		color: black;
		font-size: 30px;
		font-weight: bold;
		padding-top: 15px;
	}
	.estimate-print h3 {
		color: black;
		font-size: 20px;
		padding-top: 8px;
	}
	.estimate-print h4 {
		color: black;
		font-size: 16px;
		padding-top: 8px;
		clear: both;
		float: none;
		width: 350px;
		font-weight: bold;
	}
	.estimate-print .project_hours {
		margin-top: 15px;
	}
	.estimate-print .project_total {
		margin-bottom: 40px;
	}
	.estimate-print .tasks {
		clear: both;
		width: 700px;
		color: black;
		margin-top: 20px;
		border-bottom: 1px solid black;
	}
	.tasks th {
		font-weight: bold;
		border-bottom: 1px solid black;
		padding: 0;
	}
	.tasks td {
		padding: 5px 0;
	}
	.tasks .description {
		padding-left: 8px;
	}
	.tasks tr.odd {
		background-color: #eee;
	}
	.tasks .hours, .tasks .rate, .tasks .operator {
		text-align: center;
	}
	.tasks .hours, .tasks .rate {
		width: 65px;
	}
	.tasks .total {
		width: 80px;
	}
	.estimate-print #navigation, .estimate-print #background-a, .estimate-print #background-b {
		display: none;
	}
	.estimate-print #footer {
		color: black;
	}
/*
    }
    Sidebar {
*/
        body.blog #harvest-sidebar {
            width: 182px;
            float: left;
        }
        body.blog #harvest-sidebar .date {
            display: block;
            margin: 0 0 24px 0;
            font-size: 16px;
            font-family: Arial, sans-serif;
        }
        body.blog #harvest-sidebar .date .month,
        body.blog #harvest-sidebar .date .year {
            display: block;
            float: left;
            width: 66px;
            margin: 1px 0;
            padding: 2px 0;
            text-transform: uppercase;
            color: #fef8e1;
            border-top: 1px solid #918b70;
            border-bottom: 1px solid #918b70;
        }
        body.blog #harvest-sidebar .date .day {
            display: block;
            float: left;
            width: 50px;
            font-size: 42px;
            font-family: Georgia, serif;
            text-align: center;
            color: #fea300;
        }
        body.blog #harvest-sidebar .date .month {
            text-align: right;
        }
        body.blog #harvest-sidebar .date .year {
            text-align: left;
        }
        body.blog #harvest-sidebar h2 {
            margin: 8px 0;
            padding: 2px 0;
            font-size: 10px;
            text-align: center;
            color: #c1bba1;
            border-top: 1px solid #918b70;
            border-bottom: 1px solid #918b70;
        }
        body.blog #harvest-sidebar h2 em {
            font-style: italic;
            font-size: 12px;
            color: #918b70;
        }
        body.blog #harvest-sidebar .list-container {
            margin: 0 0 24px 0;
            padding: 1em 0;
            font-size: 12px;
            font-style: italic;
            text-align: center;
            background: #2f2c23;
        }
        body.blog #harvest-sidebar .list-container a {
            color: #fea300;
        }
        body.blog #harvest-sidebar .list-container a:hover {
            color: #fef8e1;
        }
/*
    }
    CSS3 {
*/
        body[class~="blog"] #harvest-content .entry-image,
        body[class~="blog"] #harvest-sidebar .list-container {
            background: rgba(116,110,89,0.22);
        }
/*
    }
}

Lightbox {
*/
    #jquery-overlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
    }
    #jquery-lightbox {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
    }
    #jquery-lightbox a img { border: none; }
    #lightbox-container-image-box {
        position: relative;
        width: 250px;
        height: 250px;
        margin: 0 auto;
    }
    #lightbox-container-image-box,
    #lightbox-container-image-data-box {
        background-color: #2b2922;
        background-color: #181713
    }
    
    body[class] #lightbox-container-image-box,
    body[class] #lightbox-container-image-data-box {
        /*background-color: rgba(116,111,89,0.33);*/
        /*background-color: rgba(0,0,0,0.9);*/
    }
    #lightbox-container-image {
        padding: 10px;
    }
    #lightbox-loading {
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
    }
    #lightbox-nav {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
    }
    #lightbox-container-image-box > #lightbox-nav { left: 0; }
    #lightbox-nav a { outline: none;}
    #lightbox-nav-btnPrev, #lightbox-nav-btnNext {
        width: 49%;
        height: 100%;
        zoom: 1;
        display: block;
    }
    #lightbox-nav-btnPrev { 
        left: 0; 
        float: left;
    }
    #lightbox-nav-btnNext { 
        right: 0; 
        float: right;
    }
    #lightbox-container-image-data-box {
        /*font: 10px Verdana, Helvetica, sans-serif;*/
        margin: 0 auto;
        line-height: 1.4em;
        font-family: arial, sans-serif;
        font-size: 13px;
        overflow: auto;
        width: 100%;
        padding: 0 10px 0;
    }
    #lightbox-container-image-data {
        padding: 0 10px;
        color: #fef8e1;
    }
    #lightbox-container-image-data #lightbox-image-details { 
        width: 70%;
        float: left;
        text-align: left;
    }
    #lightbox-image-details-caption {
        /*font-weight: bold;*/
        font-family: Georgia, serif;
        font-size: 13px;
    }
    #lightbox-image-details-currentNumber {
        clear: left;
        display: block;
        padding-bottom: 1.0em;
        font-size: 10px;
        color: #918b70;
    }
    #lightbox-secNav-btnClose {
        margin-top: 6px;
        width: 66px;
        float: right;
        padding-bottom: 0.7em;
    }
/*
}
*/