/* SITE STRUCTURE  ------------------------------------------------------------------------------------------  */
.c-wrapper { width : 1010px; margin : 0px auto; text-align : left; }

.c-main1 { background : url('i/bg/left-shadow.png') 0px 0px no-repeat; } 
.c-main2 { background : url('i/bg/right-shadow.png') 100% 0px no-repeat; }
.c-main3 { background : url('i/bg/left-shadow-footer.png') 0px 100% no-repeat; } 
.c-main4 { background : url('i/bg/right-shadow-footer.png') 100% 100% no-repeat; padding : 0px 24px; } 

.c-site { width : 962px; }
.c-top { background : url('i/bg/site-top.jpg') 0px 0px no-repeat; height : 118px; position : relative; }

.c-nav { height : 100px; background : #525252 url('i/bg/navigation-sl.png') left top repeat-x; }

.c-maincontent { padding : 0px 0px 0px 38px; background : url('i/bg/dpw-footer.png') 0px 100% no-repeat; }

.c-footer { background-color : #3f3f3f; color : #ffffff; }
.c-footer-wrap { padding-top : 20px;}

/* SITE STRUCTURE COLUMNS */ 
.w166, .w182,.w558 { float : left; }

    /* 3 Column Layout 20/60/20 ratio */
    .w166 { width : 166px; }
    .w558 { width : 558px; }
    .w182 { width : 180px; }

    /* 2 Column Layout 80/20 ratio */
    .wp80 { width : 710px; float : left; }
    .wp20 { width : 185px; float : left; }
    .wp15 { width : 165px; float : left; }

    /* 2 column layout 50/50 */
    .wp50 { width : 430px; float : left; margin-right : 25px; }

    /* Gives padding to columns */
    .c-padding { padding : 0px 10px 0px 15px; }
    
    
/* TOP ELEMENTS  ------------------------------------------------------------------------------------------  */
.sitelogo { width : 311px; height : 58px; margin : 0px; background : url('i/bg/sitelogo-static.jpg') 100% 0px no-repeat; }
.sitelogo a { display : block; font-size : 0.4em; color : #fff; padding-top : 48px; padding-left : 38px; }
.sitelogo a:hover { text-decoration : none; }

.c-top .silver-btn { position : absolute; right : 10px; top : 14px; }
.c-top .nav-tabs { position : absolute; left : 18px; bottom : 1px; }

/* FOOTER ELEMENTS ------------------------------------------------------------------------------------------  */
.c-footer div { padding : 0px 38px; }
.c-footer h2 { margin : 0px 0px 12px 0px; padding : 0px; font-size : 1.3em; height : 20px; background-position : left top; background-repeat : no-repeat; }
.c-footer h2 span { display : none; }

.c-footer .col1, .c-footer .col2, .c-footer .col3 { float : left; margin : 14px 0px; height : 165px; border-right : 1px solid #7d7d7d; }

.c-footer .col1 { width : 166px; padding-right : 0px; }
.c-footer .col1 h2 { background-image : url('i/text/portfolio.png'); } 

.c-footer .col2 { width : 160px; }
.c-footer .col2 h2 { background-image : url('i/text/quicklinks.png'); }

.c-footer .col3 { width:478px; border : 0px; padding-right: 0px; }
.c-footer .col3 h2 { background-image : url('i/text/clientlogos.png'); }

.c-footer .col3 a img { border: none; }

    /* footer portfolio */
    .portfolio-footer-block div { background-color : #fff; width : 92px; height : 58px; padding : 0px; float : left; margin : 0px 6px 6px 0px; }
    .portfolio-footer-block img { border : 0px; }
    
    /* footer copyright */
    .c-footer .company-details { clear : both; background-color : #ff6600; height : 61px; font-size : 0.9em; }
    .company-details .copyright { float : left; line-height : 20px; margin-top : 10px;  }
    .company-details .validation { float : right; margin-top : 34px; }

    /* footer client logos */
    .logos-footer-block img { float : left; margin : 0px 18px 18px 0px; padding: 2px 6px; background-color: #ffffff; }