/*  ------------------------

    --- SPRITES NO-REPEAT ---

    ------------------------
*/
.sprite-header, .sprite-header-left,
.sprite-header-right, .sprite-vertical,
.sprite-fb, .sprite-of{
    background-image: url('../img/sprites.png');
    background-repeat: no-repeat;
    display: block;
}

.sprite-fb {
    width: 23px;
    height: 23px;
    background-position: -5px -5px;
}

.sprite-header {
    width: 959px;
    height: 98px;
    background-position: -5px -38px;
}

.sprite-header-left {
    width: 69px;
    height: 98px;
    background-position: -5px -146px;
}

.sprite-header-right {
    width: 88px;
    height: 98px;
    background-position: -84px -146px;
}

.sprite-of {
    width: 26px;
    height: 352px;
    background-position: -974px -5px;
}

.sprite-vertical {
    width: 2px;
    height: 54px;
    background-position: -5px -367px;
}

/*  ------------------------

    --- SPRITES REPEAT-X ---

    ------------------------
*/
/* REPEAT-X-100 */
.sprite-pattern-copyright,
.sprite-pattern-footer,
.sprite-pattern-header{
    background-image: url('../img/sprites-repeat-x-100.png');
    background-repeat: repeat-x;
}
.sprite-pattern-copyright {
    width: 100px;
    height: 26px;
    background-position: -0px -0px;
}
.sprite-pattern-footer {
    width: 100px;
    height: 193px;
    background-position: -0px -26px;
}
.sprite-pattern-header {
    width: 100px;
    height: 56px;
    background-position: -0px -219px;
}

/*REPEAT-X-18*/
.sprite-banner-bottom-pattern,
.sprite-content-bottom-pattern{
    background-image: url('../img/sprites-repeat-x-18.png');
    background-repeat: repeat-x;
}
.sprite-banner-bottom-pattern {
    width: 18px;
    height: 11px;
    background-position: -0px -0px;
}
.sprite-content-bottom-pattern {
    width: 18px;
    height: 11px;
    background-position: -0px -11px;
}