/*
usage: <span class="{-spritename-} sprite"></span>

replace {-spritename-} with the sprite you like to use
*/

.social-sprite {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(../assets/images/social.png);}

.facebook {width:41px; height:40px; background-position: -47px -90px;}
.google {width:41px; height:40px; background-position: -2px -90px}
.linkedin {width:41px; height:40px; background-position: -47px -46px}
.pinterest {width:41px; height:40px; background-position: -2px -46px}
.stumbleupon {width:41px; height:40px; background-position: -47px -2px}
.twitter {width:41px; height:40px; background-position: -2px -2px}