/* @group global reset */

* { margin:  0; padding: 0; }
ul { list-style: none; }
p { margin: 10px 0; }
a img, fieldset { border: 0; outline: none; }
a { outline: none; }
img {-ms-interpolation-mode:bicubic;}

/* @end */
/* @group utility */

.clear {
    height: 1px;
    clear: both;
    margin-top: -1px;
    overflow: hidden;
}
 .row:after, .clearfix:after, .blog_body p:after, .section:after, .service-thumbs:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
h2, h3, h4, h5 { }
h2 { font-size: 185%; margin: 25px 0 10px; font-weight: normal; }
h3 { font-size: 150%; margin: 15px 0 10px; }
h4 { font-size: 130%; margin: 12px 0 10px; }
h5 { 
    font-size: 100%; 
    margin: 16px 0 7px 0; 
    font-weight: bold; 
    color: #0066a4; 
    letter-spacing: 1px; 
    text-transform: uppercase;
}
small { font-size: 90%; }
.add_top, #add_top { margin-top: 15px; }
.add_bottom, #add_bottom { margin-bottom: 15px; }
.no_bottom { margin-bottom: 0; padding-bottom: 0; }
.no_top { margin-top: 0; }
.no_border { border: 0; }
.left { float: left; }
img.left { margin: 0 15px 15px 0; }
.right { float: right; }
img.right { margin: 0 0 15px 15px; }
.text_right { text-align: right; }
.hide { display: none; }
.f_norm {
    font-size: 0.8em;
    line-height: 1.4em;
}
.callout {
    font-size: 15px;
    line-height: 25px;
    margin: 5px 0;
    color: #777773;
    padding: 0 15px 0 0;
}
.grayed {
    font-style: italic;
    color: #8b8b8b;
}

/* @end */
/* @group links */

a:link, a { text-decoration: none; color: #10587a; font-weight: bold; }
a:visited {}
a:hover { text-decoration: underline; }
a:active { outline: none; }

/* @end */
/* @group text styles */


#main_content blockquote, #main_content2 blockquote {
    font-size: 15px;
    line-height: 25px;
    margin: 20px 0;
    color: #777773;
    padding: 0 25px 0 50px;
    background: url(/images/viget/bg_blockquote.gif) top left no-repeat;
    }
#main_content abbr, #main_content2 abbr, #main_content acronym, #main_content2 acronym {

    }
#main_content img, #main_content2 img {
    border:1px solid #d0cfc1;
    margin-top: 10px;
    }
#main_content img.no_border, #main_content2 img.no_border {border:0px;}
#main_content img, #main_content2 a:hover img {
        border:1px solid #a7a696;
    }
#main_content ul, #main_content2 ul {
        list-style: none;
        margin-bottom: 17px;
    }
#main_content ul li ul, #main_content2 ul li ul {
        margin-bottom: 0px;
    }
#main_content ul li, #main_content2 ul li {
        padding: 4px 4px 4px 25px;
        border-bottom:1px solid #d0cfc1;
        background: url(/images/viget/bg_content_li.gif) 3px 13px no-repeat;
    }
#main_content ol li, #main_content2 ol li {
        padding: 4px 4px 7px 2px;
        margin-left: 25px;
        border-bottom:1px solid #d0cfc1;
    }

/* @end */
/* @group sifr */
/*    .sIFR-active h2.sifr {
      visibility: hidden;
      font-family: Verdana;
      line-height: 1em;
    }   
*/
    .sIFR-active h2.sifr {
      font-size: 30px;
      display: block;
      color: #0066a4;
     margin-top: 30px;
margin-bottom:15px;
/*  height: 35px;  */
    }
    .sIFR-active h2.sifr-big {
      font-size: 40px;
      display: block;
      color: #0066a4;
     margin-top: 30px;
margin-bottom:15px;
/*  height: 35px;  */
    }


/* @end */
/* @group =base */

body {
    font: 1em "Lucida Grande", Tahoma, Arial, Sans-Serif;
    background: #005d9a url(/images/viget/bg_body.gif) top center repeat-x;
    color: #3c3c3c;
}
body.safari { font-size: 0.9em; }
.center_col {
    width: 960px;
    margin: 0 auto;
}
.split_col {
    width: 212px;
    float: left;
    padding-right: 15px;
}
#tan_body { background: #e8e5c0 url(/images/viget/bg_tan_body.gif) 0 0 repeat-x; }
#tan_bot {
    background: url(/images/viget/bg_tan_bottom.gif) bottom left repeat-x;
    height: 30px;
    margin-top: -70px;
}
.home #tan_bot { margin-top: 0; }

    /* @group -mast */
    #mast .center_col {
        height: 358px;
        position: relative;
    }
    #mast {
        background: url(/images/viget/bg_mast.jpg) top center no-repeat;
        height: 358px;
    }
    #mast h1 {
        background: url(/images/viget/viget_logo.gif) 0 0 no-repeat;
        position: absolute;
        top: 11px;
        left: 22px;
        text-indent: -9000px;
    }
    #mast h1, #mast h1 a {
        width: 190px;
        height: 110px;
        display: block; 
    }
    /* @end */
    
    /* @group -nav */
    #nav {
        width: 561px;
        height: 33px;
        background: url(/images/viget/nav.gif) 0 0 no-repeat; 
        position: absolute;
        left: 397px;
        top: 81px;
    }
    #nav li {
        position: absolute;
        top: 0;
        text-indent: -9000px;
    }
    #nav li a {
        display: block;
        height: 33px;
    }
    #nav_about { left: 0; }
    #nav_about a { width: 71px; }
    #nav_about a:hover, body.about #nav_about a { background: url(/images/viget/nav.gif) 0 -33px no-repeat; }
    #nav_work { left: 72px; }
    #nav_work a { width: 62px; }
    #nav_work a:hover, body.work #nav_work a { background: url(/images/viget/nav.gif) -72px -33px no-repeat; }
    #nav_services { left: 135px; }
    #nav_services a { width: 89px; }
    #nav_services a:hover, body.services #nav_services a { background: url(/images/viget/nav.gif) -135px -33px no-repeat; }
    #nav_blog { left: 225px; }
    #nav_blog a { width: 63px; }
    #nav_blog a:hover, body.blog #nav_blog a { background: url(/images/viget/nav.gif) -225px -33px no-repeat; }
    #nav_careers { left: 289px; }
    #nav_careers a { width: 88px; }
    #nav_careers a:hover, body.careers #nav_careers a { background: url(/images/viget/nav.gif) -289px -33px no-repeat; }
    #nav_contact { left: 378px; }
    #nav_contact a { width: 81px; }
    #nav_contact a:hover, body.contact #nav_contact a { background: url(/images/viget/nav.gif) -378px -33px no-repeat; }
    #nav_login { left: 461px; }
    #nav_login a { width: 101px; }
    #nav_login a:hover, body.login #nav_login a { background: url(/images/viget/nav.gif) -461px -33px no-repeat; }
    /* @end */
    
    /* @group -footer */
    #footer {
        background: #116092 url(/images/viget/bg_footer.gif) 0 0 repeat-x;
        color: #fff;
        font-size: 0.74em;
        padding: 60px 0 50px;
    }
    .home #footer { padding-top: 20px; background-position: 0 -37px; }
    #footer p {
        margin: 0 0 15px;
        line-height: 1.7em;
    }
    #footer a {
        color: #fff;
        font-weight: bold;
        text-decoration: none;
    }
    #foot_left {
        line-height: 21px;
    }
    #foot_left a {
        text-decoration: none

    }
    #foot_left a:hover {
        text-decoration: underline;
    }
    #footer a:hover { text-decoration: underline; }
    #footer h5 {
        width: 200px;
        height: 12px;
        padding: 0px;
        margin: 0 0 10px 0;
        text-indent: -9999px;
    }
    #footer .copyright, #footer .copyright a {
        color: #5ea5d1;
    }
    #footer h5#since_1999 { 
        background: url(/images/viget/hd_since_1999.gif) 0 0 no-repeat;
        float: none;
    }
    #foot_left {
        width: 420px;
        float: left;
        padding: 0 30px;
    }
    #foot_left a {
        font-weight: bold;
    }
    #foot_right {
        width: 480px;
        float: right;
    }
    #foot_right.old {
        background: url(/images/viget/bg_footer_right.gif) 0 0 no-repeat;
        padding: 10px 30px 0;
        width:420px;
    }
    #foot_right ul.old_links li {
        height: 24px;
        padding: 9px 10px 0px 25px;
        float: left;
        width: 165px;
        position: relative;
    }
    #foot_right ul.old_links li a {
        display: block;
    }
    #foot_right ul.links {
        padding: 0 20px;
        float: left;
        width: 190px;
    }
    #foot_right ul.links li {
        position: relative; 
        line-height: 1.7em;
        font-weight: bold;
    }
    #foot_right ul.links li a {
        display: block;
        background-position: 0 1px;
        background-repeat: no-repeat;
        padding: 0 0 7px 28px;
        height:1.7em;
    }
    .link_four_labs { 
        background-image: url(/images/viget/icn_footer_four_labs.gif);}
    .link_advance { 
        background-image: url(/images/viget/icn_footer_advance.gif);}
    .link_inspire { 
        background-image: url(/images/viget/icn_footer_inspire.gif);}
    .link_extend { 
        background-image: url(/images/viget/icn_footer_extend.gif);}
    .link_engage { 
        background-image: url(/images/viget/icn_footer_engage.gif);}
    .link_twitter { 
        background-image: url(/images/viget/icn_footer_twitter.gif);}
    .link_flickr { 
        background-image: url(/images/viget/icn_footer_flickr.gif);}
    .link_vimeo { 
        background-image: url(/images/viget/icn_footer_vimeo.gif);}
    .link_linkedin { 
        background-image: url(/images/viget/icn_footer_linkedin.gif);}
    .link_facebook { 
        background-image: url(/images/viget/icn_footer_facebook.gif)}
    .link_slideshare { 
        background-image: url(/images/viget/icn_footer_slideshare.gif);}
    #foot_right form {
        float: left;
        margin-top: 15px;
    }
    h5#read_our_blogs {
        background: url(/images/viget/hd_read_our_blogs.gif) 0 0 no-repeat;

    }
    h5#get_email_updates {
        background: url(/images/viget/hd_get_email_updates.gif) 0 0 no-repeat;
        position: relative;
        top: 7px;
    }
    h5#connect_with_us {
        background: url(/images/viget/hd_connect_with_us.gif) 0 0 no-repeat;
    }
    h5#search_viget {
        background: url(/images/viget/hd_search_viget.gif) 0 0 no-repeat;
        position: relative;
        top: 7px;
    }
    #footer input.text {
        background: url(/images/viget/bg_footer_input.gif) 0 0 no-repeat;
        width: 148px;
        height: 14px;
        border: 0px;
        padding: 7px 5px 5px 5px;
        float: left;
        color: white;
    }
    #foot_right fieldset p {display:inline;}
    #foot_right input.button {
        float: left;
    }
    #foot_forms {
        background: url(/images/viget/bg_foot_forms.gif) bottom center no-repeat;
        padding:10px 0 20px 0;
        margin-bottom: 15px;
        height: 25px;
    }
    #foot_forms h5 {
        width: 180px;
        float: left;
        height: 18px;
        margin-bottom:10px;
    }     
    #foot_forms input {
        float: left;
    }     
    #footer #foot_forms .text {
        float: left;
        width: 185px;
        margin-right: 0px;
    }         
    #foot_forms .form {
        width: 458px;
        float: left;
        padding: 0 0 0 20px
    }
    #foot_forms .button {
        position: relative;
    }
    #foot_forms .search_form_wide {
        width: 450px;
        padding-left:29px;
    }

    /* @end */
    
    /* @group -feat */
    #feat {
        margin: -214px 0 0 9px;
        width: 943px;
        background: url(/images/viget/bg_feat.gif) 0 0 no-repeat;
        float: left;
        position: relative;
        padding: 0 0 2px 0;
    }
    #feat_bot {
        width: 943px;
        height: 3px;        
        background: url(/images/viget/bg_feat_bot.gif) 0 0 no-repeat;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    h3#our_work_homepage {
            width: 223px;
        height: 114px;
                z-index:100;
        background: url(/images/viget/hd_our_work.jpg) 0 0 no-repeat;
        text-indent: -9000px;
        margin: 0;
        position: absolute;
        left: -22px;
        top: 2px;
    }
        h3#our_work_homepage a {
                display:block;
            width: 223px;
        height: 114px;
        }
    h3#statement {
        width: 302px;
        height: 306px;
        background: url(/images/viget/hd_statement.jpg) 0 0 no-repeat;
        text-indent: -9000px;
        position: absolute;
        right: -31px;
        top: -38px;
    }
    #statement_side {
        width: 28px;
        height: 288px;
        background: url(/images/viget/bg_statement_side.png) 0 0 no-repeat;
        position: absolute;
        right: 271px;
        top: -23px;
        z-index: 10;
    }
    #statement a {
        position: absolute;
        display: block;
        z-index: 100;
    }
    #h_strategy { width: 163px; height: 35px; left: 94px; top: 85px; }
    #h_strategy:hover { background: url(/images/viget/hd_statement.jpg) -94px -391px no-repeat; }
    #h_design { width: 85px; height: 33px; left: 14px; top: 118px; }
    #h_design:hover { background: url(/images/viget/hd_statement.jpg) -14px -424px no-repeat; }
    #h_development { width: 171px; height: 39px; left: 99px; top: 120px; }
    #h_development:hover { background: url(/images/viget/hd_statement.jpg) -99px -426px no-repeat; }
    #h_marketing { width: 125px; height: 31px; left: 58px; top: 159px; }
    #h_marketing:hover { background: url(/images/viget/hd_statement.jpg) -58px -465px no-repeat; }    
    #feat_callout {
                z-index:5;
        position: relative;
        padding: 20px 271px 0 45px;
    }
    #callout_img {
        width: 432px;
        height: 205px;
        overflow: hidden;
        float: right;
        position: relative;
    }
    #callout_arrow {
        width: 53px;
        height: 15px;
        background: url(/images/viget/callout_arrow.png) 0 0 no-repeat;       
        position: absolute;
        bottom: 0;
        left: -3px;
        z-index: 5;
    }
    #callout_desc {
        width: 175px;
        position:absolute;
        margin: 0;
        padding-top: 102px;
        line-height: 1.4em;
        font-size: 0.8em;
    }
    #callout_desc { color: #646464; }
    #feat_list {
        padding: 15px 0 20px 45px;
        background: url(/images/viget/bg_divider.gif) bottom center no-repeat;
    }
    h3#work_startups, h3#work_offline_biz, h3#work_mature, h3#work_online, #feat_list a { margin: 0; float: left; }
    h3#work_startups, h3#work_offline_biz, h3#work_mature, h3#work_online { text-indent: -9000px; }
    #feat_list a {
        display: block;
        height: 49px;
        width: 49px;
        overflow: hidden;
        position: relative;
    }
    #feat_list a:hover img, #feat_list a.cur img {
        position: absolute;
        top: -49px;
        left: 0;
    }
    h3#work_startups {
        width: 195px;
        height: 49px;
        background: url(/images/viget/hd_work_startups.gif) 0 0 no-repeat;
    }
    h3#work_offline_biz {
        width: 186px;   
        height: 49px;
        background: url(/images/viget/hd_work_offline_biz.gif) 0 0 no-repeat;
        margin: 0 10px;
    }   
    h3#work_mature {
        width: 180px;
        height: 49px;
        margin: 0 10px 0 10px;
        background: url(/images/viget/hd_work_mature.gif) 0 16px no-repeat;
    }
    h3#work_online {
        width: 176px;   
        height: 49px;
        background: url(/images/viget/hd_work_online.gif) 0 16px no-repeat;
        margin: 0 20px 0 0;
    }   
    /* @end */
    /* @group -home blog */
    #blog_four_labs {
        width: 619px;
        background: url(/images/viget/bg_home_blog.jpg) 0 0 repeat-y;
        margin: 15px 0 0 25px;
        position: relative;
        z-index: 10;
        font-size: 0.74em;
    }
    #blog_top {
        height: 39px;
        background: url(/images/viget/bg_blog_home_top.jpg) 0 0 no-repeat;
    }
    #blog_bottom {
        width: 619px;
        height: 16px;
        background: url(/images/viget/bg_blog_bottom.png) 0 0 no-repeat;
        position: absolute;
        bottom: -16px;
        left: 0;
    }   
    #blog_left {
        width: 250px;
        float: left;
        margin: 0 0 0 18px;
    }
    #blog_left p {
        padding: 0 0 0 55px;
        line-height: 1.5em;
    }
    #blog_right {
        width: 270px;
        padding-right: 30px;
        float: right;
        padding-top: 15px;
    }
    #blog_right p {
        margin: 0 0 14px 0;
        color:#b9b9b9;
                line-height:16px
    }
    #blog_right span {
        width: 41px;
        height: 20px;
        padding: 4px 0 0;
        background: url(/images/viget/bg_blog_date.gif) 0 0 no-repeat;
        float: right;
        margin: -4px -51px 0 0;
        display: block;
        text-align: center;
        font-size: 0.76em;
        color: #625c46;
    }
    #four_labs_home a {
        width: 219px;
        height: 59px;
         display:block;
        background: url(/images/viget/hd_four_labs_home.png) 0 0 no-repeat;
        text-indent: -9000px;
        margin: -22px 0 0;
    }
   #right_callout_col {
        width: 250px;   
        float: right;
        margin: 18px 25px 0 0;
        font-size: 0.8em;
        line-height: 1.5em;
    }
    #add_callout {
        border: 1px solid #dad74e;
        background: #fdfab7 url(/images/viget/bg_add_callout.gif) 0 0 repeat-x;
        padding: 15px;
    }
    #add_callout p { margin: 0; }
    #add_callout .rails_logo { float:right; margin-top:13px; margin-left:10px; margin-bottom:15px; position: relative; z-index: 100}
    /* @end */  
    
    /* @group -four blogs */
    #four_blogs {
        width: 943px;   
        margin: 0 0 0 9px;
        float: left;
        background: url(/images/viget/bg_bot_blogs.jpg) 0 184px no-repeat;
        font-size: 0.74em;
        line-height: 1.4em;
        padding-bottom: 20px;
    }
    #four_blogs h3#voice {
        height: 100px;
        background: url(/images/viget/hd_voice.jpg) 0 0 no-repeat;
        text-indent: -9000px;
        margin: 0;
    }
    #advance, #inspire, #extend, #engage { float: left; }
    #four_blogs h3, #four_blogs h3 a { height: 84px; margin: 0; }
    #advance h3 a, #inspire h3 a, #extend h3 a, #engage h3 a {
        display: block;
        text-indent: -9000px;
    }
    #advance { width: 236px; }
    #advance h3 { background: url(/images/viget/advance_top.gif) 0 0 no-repeat; }
    #advance h3 a:hover { background: url(/images/viget/advance_top.gif) 0 -84px no-repeat; } 
    #inspire { width: 235px; }
    #inspire h3 { background: url(/images/viget/inspire_top.gif) 0 0 no-repeat; }
    #inspire h3 a:hover { background: url(/images/viget/inspire_top.gif) 0 -84px no-repeat; } 
    #extend { width: 236px; }
    #extend h3 { background: url(/images/viget/extend_top.gif) 0 0 no-repeat; }
    #extend h3 a:hover { background: url(/images/viget/extend_top.gif) 0 -84px no-repeat; }   
    #engage { width: 236px; }
    #engage h3 { background: url(/images/viget/engage_top.gif) 0 0 no-repeat; }
    #engage h3 a:hover { background: url(/images/viget/engage_top.gif) 0 -84px no-repeat; }   
    .blog_body { padding: 10px 15px 10px 20px; }
    .blog_body p {
        background: url(/images/viget/bg_home_posts.gif) bottom center no-repeat;
        padding: 5px 65px 15px 10px;
        margin-top: 0;
    }
    .blog_body p.last {
        background: none;
    }
    .blog_body p.blog_tags {
        background: #fffeee url(/images/viget/bg_blog_tags.gif) 0 0 repeat-x;
        border: 1px solid #f5f4d0;
        padding: 10px;
    }
    .author_sm {
        float: right;
        margin: -5px -75px 0 0;
        position: relative;
        padding: 4px 0 0 5px;
        width: 51px;
        height: 52px;
    }
    .author_sm span {
        width: 56px;
        height: 56px;
        background: url(/images/viget/blog_author_frame.png) 0 0 no-repeat;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
    }
    .date { color: #a0a282; }
    /* @end */
    
    
    
    /* @group -blog_selector (new homepage) */


    #blog_selector {
        width: 932px;
        margin: 0 0 0 9px;
        float: left;
        background: url(/images/viget/bg_home_blogs.jpg) 10px 0px no-repeat;
        font-size: 0.74em;
        line-height: 1.4em;
        padding: 86px 0 0 0;
    }
    #four_descriptions {
        height: 157px;  
    }
    #four_descriptions div {
        float: left;
        background-image: url(/images/viget/blog_selector.jpg);
        height:101px;
        padding:56px 20px 0px 20px;
        text-align:center;
        position:relative;
                line-height:18px;
    }
    #four_descriptions div h3 a {
        position: absolute;
        text-indent: -9999px;
        height: 44px;
        width: 225px;
        left: 0px;
        top: 0px;
        margin: 0px;
    }
    #four_descriptions div#advance_description {
        background-position: 0px 0px;
        width: 191px;
    }
    #four_descriptions div#advance_description h3 a {
            background: url(/images/viget/blog_header_advance.gif) no-repeat 43px 9px;
    }
    #four_descriptions div#inspire_description {
        background-position: -232px 0px;
        width: 192px;
    }
    #four_descriptions div#inspire_description h3 a {
            background: url(/images/viget/blog_header_inspire.gif) no-repeat 58px 9px;
    }
    #four_descriptions div#extend_description {
        background-position: -463px 0px;
        width: 195px;
    }
    #four_descriptions div#extend_description h3 a {
            background: url(/images/viget/blog_header_extend.gif) no-repeat 63px 9px;
    }
    #four_descriptions div#engage_description {
        background-position: -698px 0px;
        width: 194px;
    }
    #four_descriptions div#engage_description h3 a {
        background: url(/images/viget/blog_header_engage.gif) no-repeat 66px 9px;
    }
    #blog_selector #blogs {
        background: url(/images/viget/blog_background.gif) no-repeat 90px 3px;    
        padding-bottom:30px;
        position:relative;
    }
    #blog_selector #blogs a { font-weight: normal; }
    #blog_selector #blogs strong a {     }
    #blog_selector #blogs .posts {
        width: 435px;
        float: left;    
        padding-top: 30px;
    }
    #blog_selector #blogs .posts li {
        font-size: 15px;
        line-height: 19px;
        position: relative;
        padding: 15px 20px 23px 98px;
        background: url(/images/viget/blog_home_divider.gif) no-repeat bottom left;   
        min-height:39px;
        margin-bottom:5px
    }
    #blog_selector #blogs .posts li .author_image {
        display: block;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 75px;
        height: 75px;
    }
    #blog_selector #blogs .posts li .author_image span {
        background: url(/images/viget/blog_home_authorimage.png) no-repeat top left;  
        display:block;
        text-indent: -9999px;
        width: 75px;
        height: 75px;
    }
    #blog_selector #blogs .posts li .author {
        font-size:0.75em;
                display:block;
                margin-top:2px;

    }
    #blog_selector #blogs .comments {
        width: 438px;
        float: right;   
        padding-top: 30px;
            padding-left:54px;
                line-height:18px;
    }
    #blog_selector #blogs .comments li {
        padding: 10px 10px 10px 0px;
        background: url(/images/viget/blog_home_divider.gif) no-repeat bottom right;      
    }   
    #blog_selector #blogs .comments p {
                display:inline;
        margin: 0px;    
    }   
    #blog_selector #blogs .comments .comment {
        width: 255px;
        float: left;    
    }
    #blog_selector #blogs .comments .user {
        width: 120px;
        float: left;
        padding-left: 20px; 
    }
    #blog_selector #blogs li.last {
        background: none;
    }
    div#advance_blog, div#inspire_blog, div#extend_blog, div#engage_blog {

    }
    .recent_blog {display:none;}
    #blog_selector.advance_blog div#advance_blog,
    #blog_selector.inspire_blog div#inspire_blog,
    #blog_selector.extend_blog div#extend_blog,
    #blog_selector.engage_blog div#engage_blog {
        display: block;
    }
    #four_descriptions div#advance_description.current {
        background-position:  0px -157px;
    }
    #four_descriptions div#inspire_description.current {
        background-position:  -232px -157px;
    }
    #four_descriptions div#extend_description.current {
        background-position:  -463px -157px;
    }
    #four_descriptions div#engage_description.current {
        background-position:  -698px -157px;
    }
    /* @end */
    
    
    /* @group -form elements */
    input, textarea {
        border: 1px solid #c0bebe;
        padding: 5px;   
        background: #fff url(/images/viget/bg_input_white.gif) 0 100% repeat-x;
        font: 1em "Lucida Grande", Arial, Sans-Serif;
        color: #313030;
    }
    .forms input { margin: 0 1px 0 0; }
    .forms label { padding: 0 12px 0 0; }
    button, .formSubmit input {
        width: auto;
        overflow: visible;
        cursor: pointer;
        background: #d6d4d4 url(/images/viget/bg_button_gray.gif) 0 100% repeat-x;
        color: #fff;
        font-weight: bold;
        border: 0;
        padding: 4px;
        border: 1px solid #c0bebe;
        margin-left: -1px;
        line-height: normal;
    }
    input[type="radio"] { border: 0px; background-image: none; background-color: none; }

    /* @end */

/* @end */

/* @group =pages */

#main {
    margin: -214px 0 0 5px;
    width: 943px;
    float: left;
    position: relative;
    background: url(/images/viget/bg_main.png) 0 0 repeat-y;
    padding-bottom: 25px;
    min-height:350px;
}
#main_top {
    height: 6px;
    background: url(/images/viget/bg_main_top.gif) 0 0 no-repeat;
}
#main_bot {
    height: 8px;
    width: 943px;
    background: url(/images/viget/bg_main_bottom.gif) 0 0 no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
}
#slim_left_col { 
    width: 186px; 
    float: left;
    position: relative;
}
#slim_add {
    width: 155px;
    padding-left: 20px; 
    margin-top: 25px; 
    float: left;
    font-size: 0.8em;
}
#sidebar {
    width: 156px;
    padding: 15px;
    float: left;
    position: relative;
    margin: 25px 0 0 -5px;
    background: url(/images/viget/bg_sidebar.jpg) 0 0 repeat-y;
    font-size: 0.8em;
}
#sidebar_bottom {
    width: 186px;   
    height: 10px;
    background: url(/images/viget/bg_sidebar_bottom.png) 0 0 no-repeat;
    position: absolute;
    bottom: -10px;
    left: 0;
}
#sidebar h3 {
    height: 44px;
    margin: 6px 0pt 20px;
    text-indent: -9000px;   
}
#sidebar h3 a {
    display:block;
        height:44px;
}
#sidebar a {
    font-weight: normal;
    text-decoration: none;
}
#sidebar ul { margin: 0 0 25px; }
#sidebar ul li { }
#sidebar ul li a { 
    display: block; 
    padding: 4px 10px 4px 15px;
}
#sidebar ul li.cur a { background: url(/images/viget/bg_cur_list.gif) 0 0 no-repeat; }
#sidebar ul li a:hover { background: url(/images/viget/bg_cur_list_hover.gif) 0 0 no-repeat; }
#sidebar h5 {
    font-size: 1em;
    padding: 5px 0 0 15px;
    text-transform: uppercase;
color:#6a6a6a;
letter-spacing:0px;
}
#sidebar ul li ul li a, #sidebar ul li.cur ul li a { 
    background: url(/images/viget/bg_sub_list.gif) 14px 8px no-repeat;
    padding-left: 42px;
}
#sidebar ul li ul li.cur a { background: url(/images/viget/bg_cur_sub_list.gif) 0 0 no-repeat; }
#sidebar ul li ul li a:hover { background: url(/images/viget/bg_sub_list_hover.gif) 0 0 no-repeat; }
#main_content {
    width: 380px;
    float: left;
    font-size: 0.8em;
    margin: 0 0 0 35px;
    line-height: 1.6em;
       padding-bottom:25px;
}
#main_content2 {
    width: 455px;
    float: left;
    font-size: 0.8em;
    margin: 0 0 0 35px;
    line-height: 1.6em;
       padding-bottom:25px;
}
#main_content2.wide {
    width: 680px;
}
#main_content2.wide .section {
    overflow: hidden;
    background:transparent url(/images/viget/bg_divider1.gif) no-repeat scroll bottom center;
    padding-bottom: 30px;
    margin-bottom: 20px;
    position: relative;
}
#main_content2.wide .section p {
    overflow: hidden;
    clear: both;
}
#main_content2.wide .section h4 {
    margin: 0px;
    font-size: 15px;
}
#main_content2.wide .section div.text {
    padding: 10px;
    width: 220px;
    margin: 0 0 0 0;
    float: right;
    background-color: #e1e1e1;
    border: 1px solid #c0bebe;
}
#main_content2.wide .section div.text p {
    margin: 0;
}
#main_content2.wide .section form {
    width: 425px;
    float: left;
    display: block;
}
#main_content2.wide .section form p {
    margin: 0 0 12px 0;
}
#main_content2.wide .section form p.form-field {
    font-size: 11px;
}
#main_content2.wide .section .top label {
    padding-bottom: 2px;
    display: block;
    width: 100px;
}
#main_content2.wide .section .top input.text {
    width: 300px;
    float: none;
    height: 16px;
    padding-bottom: 3px;
}
#main_content2.wide .section .buttons {
    padding-left: 100px;
    margin: 0;
}
#main_content2.wide .section .buttons input {
    float: left
}
#main_content2.wide .section .figure {
    position: absolute;
    border: 0px;
    left: 461px;
    top: -7px;
}
#right_col {
    width: 300px;
    float: right;
    margin: 10px 12px 0 0;
    font-size: 1em;
    line-height: 1.3em;
}
#right_col2 {
    width: 250px;
    float: right;
    margin: 10px 12px 0 0;
    position:relative;
    font-size: 1em;
    line-height: 1.3em;
}
.page_sep {
    height: 5px;
    margin: 15px 0;
    background: url(/images/viget/bg_page_long.gif) 50% 50% no-repeat;
}
.divider1 {
    height: 5px;
    margin: 20px 0;
    background: url(/images/viget/bg_divider1.gif) 50% 50% no-repeat;
}
.divider-invisible {
    height: 9px;
}
.divider1 hr, .divider-invisible hr, .page_sep hr { display: none; }
#paper_quote {
clear:both;
    background: url(/images/viget/bg_paper_quote.gif) left bottom no-repeat;
    padding: 15px 20px 40px;
    margin: 15px 0 15px;
    font-size: 0.74em;
    line-height: 1.5em;
    position: relative;
        width:263px;
float:left;
}
#paper_quote_top {
    width: 300px;
    height: 21px;
    background: url(/images/viget/bg_paper_quote_top.gif) 0 0 no-repeat;
    position: absolute;
    top: -21px;
    left: 0;
}
#paper_quote blockquote {
    font-weight: bold;
    padding: 0px 15px 0px 40px;
    background: url(/images/viget/bg_quotes.gif) 0 2px no-repeat;
}
#paper_quote blockquote span {
    font-weight: normal;
    display: block;
    padding-top: 5px;
}
#yellow_side {
    width: 269px;
    height: 249px;
    background: url(/images/viget/bg_yellow_side.png) 0 0 no-repeat;
    position: relative;
    right: -24px;
    top: 15px;
    font-size: 0.8em;
    line-height: 16px;
}

    /* @group -case study */
    .work_hd {
        color: #0066a4;
        font-weight: normal;
        font-size: 2.25em;
        margin: 40px 0 20px;
    }
    h3#our_work { background: url(/images/viget/hd_our_work.gif) 18px 0 no-repeat; }
    .callout1 {
        border: 1px solid #dad74e;
        background: #fdfab7 url(/images/viget/bg_add_callout.gif) 0 0 repeat-x;
        padding: 15px;
        margin: 6px 0px 17px 0px;
    }
    .callout1 p { margin: 0; }
    #main_content .callout1 {
        position: relative;
        left: -15px;
    }
    #photo_feat {
        width: 267px;
        float: right;
        margin: -43px 0 10px 0;
        position: relative;
        background: url(/images/viget/bg_photo_feat.gif) 0 0 no-repeat;
        padding: 24px 0 0 33px;
    }
    #photo_img {
        background: url(/images/viget/bg_feat_img.jpg) 0 0 no-repeat;
    }
    #loading {
        width: 150px;
        height: 20px;
        background: url(/images/viget/loader.gif) 100% 0 no-repeat;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -10px 0 0 -75px;
        display: none;
    }
    #loading span {
        width: 120px;
        height: 20px;
        display: block;
        text-indent: -9000px;
        background: url(/images/viget/bg_hold_horses.gif) 0 3px no-repeat;
    }
    #photo_thumbs {
        position: relative;
        float: left;
        padding-top: 15px;
        margin: -18px 0 10px;
    }
    #photo_thumbs a img { 
        margin: 4px 4px; 
        padding: 3px;
        border: 1px solid #e4e3d8;
        background: #f7f5ed;
    }
    #photo_thumbs a:hover img, #photo_thumbs a.cur img {
        border: 1px solid #dad74e;
        background: #fdfab7;
        padding: 3px;
    }
    #feat_arrow {
        width: 53px;
        height: 15px;
        background: url(/images/viget/callout_arrow.png) 0 0 no-repeat;   
        position: absolute;
        left: 16px;
        bottom: 5px;
    }
    #feat_photo_bot {
        width: 300px;
        height: 11px;       
        background: url(/images/viget/bg_photo_feat_bottom.png) 0 0 no-repeat;
        position: absolute;
        left: 0;
        top: 0;
    }
    /* @end */
    
    /* @group -bio */
    .user_hd {
        color: #0066a4;
        font-weight: normal;
        font-size: 2.25em;
        margin: 40px 0 5px;
    }   
    .title {

    }   
    body.about .org {display:none;}   
    .twitter {
        padding-left: 55px;
        line-height: 1.60em;
        color: #777773;
        background: url(/images/viget/bg_twitter.gif) 0 0 no-repeat;  
    }
    .twitter p, .twitter li {
        color:#777773;
        font-size:15px;
        line-height:25px;
        margin:20px 0pt 0 0;
    }
    .twitter li {list-style:none;}
    .twitter span {
        display:block;
                font-size:11px;
    }
    /* @end */
    
    /* @group -blog */
    h2#four_labs_wlogo a {
        display: block;
        height: 35px;
        background: url(/images/viget/hd_four_labs.gif) 0 0 no-repeat;
        margin: 30px 0 0;
        text-indent: -9000px;
    }
    .notification {
      background-color: #fff19a;
      margin: 10px 10px 30px 10px;
      padding: 10px;
      border: 1px solid #ffeb6c;
    }
    .notification strong {
      font-weight:bold;
      margin-bottom: 5px;
    }
    h3#categories { background: url(/images/viget/hd_categories.gif) 50% 0 no-repeat; }
    #blog_meta { padding-left: 80px; }

    #blog_meta.no_pic { padding-left: 0px; }
    #blog_meta p.by_viget {display:none;}
        #blog_meta.no_pic p.by_staff {display:none;}
        #blog_meta.no_pic p.by_viget {display:block;}
        #blog_meta.no_pic p.by_viget .author_med {display:none;}
    #blog_meta p, .blog_meta_press p {
        font-style: italic;
        margin: 0 0 10px;
    }
        #blog_meta.no_pic .author_med { display: none; }
    .post { margin-bottom: 40px; }
    .post h3 { font-weight:normal; font-size:1.45em; margin: 1.3em 0 .3em 0;}
    .post p a, .post ul a   {font-weight:normal;text-decoration:underline;}  .post strong a, .post p strong a  {font-weight:bold;}
    .post p a:hover, .post ul a:hover   {text-decoration:none;}
        div.post pre, div.post code, div.post div.code  {
        font-family: "Consolas", "Lucida Console", "Monaco", "Courier New", Courier, mono, serif;
        display: block;
        padding: 3px 4px 4px 4px;
                margin: 10px 0 0 0;
        background: #F2F2F2 url(/images/viget/search_li_alt.gif) no-repeat center top;
        line-height: 20px;
        font-size: 1em;
}
    #blog_meta p a, div.extras a {text-decoration:none;}
    #blog_meta p a:hover, div.extras a:hover {text-decoration:underline;}
    .post h4 {
        font-size: 1.3em;
        margin: 0 0 3px;
    }
    .author_med {
        float: left;
        margin: -5px 0 0 -80px;
        position: relative;
        padding: 0px 0 0 0px;
                top:4px;
        width: 69px;
        height: 69px;
    }
    .post img { margin: 15px; }
    #main_content .author_med img, #main_content2 .author_med img  {
        margin: 0px;
        border: 0px;
    }
    .author_med span {
        width: 75px;
        height: 75px;
        background: url(/images/viget/user_blog_mask.png) 0 0 no-repeat;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
    }
    .extras {
        height: 44px;
        background: url(/images/viget/bg_blog_extras.jpg) 0 0 no-repeat;
        margin-top: 15px;
        clear: both;
    }
    .extras a {
        padding: 2px 0 5px 25px;
        float: left;
        display: block;
        font-weight: normal;
        line-height: normal;
        margin: 12px 12px 0 12px;       
    }
    .leave_comment { background: url(/images/viget/bg_leave_comment.gif) 0 50% no-repeat; }
    .delicious { background: url(/images/viget/bg_delicious.gif) 0 50% no-repeat; }
    .digg_this { background: url(/images/viget/bg_digg.gif) 0 50% no-repeat; }
    .rss_black {
        display: block;
        background: url(/images/viget/rss_black.gif) 100% 0 no-repeat;
        padding-top: 1px;
        line-height: normal;
        padding-right: 20px;
    }
    .twitter_black {
        display: block;
        background: url(/images/viget/twitter_black.gif) 100% 7px no-repeat;
        padding-top: 1px;
        line-height: normal;
        padding-right: 30px;
        clear:both;
    }
    #right_callout_col .twitter_black {
        padding: 5px 0 0 0;
        margin: 7px 30px;
        display: block;
        background: url(/images/viget/twitter_black.gif) right centerno-repeat;
        text-align: center;
        line-height:20px;
    }
    #search_blog { margin-top: 20px; }
    #search_blog * { float: left; }
    #search_blog input { width: 112px; }
    #search_blog button {
        height: 27px;
        width: 30px;
        padding: 0;
        border: 0px;
        line-height: normal;
        font-size: 1.5em;
    }
    #blog_archive { margin-top: 10px; }
    #blog_archive .first {
        border: 1px solid #c0bebe;  
        background: #fff url(/images/viget/bg_input_white.gif) 0 100% repeat-x;
        position: relative;
    }
    #blog_archive .first a {
        font-weight: normal;
        display: block;
        padding: 5px;       
        background: url(/images/viget/bg_drop_down.gif) 130px 2px no-repeat;
        text-decoration: none;
        color: #313030;
    }   
    #blog_archive .first:hover ul { display: block; }   
    #blog_archive ul {
        display: none;
        position: absolute;
        top: 100%;
        left: -1px;
        border: 1px solid #c0bebe;
        border-bottom: none;
        width: 153px;
    }
    #blog_archive .first ul a {
        display: block;
        border-bottom: 1px solid #c0bebe;
        background: #fff none;
        padding: 5px;
        margin: 0;
        line-height: normal;
        font-size: 0.9em;
    }
    #blog_archive ul a:hover { background: #ededed; }
    #yellow_blog {
        height: 78px;
        background: url(/images/viget/hd_yellow_blog.gif) 0 0 no-repeat;
        margin: 0;
        text-indent: -9000px;
    }
    #blogroll_wrap, #event_wrap, #top_post_wrap, #contact-note  {
        padding: 0 0 0 40px;
        margin-top: 30px;
        font-size: 0.8em;
        float: left;
    }
    #event_wrap li, #top_post_wrap li {
        padding: 0 0 12px 0;
    }
    #event_wrap li a, #top_post_wrap a {font-weight:normal;}
    #top_post_wrap .selector{
        margin: 18px 0;
    }
    #top_post_wrap .selector a {
        padding: 2px;
                font-weight: bold;
    }
    #top_post_wrap .selector a:hover {
        cursor: pointer;
        background-color: #C0BEBE;
    }
    #top_post_wrap .selector a.selected{
            text-decoration: none;
                padding-bottom: 4px;
        border-bottom: 3px solid #C0BEBE;
    }
    h4#blogroll {
        height: 12px;
        background: url(/images/viget/hd_blogroll.gif) 0 0 no-repeat;
        text-indent: -9000px;
    }
    #contact-note h3 {
        height: 12px;
        background: url(/images/viget/hd_sendusanote.gif) 0 0 no-repeat;
        text-indent: -9000px;
    }
    h4#top_posts {
        height: 12px;
                width: 150px;
        background: url(/images/viget/hd_topposts.gif) 0 0 no-repeat;
        text-indent: -9000px;
                display: block;
    }
    h4#upcoming_events {
        height: 12px;
        background: url(/images/viget/hd_events.gif) 0 0 no-repeat;
        text-indent: -9000px;
    }
    h4#four_more {
        height: 12px;
        background: url(/images/viget/hd_got_four_blogs.gif) 32px 0 no-repeat;    
        text-indent: -9000px;
        margin: 15px 0 10px;
    }
    #blogroll_wrap li { margin: 2px 0; }
    #blogroll_wrap li a { font-weight: normal; }
    #blogroll_wrap h4 { margin: 7px 0 12px 0 }
    #all_blogs { margin: 5px 0 0 20px; }
    #all_blogs li {
        padding: 6px 0 5px 40px;
        margin: 3px 0;
        font-size: 0.94em;
    }
    #blog_strategy { background: url(/images/viget/bg_blog_strategy.gif) 0 0 no-repeat; }
    #blog_design { background: url(/images/viget/bg_blog_design.gif) 0 0 no-repeat; }
    #blog_dev { background: url(/images/viget/bg_blog_dev.gif) 0 0 no-repeat; }
    #blog_marketing { background: url(/images/viget/bg_blog_marketing.gif) 0 0 no-repeat; }           
    /* @end */
    
    /* @group -work */
    #work_wrap {
        background: url(/images/viget/bg_sort_work.gif) 360px 50px no-repeat;
        width: 665px;
        font-size: 0.74em;
        padding: 20px 0 0 20px;
        line-height: 1.6em;
        float: left;
    }
    #work_l {
        float: left;
        width: 335px;
    }
    #work_r {
        float: right;
        width: 200px;
    }   
    #work_wrap a { padding: 2px; }
    #work_wrap a.selected {
        background: #ffec6b;
        color: #3c3c3c;
    }
    h4#do_things, h4#these_clients {
        height: 16px;   
        text-indent: -9000px;
        margin: 0;
    }   
    h4#do_things { background: url(/images/viget/hd_do_things.gif) 0 0 no-repeat; }
    h4#these_clients { background: url(/images/viget/hd_these_clients.gif) 0 0 no-repeat; }   
    #work_paper {
        width: 229px;
        height: 168px;
        background: url(/images/viget/bg_work_paper.jpg) 0 0 no-repeat;
        float: right;
        margin: -18px 15px 0 0;
        font-size: 0.74em;
    }
    #work_paper p {
        padding: 20px 25px 0;
        margin: 0;
        line-height: 1.7em;
    }
    #work_groups { 
        padding: 25px 20px 0; 
        background: url(/images/viget/bg_work_group.gif) 20px 0 repeat-y;
    }
    #work_groups li { 
        float: left; 
        padding-bottom: 25px;
        position: relative;
        line-height: normal;
    }
    #work_groups li a {
        display: block;
        width: 188px;
        height: 176px;
        background: url(/images/viget/bg_work.jpg) 0 0 no-repeat;
        padding: 16px 16px 0 18px;
        text-align: center;
        color: #3c3c3c;
        font-weight: normal;
    }
    #work_groups li a.chec {font-size:13px;}
    #work_groups li a img { margin-bottom: 6px; }
    #work_groups li a:hover, #work_groups li.selected a:hover {
        text-decoration: none;
        background: url(/images/viget/bg_work.jpg) 0 -192px no-repeat;
    }
    #work_groups li.selected a { background: url(/images/viget/bg_work.jpg) 0 -384px no-repeat; }
    /* @end */  
    
    /* @group -team */  
    #team_paper {
        height: 265px;
        width: 435px;
        background: url(/images/viget/bg_team_paper.jpg) 0 0 no-repeat;
        float: left;
        margin: -90px 10px 0 12px;
    }
    h3#our_team{ background: url(/images/viget/hd_our_team.gif) 50% 0 no-repeat; }
    h3#the_team {
        height: 70px;
        background: url(/images/viget/hd_the_team.gif) 0 0 no-repeat;     
        margin: 30px 0 0;
        text-indent: -9000px;
    }
    #team_paper p {
        padding: 10px 40px 0;
        font-size:0.74em;
        line-height: 1.6em;
        margin: 0;
    }
    #emp_wrapper {
        padding: 65px 10px 0;
    }
    #employees li { float: left; margin: 0 2px 25px; }
    #employees li a {
        display: block;
        width: 148px;
        height: 180px;
        position: relative;
        background: url(/images/viget/bg_emp.jpg) 0 100% no-repeat;
        font-weight: normal;
        color: #3c3c3c;
    }
    .emp_mask {
        width: 117px;
        height: 112px;
        overflow: hidden;
        position: absolute;
        left: 16px;
        top: 15px;
        display: block;
    }
    #employees li a:hover .emp_mask img, #employees li a.hover .emp_mask img {
        margin-top: -112px;
    }
    .emp_desc {
        width: 133px;
        padding: 5px 5px 13px 15px;
        position: absolute;
        bottom: 0;
        background: url(/images/viget/bg_emp.jpg) 0 100% no-repeat;
        font-size: 0.74em;
        line-height: 1.4em;
    }
    .emp_desc strong { color: #10587a; }
    #main_content ul li, #main_content2 ul li {
        padding: 8px 4px 4px 25px;
        background: url(/images/viget/team_li.gif) 6px 15px no-repeat;
        border: none;}
    /* @end */  


    
    /* @group -careers */
    h2#careers_at_viget {
        height: 35px;
        background: url(/images/viget/hd_careers_at_viget.gif) 0 0 no-repeat;
        margin: 30px 0 0;
        text-indent: -9000px;
    }
    .listings ul {
        list-style: none;
        margin: 0px 20px;
    }
    .listings ul li {
        list-style: none;
        border-bottom:1px solid #d0cfc1;
    }
    .listings ul li a { 
        display: block; }
    .listings ul li.last { border-bottom: none; }
    .listings ul li:hover { background-color: #f1f1eb; }
    body.careers #yellow_side {
        font-size: 0.74em;
        background: url(/images/viget/bg_yellow_side_tall.jpg) bottom left no-repeat;
        width: 211px;
        height: auto;
        padding: 3px 15px 15px 15px;
        color: #2b2b25;
    }   
    body.careers #yellow_side p {
        padding-left: 13px;
    }   
    .careers #yellow_side ul li {
        background: url(/images/viget/bg_yellow_side_li.gif) 0 13px no-repeat;
        padding: 5px 0 5px 13px;
        line-height: 1.7em;
    }   
    .careers #yellow_side ul li:hover {
        background-color: #fffbbf;
        color: black;
    }
    #yellow_careers {
        height: 93px;
        width: 200px;
        background: url(/images/viget/hd_yellow_careers.gif) 0 0 no-repeat;
        text-indent: -9001px;
    }   
    .two_photos {
        position: absolute;
        top: 4px;
        left: -24px;
    }
    .office_gallery {
        width: 231px;
        height: 209px;
        background: url(/images/viget/careers_office_gallery.jpg) top center no-repeat;
        position: absolute;
        top: 315px;
        left: -24px;
        text-indent: -9001px;
    }
    .office_gallery:hover {
        background-position: bottom center;
    }
    h3#careers{ background: url(/images/viget/hd_careers.gif) 50% 0 no-repeat; }
    /* @end */




    
    /* @group -services */
    h3#services{ background: url(/images/viget/hd_our_services.gif) 50% 0 no-repeat; }
    h2#vigets_services {
        height: 35px;
        background: url(/images/viget/hd_vigets_services.gif) 0 0 no-repeat;
        margin: 30px 0 0;
        text-indent: -9000px;
    }
    #more_in_the_blogs { 
        background: url(/images/viget/hd_more_in_the_blogs.gif) 40% 15px no-repeat; 
        height: 38px;
        padding-top: 15px;
        text-indent: -9999px;
    }
    .services #right_col2 .callout { 
        padding: 50px 0 0 43px;
    }
    .services #work_groups .callout { 
        padding: 50px 0 0 30px;
    }
    .services #yellow_side { 
        background: url(/images/viget/bg_yellow_side_tall.jpg) bottom left no-repeat;
        height: auto;
        padding: 0 0 30px 0;
    }
    .services #yellow_side p { 
        padding: 0px 40px 10px 35px;
        line-height: 1.7em;
    }
    #related_work{ 
        background: url(/images/viget/hd_related_work.gif) 40% 0 no-repeat; 
        height: 37px;
        text-indent:-9999px;
    }
    .services #work_groups { 
        padding: 25px 20px 0; 
        background: none;
    }
    .services #work_groups li {
        padding-bottom: 10px;
    }
    /* @end */








    
    /* @group -about us */
    h2#about_viget_labs {
        height: 35px;
        background: url(/images/viget/hd_about_viget_labs.gif) 0 0 no-repeat;
        margin: 30px 0 0;
        text-indent: -9000px;
    }
    img#the_team {
        position: absolute;
        top: -31px;
        left: 16px;
    }
    a#meet_the_team {
        position: absolute;
        top: 228px;
        left: 16px;
        display: block;
        width: 258px;
        height: 68px;
        text-indent: -9000px;
        background: url(/images/viget/bg_meet_the_team.jpg) top center no-repeat;
    }
    a#meet_the_team:hover {
        background: url(/images/viget/bg_meet_the_team.jpg) bottom center no-repeat;
    }
    a#part_of_magic {
        position: absolute;
        top: 296px;
        left: 16px;
        display: block;
        font-size: .74em;
        line-height: 13px;
        text-align: center;
        background: url(/images/viget/bg_part_of_magic.gif) 0 0 no-repeat;
        width: 158px;
        height: 63px;
        padding: 85px 50px 0 50px;
    }
    div#say_viget {
        position: absolute;
        top: 15px;
        left: -9px;
        display: block;
        font-size: .74em;
        background: url(/images/viget/bg_say_viget.gif) 0 0 no-repeat;
        width: 207px;
        height: 274px;
    }
    div#say_viget a {
        display: block;
        background: url(/images/viget/bg_a_say_viget.gif) 0 0 no-repeat;
        width: 147px;
        height: 187px;
        margin: 55px 0 0 27px;
        text-indent: -9999px;
    }
    div#say_viget a:hover {
        background: url(/images/viget/bg_a_say_viget.gif) 0 -187px no-repeat;
    }
    a.brian, a.andy {
        position: absolute;
        display:block;
        width:90px;
                height:100px;
        top: 390px;
        left: 16px;
                text-indent:-9999px;
    }
        a.andy {
        left: 106px;
                width:110px;
    }
    img.brian_andy {
        position: absolute;
        top: 390px;
        left: 16px;
    }
        /* @end */



    


    
    /* @group -contact */
        body.contact div.split_col p {margin:0px;}
        body.contact div.split_col p.directions {
        margin-top:10px;
                padding-top:10px;
                border-top:1px solid #CCCCCC;
        }
    h2#contacting_viget_labs {
        height: 35px;
        background: url(/images/viget/hd_contacting_viget_labs.gif) 0 0 no-repeat;
        margin: 30px 0 0;
        text-indent: -9000px;
    }
    h2#directions_to_viget {
        height: 35px;
        background: url(/images/viget/hd_directions_to_viget.gif) 0 0 no-repeat;
        margin: 30px 0 0;
        text-indent: -9000px;
    }
    h2#get_in_touch {
        height: 35px;
        background: url(/images/viget/hd_get_in_touch.gif) 0 0 no-repeat;
        margin: 30px 0 0;
        text-indent: -9000px;
    }
    h3#contact_us{ background: url(/images/viget/hd_contact_us.gif) 50% 0 no-repeat; }
    h3#forms{ background: url(/images/viget/hd_forms.gif) 50% 0 no-repeat; }
    h3#resources{ background: url(/images/viget/hd_resources.gif) 50% 0 no-repeat; }
    div#map {
        width: 185px;
        background: url(/images/viget/bg_map.jpg) bottom center no-repeat;
        margin-left: 25px;
        font-size: .74em;
        line-height: 1.7em;
        padding: 0px 30px 30px 30px;
    }
    #form_paper {
        width: 229px;
        height: 168px;
        background: url(/images/viget/bg_form_paper.jpg) 0 0 no-repeat;
        position: absolute;
        top: -28px;
        left: 23px;
        font-size: 0.74em;
    }
    #form_paper p {
        padding: 20px 25px 0;
        margin: 0;
        line-height: 1.7em;
    }
    div#directions_box {
        width: 190px;
        background: url(/images/viget/bg_directions_box.jpg) bottom center no-repeat;
        margin-left: 0px;
        font-size: .74em;
        line-height: 1.7em;
        padding: 130px 30px 30px 30px;
        position: absolute;
        left: 20px;
    }
    div#directions_box img {
        position: absolute;
        left: 0;
        top: 0;
    }
    fieldset.top .row, fieldset#bottom .row {
        margin: 0 0 12px 0;
    }
    fieldset.top label {
        width: 84px;
        float: left;
        font-weight: bold;
        padding: 2px 0 0 0;
    }
    fieldset.top input {
        width: 342px;
        float: right;
    }
    fieldset#bottom label {
        float: left;
        width: 250px;
        font-weight: bold;
        padding: 2px 0 0 0;
    }
    fieldset#bottom {
        position: relative;
    }
    fieldset#bottom textarea {
        clear: both;
        width: 444px;
                margin-top:5px;
    }
    fieldset#bottom input {
        width: 189px;
        float: right;
    }
    fieldset#bottom select {
        border: 1px solid #c0bebe;  
        background: #fff url(/images/viget/bg_input_white.gif) 0 100% repeat-x;
        position: relative;
        float: right;
        width: 201px;
    }
    input.button {
        padding:0px;
        border:0px;
        background:none;
        float:right;
    }
    #foot_right input.button {
        padding: 0;
        border: 0px;
        padding:0px;
    }   
    a#our_services {
        background: url(/images/viget/bg_our_services.gif) top center no-repeat;
        width: 172px;
        height: 128px;
        display: block;
        position: absolute;
        left: 500px;
        top: -5px;
        text-indent: -9999px;
    }
    a#our_services:hover { background-position: bottom center;  }
    /* @end */


/* @end */
.comment_main, .comment_main_alt {
  border-bottom: 1px solid #eee;
  padding: 10px;
}
.comment_form_main textarea {
  margin-left: 60px;
  width: 350px;
  height: 100px;
}
.comment_form_main {
  margin: 25px 0;
  padding-left: 10px;
}
.comment_form_main p {
  padding-left: 60px;
}
.comment_form_main p label {
  float: left;
  margin-left: -60px;
  width: 60px;
  display: block;
  padding-top: 5px;
  font-weight: bold;
}
#comment_field_main {
  border: 1px solid #C0BEBE;
  padding: 10px;
}
#indv_post {
  margin-bottom: 20px;
}
#error_wrap {
  padding: 50px;
  height: 300px;
}
#error_wrap img {
  float: left;
  margin: -15px 20px 0 0;
}
#error_wrap h2 {
  height: 42px;
  background: url(/images/viget/hd_error.gif) 280px 0 no-repeat;
 text-indent: -9000px;
  margin-bottom: 25px;
}
#error_wrap p {
  line-height: 1.5em;
}
.resultRowOne {
  background: #eee;
}
tbody td { padding: 10px; }




    
/* @group -search_results */

 .search_results div#main_content {
    width: 875px;
 }
 .search_results tr.resultRowTwo {
    background: url(/images/viget/search_li.gif) top center no-repeat;
}
  .search_results tr.resultRowOne {
    background: url(/images/viget/search_li_alt.gif) top center no-repeat #f2f2f2;
}


/* @end */



/* @group -services-new */

#main_content2.page-services {
    width: 680px;
    padding-top: 15px;
}
#main_content2.page-services h3 {
    font-size: 18px;
    margin: 0 0 15px 0;
    font-family: Arial, Helvetica, sans-serif;
}
.page-services .section {
    background: url(/images/viget/bg_divider2.gif) top center no-repeat;
    padding: 30px 0 15px 0;
    position: relative;
} 
.page-services .section-intro p {
    margin-bottom: 0;
}
.page-services .section-intro p.grayed {
    margin-bottom: 0;
}
.page-services .section-text,  .page-services .section-contact  {
    padding-right: 135px;
} 
.page-services .section-text {
    padding-top: 25px;
}
#main_content2.page-services .section-text .figure {
    position: absolute;
    border: 0px;
    left: 561px;
    top: 20px;
}
#main_content2.page-services .section-top .figure {
    top: 70px;
}
.page-services .section-thumbs p, .page-services .section-why p {
    padding-right: 135px;
}
.page-services .section-text h4 {
    font-size: 1em;
    display: inline;
    background: url(/images/viget/bg-h4-highlight.gif) top left no-repeat;
    margin-right: 8px;
} 
.page-services .section-text h4 span {
    background: url(/images/viget/bg-h4-highlight-span.gif) top right no-repeat;

} 
.page-services .section-text p {
    font-size: 1em;
    display: inline;
} 
#sidebar-services {
    width: 188px;
    position:relative;
    left: -9px;
    top: 10px;
    font-size:0.8em;
    line-height: 17px;
}
#fourlabs a {
    height:176px;
    display:block;
    background: url(/images/viget/hd-fourlabs.gif) 0 0 no-repeat;
    text-indent: -9999px;
}
#fourlabs { margin: 0}
#sidebar-services * {
    font-weight: 300;
}
#sidebar-services ul {
    padding-right: 1px;
    background: url(/images/viget/bg-sidebar-services-ul.jpg) bottom left no-repeat;
}
.service-thumbs {
   background-position: 545px 0px;
   background-repeat: no-repeat;
   margin-bottom: 10px;
}
#service-design-process { background-image: url(/images/viget/bg-design-process.gif)}
#service-design-team { background-image: url(/images/viget/bg-design-team.gif)}
#service-design-clients { background-image: url(/images/viget/bg-design-clients.gif)}
#service-ux-team { background-image: url(/images/viget/bg-ux-team.gif)}
#service-ux-clients { background-image: url(/images/viget/bg-ux-clients.gif)}
#service-development-team { background-image: url(/images/viget/bg-development-team.gif)}
#service-development-clients { background-image: url(/images/viget/bg-development-clients.gif)}
#service-marketing-team { background-image: url(/images/viget/bg-marketing-team.gif)}
#service-marketing-clients { background-image: url(/images/viget/bg-marketing-clients.gif)}
#main_content2 .service-thumbs img, #main_content2 .service-thumbs a:hover img {
    border: 0px;
}
#services-integration { margin: 15px 0 0 0; }
.service-crossover a, #sidebar-services .service, .service-thumbs a.thumb {
    color: #3C3C3C;
    display:block;
    font-weight:300;
    text-decoration: none;
}
#sidebar-services .service {
    padding: 10px 15px 10px 25px;
    position: relative;
    top: -10px;
    font-size: .83333em;
}
#sidebar-services .service strong {
    font-size: 1.2em;
    margin-bottom: 5px;
}
#sidebar-services .service:hover, #sidebar-services .cur .service, #sidebar-services .service-cur {
    background-color: #FFF;
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3; 
    padding: 9px 15px 9px 25px;
    text-decoration: none; 
}
.service-thumbs {
    margin: 10px 0;
}
#sidebar-services .service:hover strong, .service-thumbs a.thumb:hover strong {
    text-decoration: underline; 
}
#sidebar-services a strong, #sidebar-services ul ul a, .service-crossover a strong, .service-thumbs .thumb strong {
    color: #10587A;
    display: block;
    padding: 0;
    font-weight: 700;
}
#sidebar-services ul h4, #sidebar-services ul ul  {
    padding-left:15px;
    font-size: 1em;
    list-style-type: disc;
}
#sidebar-services ul h4 { margin: 10px 0 0 0 }
#sidebar-services ul ul { 
    background-image: none;
    margin: 0 0 10px 0;
}
#sidebar-services ul ul cur {color:#767672;}
#sidebar-services .cur a, #sidebar-services .cur a:hover  { margin: 0 }
 #main_content2 .service-crossover { margin: 0; padding: 0; background-image: none; float: left}
.service-crossover a  {
    width:170px;
    margin: 0 15px 0 0;
    float: left;
    display: block;
 }
 .service-crossover a:hover  {
    background-color: #f8f8f7;
 }
.service-crossover a:hover strong  {
    text-decoration: underline;
 }
 .service-crossover, .section .author {
     font-size: 0.833em;
     line-height:17px;
 }
 .service-crossover strong  {
    font-size: 1.2em;
    display: block;
    margin-bottom: 2px;
 }
 .section-contact .row-half {
   width: 48%;
   float: left;
 }
 .section-contact .row-half-2 {
   float: right;
 }
  .section-contact .row-half .text {
   width: 250px;
 }
.section-contact label {
    display:block;
    font-weight: 700;
}
.section-contact .text {
    display:block;
    font-weight: 700;
    width: 530px;
}
.section-contact textarea.text {
    height: 120px;
}
.section-contact .row {
    padding: 0 0 10px 0;
}
.section-contact input#submit {float:left;}
#main_content2 .service-thumbs, #main_content2 .service-thumbs li  {
    margin: 0;
    padding: 0; 
}
#main_content2 .service-thumbs li  {
    background-image:none;
    position: relative;
    float: left;
}
#main_content2 .service-thumbs .thumb  {
    width:170px;
    display: block;
    margin: 0 15px 0 0;
    float: left;
    font-size: 0.833em;
 }
 #main_content2 .service-thumbs .thumb strong  {
    font-size: 1.2em;
    display: block;
    margin-bottom: 2px;
 }
.service-thumbs .thumb img  {
    z-index: 0;
}
.service-thumbs .thumb .caption  {
    display: block;
    padding: 5px 10px;
    line-height: 17px;
}
#service-subnav{
    font-size: 15px;
    line-height: 25px;
}
#main_content2 #service-subnav li {
    display: inline;
    padding: 0 15px 0 0;
    background-image: none;
}
#main_content2 #service-subnav a {
   font-weight: 300;
}
#main_content2 #service-subnav .cur a {
    color: #777773;
}
/* @end */

/* @group Thickbox */

#TB_window {
    font: 12px Arial, Helvetica, sans-serif;
    color: #333333;
}
#TB_secondLine {
    font: 10px Arial, Helvetica, sans-serif;
    color:#666666;
}
#TB_window a:link {color: #FFF;}
#TB_window a:visited {color: #FFF;}
#TB_window a:hover {color: #FFF;}
#TB_window a:active {color: #FFF;}
#TB_window a:focus{color: #FFF;}
#TB_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
}
.TB_overlayMacFFBGHack {background: url(/images/viget/macFFBgHack.png) repeat;}
.TB_overlayBG {
    background-color:#000;
    filter:alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
    position: fixed;
    z-index: 102;
    color:#FFF;
    display:none;
    text-align:left;
    top:50%;
    left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
    display:block;
    margin: 15px 0 0 15px;
}
#TB_caption{
    height:25px;
    padding:7px 30px 10px 25px;
    float:left;
}
#TB_closeWindow{
    height:25px;
    padding:11px 25px 10px 0;
    float:right;
}
#TB_closeAjaxWindow{
    padding:7px 10px 5px 0;
    margin-bottom:1px;
    text-align:right;
    float:right;
}
#TB_ajaxWindowTitle{
    float:left;
    padding:7px 0 5px 10px;
    margin-bottom:1px;
}
#TB_title{
    background-color:#e8e8e8;
    height:27px;
}
#TB_ajaxContent{
    clear:both;
    padding:2px 15px 15px 15px;
    overflow:auto;
    text-align:left;
    line-height:1.4em;
}
#TB_ajaxContent.TB_modal {padding:15px;}
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load{
    position: fixed;
    display:none;
    height:13px;
    width:208px;
    z-index:103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
    z-index:99;
    position:fixed;
    top: 0;
    left: 0;
    background-color:#fff;
    border:none;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height:100%;
    width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
    clear:both;
    border:none;
    margin-bottom:-1px;
    margin-top:1px;
    _margin-bottom:1px;
}

/* @end */


/* @group Contact Us */
div#contact-note {

}
div#contact-note form {

}
div#contact-note p{
    overflow: hidden;
    margin: 0 0 10px 0;
}
#contact-note label {

}
#contact-note p input, #contact-note p textarea  {
    width: 180px;
    font-family: Arial, Helvetica, sans-serif;
    float:left;
    height:18px;
    padding:5px;
    font-size: 12px;
}
#contact-note p textarea {
    height: 65px;
}
#contact-note .buttons {
}
input#sendit {
    width: 63px;
    height: 21px;
    background: url(/images/viget/btn_sendit.gif) top center;
    text-indent:  -9999px;
    color:white;
    font-size: 0px;
    cursor: pointer;
    border: 0px;
    float: left;
}
input#sendit:hover {
    background: url(/images/viget/btn_sendit.gif) bottom center;
}
/* @end */

/* @group Events */
#tan_body div.event_page {
    width: 938px;
    padding: 0 2px 25px 3px;
}
.event_page {
    font-size: 12px;
    line-height: 19px;
    position: relative;
}
.event_page h3, .event_section_email, .event_button {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 7px 0;
}
.event_page h4 {
    font-size: 15px;
    margin: 0 0 5px 0;
}
.event_page iframe {
    margin-top: 15px;
    border: 2px solid #868686;
}
.event_page ul li {
    padding: 0px 0px 5px 32px;
    background: url(/images/viget/bg_content_li.gif) 12px 7px no-repeat;
    font-weight: 700;
}
#event_top, #event_top .summary, .event_date, .event_page h3, .event_page h4, .event_section_email, #event_nav li  {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 700;
}
.event_date { 
   font-size: 14px; 
}
#event_top {
    height: 21px;
    padding: 14px 14px 10px 300px;
    position: relative;
    margin: 0;
    background: #0b3c64 url(/images/viget/bg_event_top.jpg) 0 0 no-repeat;
}
#event_top .summary {
    font-size: 14px;
    display: block;
    color: #fff;
    text-align: right;
}
#event_top a {
    position: absolute;
    text-align: left;
    top: 15px;
    left: 15px;
    color: #c3e6fa;
}
#event_head {
    padding: 0;
    margin: 0;
    line-height: 0;
}
#event_nav_wrap {
    width: 274px;
    padding-top: 300px;
    left: 694px;
    top: 46px;
    position: absolute;
    background: url(/images/viget/bg_event_nav_wrap.png) 0 0 no-repeat;
}
#event_nav {
    list-style-type: none;
    background: url(/images/viget/bg_event_nav.jpg) bottom left no-repeat;
    padding: 20px 50px 40px 35px;
}
#event_nav li {
    font-size: 15px;
    line-height: 22px;
    padding: 0;
    position: relative;
    margin: 0 0 8px 0;
    background-position: right 0;
    background-repeat: no-repeat;
    background-image: url(/images/viget/bg_event_nav_li.png);
}
#event_nav li a {
    display: block;
}
#event_nav li a:hover span {
    text-decoration: underline;
}
#event_nav li span {
    background-color: #fff;
    padding-right: 10px;
}
#event_nav .event_nav_1 { background-position: right 0 }
#event_nav .event_nav_2 { background-position: right -50px }
#event_nav .event_nav_3 { background-position: right -100px }
#event_nav .event_nav_4 { background-position: right -150px }
#event_nav .event_nav_5 { background-position: right -200px }
#event_nav .event_nav_6 { background-position: right -250px }
#event_nav .event_nav_7 { background-position: right -300px }
#event_nav .event_nav_8 { background-position: right -350px }
.event_section {
    padding: 20px;
}
.event_row {
    background: url(/images/viget/bg_event_section_details_row.png) no-repeat 0 0;
}
.event_col { 
    float: left;
    width: 255px;
    padding: 10px;
    margin: 10px 10px 0 0;
}
.event_col_right {
    float: right;
    padding-left: 0;
}
.event_col_divider {
    border-left: 1px solid #adc8ca;
    padding-left: 15px;
}
.event_registration {
    background: #fffdc1;
    border: 1px solid #dad74e;
}
.event_registration .event_button {
    display: block;
    text-transform: none;
    text-align: center;
    color: #fff;
    padding: 12px 5px;
    height: 26px;
    background: url(/images/viget/btn_event_button.png) top center no-repeat;
}
.event_registration .event_button:hover {
    background-position: bottom center;
}
.event_where {
    float: none;
    width: auto;
}
.event_col_wide {
    width: 585px;
    margin-right: 0;
}
.event_col_wide h3 {
    padding-left: 10px;
    margin: 0;
}
.event_col_wide .event_col {
    padding-top: 0;
    margin-top: 0;
}
.event_section_intro {
    padding: 30px 275px 15px 30px;
}
.event_section_intro .intro {
    font-size: 15px;
    line-height: 22px;
    color: #777773;
    margin: -5px 0 15px;
}
.event_section_details {
    position: relative;
}
.event_section_details .event_row {
    padding: 5px 0 10px 310px;
}
#event_schedule_wrap {
    width: 290px;
    position: absolute;
    top: 5px;
    background: url(/images/viget/bg_event_schedule_wrap.jpg) bottom left no-repeat;
}
#event_schedule {
    padding: 40px 30px 35px 15px;
    background: url(/images/viget/bg_event_schedule.jpg) 0 0 no-repeat;
}
#event_schedule h3, #event_schedule dl {
    background: url(/images/viget/bg_event_schedule_dl.png) bottom center repeat-x;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
}
#event_schedule p {
  margin: 5px 15px 10px;
}
#event_schedule dl {
    font-size: 10px;
    line-height: 15px;
    overflow: hidden;
}
#event_schedule dt {
    clear: left;
}
#event_schedule dt, #event_schedule dd {
    float: left;
    padding-bottom: 3px;
    zoom: 1;
}
#event_schedule h3, #event_schedule dt {
    color: #737067;
}
#event_schedule dt {
    width: 55px;
    padding-right: 5px;
}
#event_schedule dd {
    width: 185px;
}
.event_section_related {
    background: #c7e3e5 url(/images/viget/bg_event_section_related.jpg) top center no-repeat;
}
.event_section_related .figure {
    height: 185px;
    position: relative;
    margin: 10px 0 20px 0;
}
.event_section_related .figure img {
    position: absolute;
    top: 0;
    left: 0;
}
.event_page .event_section_related ul {
    list-style-type: disc;
    margin-left: 20px;
}
.event_page .event_section_related li {
    background-image: none;
    padding: 0 0 7px 0;
    margin: 0 0 7px 0;
    border-bottom: 1px solid #adc8ca;
}
.event_section_email {
    text-align: center;
    background: url(/images/viget/bg_event_section_details_row.png) no-repeat 0 0;
}
.event_section_email a {
    text-transform: none;
}
.event_page .loading {
  background: url(/images/inspire/loadingAnimation.gif) center center #cfcfcf;
}
/* @end */

/* @end */