/*
 * Styles for the What We've done page
 */


.contentArea {
    float: left;
    width: 432px;
    padding: 20px 18px;
}


/*
 * Gallery
 */

#gallery {
    margin-right: 20px;
    padding-bottom: 0;
}

#gallery h1:before {
    content: url(../img/headers/photo-gallery.png);
}

#gallery ul, #gallery li {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
}

#gallery li {
    float: left;
    margin-bottom: 18px;
}
li#galleryPerformance {
    float: right;
}

li#galleryRenderings {
    float: right;
}

#gallery li img {
    border: 1px solid #FFF;
    display: block;
    margin-bottom: 6px;
}

#gallery a span {
    overflow: hidden;
    display: block;
    height: 15px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
#gallery a span:before {
    display: block;
}

#galleryAll a span:before {
    content: url(../img/headers/view-all-photos_sm.png);
}
#galleryCorporate a span:before {
    content: url(../img/headers/corporate_sm.png);
}
#galleryPerformance a span:before {
    content: url(../img/headers/performance_sm.png);
}
#galleryRenderings a span:before {
    content: url(../img/headers/renderings_sm.png);
}
#galleryFashion a span:before {
    content: url(../img/headers/fashion_sm.png);
}



/*
 * Case Studies
 */

#caseStudies h1:before {
    content: url(../img/headers/case-studies.png);
}

#caseStudies .study {
    border-bottom: 1px solid #FFF;
    margin: 0 0 18px;
    padding-left: 225px;
}
#caseStudies .study .excerptImage {
    float: left;
    margin: 0 16px 18px -225px;
    border: 1px solid #FFF;
}
#caseStudies .study h2 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 10px;
}
#caseStudies .study a {
    text-decoration: none;
}
#caseStudies .study p {
    margin: 0 0 18px;
}

#caseStudies .viewAll {
    margin: 0;
}
#caseStudies .viewAll a {
    overflow: hidden;
    display: block;
    height: 15px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
#caseStudies .viewAll a:before {
    display: block;
    content: url(../img/headers/view-all-case-studies_sm.png);
}