/* SPRITE STYLE */
/* ---------------------------------------------------- */
.sprite {
	height: 0;
	display: block;
	overflow: hidden;
}

.sprite-animated {
	height: 0;
	display: block;
	overflow: hidden;
    
    /* Transitions */
	transition: all 0.3s;
	-moz-transition: all 0.3s; /* Firefox 4 */
	-webkit-transition: all 0.3s; /* Safari and Chrome */
	-o-transition: all 0.3s; /* Opera */
}




/* SPRITE DIMENSIONS */
/* ---------------------------------------------------- */
.sprite-20x20 {
	padding: 20px 0 0 0;
	width: 20px;
}

.sprite-31x31 {
	padding: 31px 0 0 0;
	width: 31px;
}

.sprite-36x36 {
	padding: 36px 0 0 0;
	width: 36px;
}

.sprite-63x30 {
	padding: 30px 0 0 0;
	width: 63px;
}

.sprite-64x64 {
	padding: 64px 0 0 0;
	width: 64px;
}

.sprite-76x30 {
	padding: 30px 0 0 0;
	width: 76px;
}

.sprite-114x45 {
	padding: 45px 0 0 0;
	width: 114px;
}






/* SPRITE BACKGROUND 1X */
/* ---------------------------------------------------- */
.sprite-b-logo {
	margin: auto;
	background: url(/images/sprites-x1.png) 0 0;
}

.sprite-b-logo:hover {
	background: url(/images/sprites-x1.png) 0 -45px;
}

.sprite-b-next {
	margin: auto;
	background: url(/images/sprites-x1.png) 0 -90px;
}

.sprite-b-next:hover {
	background: url(/images/sprites-x1.png) 0 -154px;
}

.sprite-b-previous {
	background: url(/images/sprites-x1.png) 0 -254px;
}

.sprite-b-previous:hover {
	background: url(/images/sprites-x1.png) 0 -318px;
}

.sprite-b-share-twitter {
	background: url(/images/sprites-x1.png) 0 -382px;
}

.sprite-b-share-twitter:hover {
	background: url(/images/sprites-x1.png) -76px -382px;
}

.sprite-b-share-google {
	background: url(/images/sprites-x1.png) 0 -412px;
}

.sprite-b-share-google:hover {
	background: url(/images/sprites-x1.png) -63px -412px;
}

.sprite-b-share-facebook {
	background: url(/images/sprites-x1.png) 0 -442px;
}

.sprite-b-share-facebook:hover {
	background: url(/images/sprites-x1.png) -63px -442px;
}

.sprite-icon-scroll {
	background: url(/images/sprites-x1.png) 0 -218px;
}

.sprite-icon-scroll:hover {
	background: url(/images/sprites-x1.png) 0 -218px;
}

.sprite-icon-google {
	background: url(/images/sprites-x1.png) -114px 0;
}

.sprite-icon-google:hover {
	background: url(/images/sprites-x1.png) -114px 0;
}

.sprite-icon-facebook {
	background: url(/images/sprites-x1.png) -114px -45px;
}

.sprite-icon-facebook:hover {
	background: url(/images/sprites-x1.png) -114px -45px;
}

.sprite-icon-ronnie-schaaf {
	background: url(/images/sprites-x1.png) -114px -90px;
}

.sprite-icon-ronnie-schaaf:hover {
	background: url(/images/sprites-x1.png) -114px -90px;
}




/* SPRITE BACKGROUND 2X */
/* ---------------------------------------------------- */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

    .sprite-b-logo {
        background: url(/images/sprites-x2.png) 0 0;
        background-size: 200px 500px;
    }

    .sprite-b-logo:hover {
        background: url(/images/sprites-x2.png) 0 -45px;
        background-size: 200px 500px;
    }

    .sprite-b-next {
        background: url(/images/sprites-x2.png) 0 -90px;
        background-size: 200px 500px;
    }

    .sprite-b-next:hover {
        background: url(/images/sprites-x2.png) 0 -154px;
        background-size: 200px 500px;
    }
    
    .sprite-b-previous {
        background: url(/images/sprites-x2.png) 0 -254px;
        background-size: 200px 500px;
    }

    .sprite-b-previous:hover {
        background: url(/images/sprites-x2.png) 0 -318px;
        background-size: 200px 500px;
    }
    
    .sprite-b-share-twitter {
        background: url(/images/sprites-x2.png) 0 -382px;
        background-size: 200px 500px;
    }

    .sprite-b-share-twitter:hover {
        background: url(/images/sprites-x2.png) -76px -382px;
        background-size: 200px 500px;
    }

    .sprite-b-share-google {
        background: url(/images/sprites-x2.png) 0 -412px;
        background-size: 200px 500px;
    }

    .sprite-b-share-google:hover {
        background: url(/images/sprites-x2.png) -63px -412px;
        background-size: 200px 500px;
    }

    .sprite-b-share-facebook {
        background: url(/images/sprites-x2.png) 0 -442px;
        background-size: 200px 500px;
    }

    .sprite-b-share-facebook:hover {
        background: url(/images/sprites-x2.png) -63px -442px;
        background-size: 200px 500px;
    }
    
    .sprite-icon-scroll {
        background: url(/images/sprites-x2.png) 0 -218px;
        background-size: 200px 500px;
    }

    .sprite-icon-scroll:hover {
        background: url(/images/sprites-x2.png) 0 -218px;
        background-size: 200px 500px;
    }
    
    .sprite-icon-google {
        background: url(/images/sprites-x2.png) -114px 0;
        background-size: 200px 500px;
    }

    .sprite-icon-google:hover {
        background: url(/images/sprites-x2.png) -114px 0;
        background-size: 200px 500px;
    }

    .sprite-icon-facebook {
        background: url(/images/sprites-x2.png) -114px -45px;
        background-size: 200px 500px;
    }

    .sprite-icon-facebook:hover {
        background: url(/images/sprites-x2.png) -114px -45px;
        background-size: 200px 500px;
    }

    .sprite-icon-ronnie-schaaf {
        background: url(/images/sprites-x2.png) -114px -90px;
        background-size: 200px 500px;
    }

    .sprite-icon-ronnie-schaaf:hover {
        background: url(/images/sprites-x2.png) -114px -90px;
        background-size: 200px 500px;
    }

}