﻿/*
Theme Name: GDI-Marketing Theme
Theme URI: http://www.gdi-marketing.com/
Description: GDI-Marketing CSS
Author: Damir Suljic
Version: 5.1
*/

* { padding: 0 0; margin: 0 0; }
ul { list-style: none; }
p { margin: 10px 0; }
a img, fieldset { border: 0; outline: none; }
a { outline: none; }
img { -ms-interpolation-mode: bicubic; }

.row:after, .clearfix:after, .blog_body p:after, .section:after, .service-thumbs:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

html {
	height: 101%;
}

body {
	background: #116092 url(../images/bg_body.gif) repeat-x;
	font-family: "Lucida Grande", Tahoma, Arial, Sans-Serif;
}

.center_col {
    width: 960px;
    margin: 0 auto;
}
.split_col {
    width: 212px;
    float: left;
    padding-right: 15px;
}

#tan_body { background: #e8e5c0 url(../images/bg_tan_body.gif) 0 0 repeat-x; }

#tan_bot {
    background: url(../images/bg_tan_bottom.gif) bottom left repeat-x;
    height: 30px;
    margin-top: -70px;
	margin-bottom: -26px;
}

.home #tan_bot { margin-top: 0; }

a:link, a { text-decoration: none; color: #10587a; font-weight: bold; }
a:visited {}
a:hover { text-decoration: underline; }
a:active { outline: none; }

#header .center_col {
    height: 358px;
    position: relative;
}

#header {
    background: url(../images/bg_content.jpg) top center no-repeat;
    height: 358px;
}

#header h1 {
    background: url(../images/gdi_logo.gif) 0 0 no-repeat;
    position: absolute;
    top: 11px;
    left: 22px;
    text-indent: -9000px;
}

#header h1, #header h1 a {
    width: 190px;
    height: 110px;
    display: block; 
}

#nav {
    width: 209px;
    height: 33px;
    background: url(../images/nav_main.gif) 0 0 no-repeat; 
    position: absolute;
    left: 751px;
    top: 81px;
}

#nav li {
    position: absolute;
    top: 0;
    text-indent: -9000px;
}

#nav li a {
    display: block;
    height: 33px;
}

#nav_join { left: 0; }
#nav_join a { width: 69px; }
#nav_join a:hover, body.about #nav_about a { background: url(../images/nav_main.gif) 0 -33px no-repeat; }
#nav_login { left: 70px; }
#nav_login a { width: 139px; }
#nav_login a:hover, body.login #nav_login a { background: url(../images/nav_main.gif) -70px -33px no-repeat; }

#main {
    margin: -214px 0 0 5px;
    width: 943px;
    float: left;
    position: relative;
    background: url(../images/bg_main.png) 0 0 repeat-y;
    padding-bottom: 25px;
    min-height:350px;
}

    #main_content ul li, #main_content2 ul li {
        padding: 8px 4px 4px 25px;
        background: url(../images/team_li.gif) 6px 15px no-repeat;
        border: none;}

#main_top {
    height: 6px;
    background: url(../images/bg_main_top.gif) 0 0 no-repeat;
}

#main_bot {
    height: 8px;
    width: 943px;
    background: url(../images/bg_main_bottom.gif) 0 0 no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
}

#main_content {
    width: 582px;
    float: left;
    font-size: 12.8px;
    margin: 20px 0px 2px 27px;
    line-height: 25.6px;
    padding-bottom:0px;
	border: 0px solid #000000;
	color: #3c3c3c;
}

#sidebar {
    width: 250px;
    float: right;
    margin: 20px 26px 0px 0px;
    position:relative;
    font-size: 12px;
    line-height: 20.8px;
	border: 0px solid #000000;
}

#sidebar a {
	text-decoration: none;
	color: #10587a;
}


#sidebar a:hover {
	text-decoration: underline;
		color: #10587a;
}

#sidebar li {
	list-style: none;
}

h2#marketing_blog_logo a {
    display: block;
    height: 35px;
    background: url(../images/hd_marketing.png) 0 0 no-repeat;
    margin: 0 0 0 0;
    text-indent: -9000px;
}

h2#about_logo a {
    display: block;
    height: 35px;
    background: url(../images/hd_about.png) 0 0 no-repeat;
    margin: 0 0 0 0;
    text-indent: -9000px;
}

h2#work_logo a {
    display: block;
    height: 35px;
    background: url(../images/hd_work.png) 0 0 no-repeat;
    margin: 0 0 0 0;
    text-indent: -9000px;
}

h2#contact_logo a {
    display: block;
    height: 35px;
    background: url(../images/hd_contact.png) 0 0 no-repeat;
    margin: 0 0 0 0;
    text-indent: -9000px;
}

.divider1 {
    height: 5px;
    margin: 10px 0 15px 0;
    background: url(../images/bg_divider1.gif) 50% 50% no-repeat;
}

.divider1 hr, .divider-invisible hr, .page_sep hr { display: none; }

#footer {
    background: #116092 url(../images/bg_footer.gif) 0 0 repeat-x;
    color: #fff;
    font-size: 0.74em;
    padding: 60px 0 20px;
}

.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_2009 { 
    background: url(../images/hd_since_2009.png) 0 0 no-repeat;
    float: none;
}

#foot_left {
    width: 650px;
    float: left;
    padding: 0 30px;
}

#foot_left a {
    font-weight: bold;
}

#foot_right {
    width: 250px;
    float: right;
}

#foot_right.old {
    background: url(../images/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_system { background-image: url(../images/icn_footer_system.gif);}
.link_advance { background-image: url(../images/icn_footer_advance.gif);}
.link_inspire { background-image: url(../images/icn_footer_inspire.gif);}
.link_extend { background-image: url(../images/icn_footer_extend.gif);}
.link_engage { background-image: url(../images/icn_footer_engage.gif);}
.link_youtube { background-image: url(../images/icn_footer_youtube.png);}
.link_twitter { background-image: url(../images/icn_footer_twitter.png);}
.link_facebook { background-image: url(../images/icn_footer_facebook.png)}
.link_peoplestring { background-image: url(../images/icn_footer_peoplestring.png);}

#foot_right form {
    float: left;
    margin-top: 15px;
}

h5#read_our_blogs {
    background: url(../images/hd_development.png) 0 0 no-repeat;
}

h5#connect_with_us {
    background: url(../images/hd_connect_with_us.png) 0 0 no-repeat;
}

#footer input.text {
    background: url(../images/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/bg_foot_forms.gif) bottom center no-repeat;
    padding: -15px 0 10px 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;
}

    /* @group -feat */
    #feat {
        margin: -6px 0 0 0px;
        width: 943px;
        float: left;
        position: relative;
        padding: 0 0 2px 0;
    }
    #feat_bot {
        width: 943px;
        height: 3px;        
        background: url(../images/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/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/hd_statement.jpg) 0 0 no-repeat;
        text-indent: -9000px;
        position: absolute;
        right: -31px;
        top: -38px;
    }
    #statement_side {
        width: 300px;
        height: 489px;
        background: url(../images/bg_statement_side.png) 0 0 no-repeat;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 10;
    }
    #statement a {
        position: absolute;
        display: block;
        z-index: 100;
    }

    h4#free_membership a {
        width: 232px;
        height: 52px;
        background: url(../images/free_membership.jpg) 0 0 no-repeat;
        text-indent: -9000px;
        position: absolute;
        right: 32px;
        top: 338px;
    }

    #h_strategy { width: 163px; height: 35px; left: 94px; top: 85px; }
    #h_strategy:hover { background: url(../images/hd_statement.jpg) -94px -391px no-repeat; }
    #h_design { width: 85px; height: 33px; left: 14px; top: 118px; }
    #h_design:hover { background: url(../images/hd_statement.jpg) -14px -424px no-repeat; }
    #h_development { width: 171px; height: 39px; left: 99px; top: 120px; }
    #h_development:hover { background: url(../images/hd_statement.jpg) -99px -426px no-repeat; }
    #h_marketing { width: 125px; height: 31px; left: 58px; top: 159px; }
    #h_marketing:hover { background: url(../images/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/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/bg_divider3.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/hd_work_startups.gif) 0 0 no-repeat;
    }
    h3#work_offline_biz {
        width: 186px;   
        height: 49px;
        background: url(../images/hd_work_offline_biz.gif) 0 0 no-repeat;
        margin: 0 10px;
    }   
    h3#work_mature {
        height: 49px;
    }
    h3#work_online {
        width: 176px;   
        height: 49px;
        background: url(../images/hd_work_online.gif) 0 16px no-repeat;
        margin: 0 20px 0 0;
    }   
    /* @end */
    /* @group -home blog */
    #blog_gdi_marketing {
        width: 600px;
        margin: -10px 0 15px 10px;
        position: relative;
        z-index: 10;
        font-size: 0.74em;
    }
    #blog_top {
        height: 39px;

    }
    #blog_bottom {
        width: 600px;
        height: 16px;

        position: absolute;
        bottom: -16px;
        left: 0;
    }   
    #blog_left {
        width: 600px;
        float: left;
        margin: 10px 0 0 18px;
    }
    #blog_left p {
        padding: 0 0 0 55px;
        line-height: 1.5em;
    }

    #gdi_marketing_system a {
        width: 319px;
        height: 45px;
         display:block;
        background: url(../images/hd_gdi_marketing_system.png) 0 0 no-repeat;
        text-indent: -9000px;
        margin: -22px 0 0px 0px;
    }
   #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/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 -blog_selector (new homepage) */


    #blog_selector {
        width: 932px;
        margin: 0 0 25px 9px;
        float: left;
        background: url(../images/bg_home_blogs.jpg) 10px 0px no-repeat;
        font-size: 0.74em;
        line-height: 1.4em;
        padding: 86px 0 0 0;
    }
    #blog_selector #blogs {
        background: url(../images/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/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/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/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;
    }
    /* @end */
    
    
    /* @group -form elements */
    input, textarea {
        border: 1px solid #c0bebe;
        padding: 5px;   
        background: #fff url(../images/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/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/bg_main.png) 0 0 repeat-y;
    padding-bottom: 25px;
    min-height:350px;
}
#main_top {
    height: 6px;
    background: url(../images/bg_main_top.gif) 0 0 no-repeat;
}
#main_bot {
    height: 8px;
    width: 943px;
    background: url(../images/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/bg_sidebar.jpg) 0 0 repeat-y;
    font-size: 0.8em;
}
#sidebar_bottom {
    width: 186px;   
    height: 10px;
    background: url(../images/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/bg_cur_list.gif) 0 0 no-repeat; }
#sidebar ul li a:hover { background: url(../images/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/bg_sub_list.gif) 14px 8px no-repeat;
    padding-left: 42px;
}
#sidebar ul li ul li.cur a { background: url(../images/bg_cur_sub_list.gif) 0 0 no-repeat; }
#sidebar ul li ul li a:hover { background: url(../images/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.forms #main_content2.wide {
    width: 640px;
}
#main_content2.wide .section {
    overflow: hidden;
    background:transparent url(../images/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;
}
#right_col2.narrow {
    width: 200px;
}
#right_col2.narrow #form_paper {
  left: -27px;
}
.page_sep {
    height: 5px;
    margin: 15px 0;
    background: url(../images/bg_page_long.gif) 50% 50% no-repeat;
}
.divider1 {
    height: 5px;
    margin: 20px 0;
    background: url(../images/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/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/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/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/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/hd_our_work.gif) 18px 0 no-repeat; }
    .callout1 {
        border: 1px solid #dad74e;
        background: #fdfab7 url(../images/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/bg_photo_feat.gif) 0 0 no-repeat;
        padding: 24px 0 0 33px;
    }
    #photo_img {
        background: url(../images/bg_feat_img.jpg) 0 0 no-repeat;
    }
    #loading {
        width: 150px;
        height: 20px;
        background: url(../images/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/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/callout_arrow.png) 0 0 no-repeat;   
        position: absolute;
        left: 16px;
        bottom: 5px;
    }
    #feat_photo_bot {
        width: 300px;
        height: 11px;       
        background: url(../images/bg_photo_feat_bottom.png) 0 0 no-repeat;
        position: absolute;
        left: 0;
        top: 0;
    }

    #blog_left ul li {
        padding: 8px 4px 4px 40px;
        background: url(../images/team_li.gif) 21px 13px no-repeat;
		color: #646464;
        border: none;}
