/* Css Reset */
html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }

/* General Styles */
.skiplink{ display:none; }
label{ cursor:pointer; }
a,a:visited{ color:#BBB; text-decoration:none; }
a:focus,a:hover{ text-decoration:underline; }
html{ background:url(../images/bgr_html.jpg) repeat-y center top; height:100%; }
body{ color:#5c4e29; font:10px/1 "Trebuchet MS",Arial,Helvetica,sans-serif; height:100%; }
#body-wrapper {background:url(../images/header-body.jpg) repeat-x; width: 100%}

#wrapper{ width:930px; margin:0 auto; padding:145px 0 0; }
#interior_wrapper{ width:930px; margin:0 auto; }
    .no_bg_rpt { background: #000 url(../images/home_rpt.jpg) repeat-y; }
    .thin_bg_rpt { background: #000 url(../images/about_rpt.jpg) repeat-y; }
    .thick_bg_rpt { background: #000 url(../images/work_rpt.jpg) repeat-y; }
    .medium_bg_rpt { background: #000 url(../images/people_rpt.jpg) repeat-y; }
    .left_bg_rpt { background: #000 url(../images/contact_rpt.jpg) repeat-y; }
    .featured_bg_rpt { background: #000 url(../images/featured-background.jpg) repeat-y; }

.content { width:930px; margin:0 auto; overflow:hidden; z-index:10; }

/* Header */
#header{ width:100%; height:145px; position:absolute; z-index:2; }
    #header_bgr{ width:867px; padding:0 14px; height:145px; margin:0 auto; }
    #logo{ display:block; width:270px; height:136px; cursor:pointer; text-indent:-5000px; background:url(../images/bgr-logo.png) no-repeat; }

/* Left column */
#leftcolumn{ float:left; width:112px; z-index:2; margin: 0; padding-left:30px; background: transparent url(../images/bgr_left_home_v2.jpg) repeat-y scroll 0 0; height: 663px; }
#work #leftcolumn{ float:left; width:112px; z-index:2; margin: 0; padding-left:30px; background: transparent url(../images/bgr_left_home_v2.jpg) repeat-y scroll 0 0; height: 663px; }
/* Middle column */
#middlecolumn{ float:left; width:110px; font-size:12px; color:#000; padding:8px; z-index:2; margin:0; }
#middlecolumn a,
#middlecolumn a:visited{ color:#000; }

/* Right column */
#rightcolumn{ float:left; width:748px; padding:0 9px 0 0; }
#rightcolumn2{ float:left; width:748px; padding:0 0 0 9px; }
#page-work #rightcolumn, #page-news #rightcolumn { width:532px; }
#page-work #middlecolumn, #page-news #middlecolumn { width:200px; }
#page-people #rightcolumn { width: 602px; }
#page-people #rightcolumn2 { width: 611px; }
#page-people #middlecolumn { width: 130px; }

#page-about #leftcolum{ float:left; width:222px; }
#page-about #rightcolumn{ float:left; width:631px; padding:0; }
#rightrightcolumn{ float: left; width: 31px; height:663px; background: transparent url(../images/bgr_right_home.jpg) no-repeat;}

#menu{ width:112px; margin-left:1px;}
#menu li{ margin-bottom:10px; }
#menu a{ display:block; margin:0 auto; text-indent:-5000px; cursor:pointer; height:23px; background-repeat:no-repeat; width:112px; }


#wrapper #menu .current,
#wrapper #menu .current:visited{ background-position:left bottom; }
#menu li.menu-home{ margin-bottom:50px; }
#menu .menu-home a{ width:112px; height:44px; background-image:url(../images/menu-home.png); }
.nohome{ margin-top:94px; } 

/* Sub menu */
#submenu{ margin:83px 0 22px 15px; text-align:right; }
    #submenu li{ padding-bottom:17px; display:block; width:100%; }
    #submenu li a,
    #submenu li a:visited{ color: #66572e; display:block; padding-right:15px; line-height:16px; }
    #submenu li a:hover {
        text-decoration:none; color:#fff;
    }
    #submenu .current a,
    #submenu .current a:visited{ text-decoration:none; color: #000; background:url(../images/d4m-black-arrow.png) no-repeat right; }

#about #submenu{ margin-left:10px; text-align:left;}
    #about #submenu li { width: 85%;}
    
/* Capabilities */
.cap-first-column {
    float: left;
    padding: 0 0 45px 0;
    width: 250px;
}
.cap-second-column {
    float: left;
    padding: 0 0 45px 20px;
    width: 272px;   
}
.cap-first-column li, .cap-second-column li {
    font-weight: bold;
    font-style: italic;
    font-size:16px;
    margin: 0;
    padding-top: 20px;
    color: #000;
}
.cap-first-column ul, .cap-second-column ul {
    padding-left:25px;    
}
.cap-first-column ul li, .cap-second-column ul li {
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
    padding-top: 15px;
    color: #000;
}
.cap-first-column ul li ul, .cap-second-column ul li ul {
    padding-left: 25px;
}
.cap-first-column ul li ul li, .cap-second-column ul li ul li {
    font-weight: normal;
    font-style: italic;
    font-size: 12px;
    padding-top: 2px;
    line-height: 20px;
    color: #5c4e29;
}

/* News */
#newscontent {
    padding: 10px 50px 35px 45px;
    
}
#news-social {
    color: #685c39;
    font-size: 13px;
    float: right;
} 
    #news-social a {
        text-decoration:none;
        font-weight: bold;
        letter-spacing: 1px;
        color: #b88f08;
    }
    #news-social a:hover {
        text-decoration:underline;
    }  
#news-header {
    color: #000;
    font-size:16px;
    font-style:italic;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 35px 0 0;
}
#news-header img {
    padding-left: 8px;
    margin-bottom: -2px;
}
#news-header-image {
    padding: 7px 0 20px;
}
.news-item-headline {
    font-size: 14px;
    letter-spacing: 1px;
    color: #000;
    font-style: italic;
    font-weight:bold;
}
.news-item-date {
    color:#000;
    font-size:11.5px;
    font-style:italic;
    letter-spacing:.5px;
    padding:8px 0;
}
.news-item-divider {
    height: 2px;
    background: transparent url(../images/about-dotted-line.jpg) scroll 0 0;
    width: 100%;
    padding: 0 0 0;
    margin: 15px 0;
}
#twitter-body {
    padding: 0 0 0 20px;
    width: 170px;
    overflow:hidden;
}
#twitter-header {
    font-size: 16px;
    color: #000;
    font-style: italic;
    font-weight: bold;
    padding: 38px 0 20px;
}
.twitter-status {
    font-size: 13px;
    line-height: 20px;
    font-weight:bold;
    padding-bottom:15px;
}
#middlecolumn .twitter-status a {
    color: #66572E;
    text-decoration: none;
}
#middlecolumn .twitter-status a:hover {
    color: #66572E;
    text-decoration:underline;
}
.twitter-divider {
    height: 2px;
    background: transparent url(../images/twitter_dots.png) repeat-x;
    width: 100%;
    padding: 0 0 15px;
}

/* Gallery */
.active-image {
}
.inactive-image {
    display:none;
}

#gallery_image a{
    border:5px solid #66543E;
}

#gallery_image a:hover{
    border:5px solid #BD8F05;
}

.inactive-selection {
    background: transparent;
}
.active-selection {
    background: url(../images/pic-box.gif) no-repeat scroll 0 0;
}
.hover-selection {
    background: url(../images/pic-box-hover.jpg) no-repeat scroll 0 0; 
}

/* People */
#peoplecontent {
    padding:50px 54px 35px 45px;
}
#peoplecontent2 {
    padding:42px 54px 35px 45px;
}
#person-header {
    padding-bottom: 20px;
}
#person-name {
    font-size: 14px;
    color: #000;
    letter-spacing: 1px;
    font-weight: bold;
    text-transform: uppercase;
}
#person-divider {
    color: #b88f08;
    font-size: 14px;
    padding: 0 10px 0 5px;
}
#person-position {
    color: #000;
    font-style: italic;
    font-size: 14px;
}
#person-social {
    font-size: 12px;
    color: #b88f08;
}
#person-social a {
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 1px;
    color: #000;
}
#person-social a:hover {
    text-decoration: underline;
}

/* Contact */
#contactcontent {
    padding:10px 50px 35px 105px;
    float:left;
}
#contact-body {
    padding: 85px 0 0;
    width: 350px;
    float:left;
}
#contact-social {
    color: #685c39;
    font-size: 12px;
    float: right;
}
    #contact-social a {
        text-decoration:none;
        font-weight: bold;
        letter-spacing: 1px;
        color: #b88f08;
    }
    #contact-social a:hover {
        text-decoration:underline;
    }
    .contact-image {
        float:left;
        padding: 0 25px 0 0;
    }
    .contact-sub-body {
        width:275px;
        float: left;
    }
        .contact-sub-header {
            font-size: 16px;
            color: #000;
            font-style: italic;
            font-weight:bold;
            padding: 2px 0 25px 0;
        }
        
.contact-divider {
    height: 2px;
    background: transparent url(../images/about-dotted-line.jpg) no-repeat scroll center bottom;
    width: 295px;
    padding: 0 0 0 0;
    margin-bottom:20px;
}


/* Selection box */
#selectionbox{ width:172px; margin:0 14px 13px; border-bottom:1px solid #8e825a; overflow:hidden; }
    #selectionbox ul{ float:right; padding:27px 0 20px 4px; overflow:hidden; }
    #selectionbox li{ float:left; width:17px; height:17px; margin-left:7px; margin-bottom:7px;border:1px solid #685c39; cursor: hand; cursor:pointer;}
    #selectionbox li img{ display:block; }

/* Client info */
#clientinfo{ clear:both; padding:2px 15px 0; text-align:right; }
    #clientinfo li{ line-height:18px; }
    #clientinfo li em{ font-weight:bold; color:#fff; display:block;}

/* Player */
#player{ width:739px; height:308px; padding:0 9px 17px; background: #000 url(../images/bgr-player.jpg) no-repeat scroll left bottom; }

/* Home */
#home #tit-ideas{ width:205px; height:35px; margin-bottom:5px; text-indent:-5000px; background:transparent url(../images/ideas-for-impact.jpg) no-repeat scroll 0 0; }
#home h3{ font-size:15px; font-style:italic; color:#000; margin-bottom:20px; line-height:20px; }
#homecontent{ padding:42px 57px 29px; width: 427px; float:left;}
#homecontent .textbox{ padding:10px 0 0; }
#homecontent .textbox p{ color: #000; font-size:13px; margin-bottom:20px; line-height:20px; }
#homesocial { padding: 42px 0 29px 30px; width:177px; float:left;}
#homesocial a { color: #5c4e29; font-size:12px; text-decoration:underline; }

/* Work */
#workcontent{ text-align:center; padding:37px 0 37px 31px; position:relative;}
    #workcontent a.zoom{ margin-left:0px; }

/* About */
#aboutcontent{ width:565px; padding:30px 38px 27px; }
    #aboutcontent h2{ font-size:16px; font-style:italic; color:#000; margin-bottom:12px; line-height:18px; }
        #aboutcontent h2 a,
        #aboutcontent h2 a:visited{ color:#fff; }
    #aboutcontent h3{ font-size:13px; font-style:italic; color:#000; margin-bottom:15px; line-height:18px; }
    #aboutcontent p{ font-size:12px; line-height:20px; }
    #aboutcontent .top{ margin-bottom:33px; padding-bottom:16px; background: transparent url(../images/about-dotted-line.jpg) no-repeat scroll center bottom; overflow:hidden; width:100%; }
    #aboutcontent #whatwedo ul{ font-size:13px; }
    #aboutcontent #whatwedo .list{ margin:14px 0 21px 28px; }
    #aboutcontent #whatwedo .list li{ margin-top:5px; list-style-type:disc; }
    #aboutcontent #whatwedo li .text{ float:left; width:430px; }
    #aboutcontent #wedo li{ clear:both; margin-top:25px; overflow:hidden; }
    #aboutcontent #wedo li .text{ float:left; width:360px; }
    #aboutcontent #wedo li .thumb{ display:block; }
    .thumb img{ float:left; margin-right:33px; }

/* Footer */
#footer{ width:930px; margin:0 auto; position:relative; }
#footer-content{ width:870px; height:136px; padding:0 30px 0 31px; background:url(../images/bgr_footer.jpg) no-repeat; }
    #footer-login{ position:absolute; top:16px; left:54px; display:block; width:65px; height:10px; text-indent:-5000px; background:url(../images/menu-login.png) no-repeat; }
    
#VideoGallery table tr td {
    padding:5px;
}
#VideoGallery table tr td a{
    margin:0;
    padding:5px;
    background:#66543E;
    display:inline-block;
    height:96px;
} 

#VideoGallery table tr td a:hover{
    background:#866C17;
}

#AudioGallery{
    text-align:left;
}
#song{
    width:400px;
    padding:0 0 20px 0;
}
#mp3{
    width:400px;
    padding:0 0 20px 40px;
}
#ImageGallery{
    text-align:left;
}

#ImageGallery #gallery_image {
    padding:5px;
    margin:0;
    line-height:0;
    display:inline-block;
}
#ImageGallery #gallery_image a{
    margin:0;
    padding:0px;
    display:inline-block;
} 

#ImageGallery #gallery_image a:hover{
    background:#bd8f05;
}

.socialnetwork {
    float:left;
    padding-bottom: 20px;
}
.socialnetwork .social-icon {
    padding-right:10px;
    height:20px;
    width:20px;
    float:left;
}
.socialnetwork .social-text {
    float:left;
    padding-top:2px;    
}

#contactsocial { padding: 94px 0 29px 30px; width:177px; float:left;}
#contactsocial a { color: #000; font-size:12px; text-decoration:underline; }

#PageNumbers {font-size:12px; padding-top:10px;}
#PageNumbers a {color: #000; text-decoration:underline; }

#wrapper #menu .Featured-menu-class .current, #wrapper #menu .Featured-menu-class .current:visited {
      background-position:left top;
}

/* Featured */
#featuredcontent {
    padding:50px 54px 35px 45px;
}
#featuredcontent a {
    color:#000;
}
#featuredcontent2 {
    padding:42px 54px 35px 45px;
}
#featured-header {
    padding-bottom: 20px;
}
#featured-name {
    font-size: 14px;
    color: #000;
    letter-spacing: 1px;
    font-weight: bold;
    text-transform: uppercase;
}
#featured-divider {
    color: #b88f08;
    font-size: 14px;
    padding: 0 10px 0 5px;
}
#featured-position {
    color: #000;
    font-style: italic;
    font-size: 14px;
}
#featured-social {
    font-size: 12px;
    color: #b88f08;
}
#featured-social a {
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 1px;
    color: #000;
}
#featured-social a:hover {
    text-decoration: underline;
}

#d4-anniversary {
    margin: 29px 0 0 16px;
}