body {
    background: #000; /* no-repeat center top;*/
}

.gallery {
    position: relative;
    width: 936px;
    margin: 0 auto;
    overflow: hidden;
}
.gallery .slides {
    width: 936px;
    height: 385px;
    display: block;
    overflow: hidden;
    margin: 0;
    position: relative;

    background-repeat: no-repeat;
    background-position: left top;

    -webkit-transition: background 0.5s linear;
    -moz-transition:    background 0.5s linear;
    -o-transition:      background 0.5s linear;
    transition:         background 0.5s linear;
}
.gallery .slides .slide {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 936px;
    height: 385px;
    text-indent: -10000px;
    background: no-repeat left top;
}

body.The_Big_Shots .gallery .slides .slide.The_Big_Shots        { background-image: url('feature-image-03.jpg'); }
body.Mythical_Mortals .gallery .slides .slide.Mythical_Mortals  { background-image: url('feature-image-02.jpg'); }
body.The_Defenders .gallery .slides .slide.The_Defenders        { background-image: url('feature-image-01.jpg'); }
body.Metalheads .gallery .slides .slide.Metalheads              { background-image: url('feature-image-04.jpg'); }

#background-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 700px;
    z-index: -1;

    background: #000 no-repeat center top;

    -webkit-transition: background 0.5s linear;
    -moz-transition:    background 0.5s linear;
    -o-transition:      background 0.5s linear;
    transition:         background 0.5s linear;
}
body.The_Big_Shots #background-wrapper     { background-image: url('bg-story-bigshots.jpg'); }
body.Mythical_Mortals #background-wrapper  { background-image: url('bg-story-mythical-mortals.jpg'); }
body.The_Defenders #background-wrapper     { background-image: url('bg-story-defenders.jpg'); }
body.Metalheads #background-wrapper        { background-image: url('bg-story-metalheads.jpg'); }