.socials{
	margin: 0 10px 10px 0;
}

.socials.black span.social {background-image: url("http://static.foliosites.co.uk/img/socials/sprite/ap_icons_black_social-sport.png");}
	.socials.black.small span.social {background-image: url("http://static.foliosites.co.uk/img/socials/sprite/ap_icons_black_2x_social-sport.png");}

.socials.white span.social {background-image: url("http://static.foliosites.co.uk/img/socials/sprite/ap_icons_white_social-sport.png");}
	.socials.white.small span.social {background-image: url("http://static.foliosites.co.uk/img/socials/sprite/ap_icons_white_2x_social-sport.png");}

.socials.colour span.social {background-image: url("http://static.foliosites.co.uk/img/socials/sprite/ap_icons_colour_social-sport.png");}
	.socials.colour.small span.social {background-image: url("http://static.foliosites.co.uk/img/socials/sprite/ap_icons_colour_2x_social-sport.png");}

.socials .hide{display: none;}
.socials {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 32px;
  vertical-align: text-top;
  background: no-repeat #bbbbbb;
}
	.socials a{
		position: absolute;
		top:0; left:0;
		width: 100%; height: 100%;
	}
	.socials a span{
		position: absolute;
		width: 32px;
		height: 32px;
		left: 50%;
		top: 50%;
		margin: -16px 0 0 -16px;
	}
/********************************
* social-sport
*
***/
.social.twitter {
  background-position: 0px -2px;
}
/*0 2px off*/
.social.facebook {
  background-position: -51px 0px;
}
/*1 0 off*/
.social.google-plus {
  background-position: -100px 0px;
}
.social.linkedin {
  background-position: -150px -2px;
}
/*0 2px off*/
.social.pinterest {
  background-position: -200px 0px;
}
.social.flickr {
  background-position: -250px 0px;
}
.social.rss {
  background-position: -300px -2px;
}
.social.vimeo {
  background-position: -350px 0px;
}
.social.bebo {
  background-position: -400px 0px;
}
.social.github {
  background-position: -450px 0px;
}
.social.picasa {
  background-position: -500px 0px;
}
.social.skype {
  background-position: -550px 0px;
}
.social.twitter-square {
  background-position: 0px -50px;
}
.social.facebook-square {
  background-position: -50px -50px;
}
.social.google-plus-square {
  background-position: -100px -50px;
}
.social.linkedin-square {
  background-position: -150px -50px;
}
.social.pinterest-square {
  background-position: -200px -50px;
}
.social.flickr-square {
  background-position: -250px -50px;
}
.social.rss-square {
  background-position: -300px -50px;
}
.social.vimeo-square {
  background-position: -350px -50px;
}
.social.bebo-square {
  background-position: -400px -50px;
}
.social.github-square {
  background-position: -450px -50px;
}
.social.picasa-square {
  background-position: -500px -50px;
}
.social.skype-square {
  background-position: -550px -50px;
}
.social.twitter-circle {
  background-position: 0px -100px;
}
.social.facebook-circle {
  background-position: -50px -100px;
}
.social.google-plus-circle {
  background-position: -100px -100px;
}
.social.linkedin-circle {
  background-position: -150px -100px;
}
.social.pinterest-circle {
  background-position: -200px -100px;
}
.social.flickr-circle {
  background-position: -250px -100px;
}
.social.rss-circle {
  background-position: -300px -100px;
}
.social.vimeo-circle {
  background-position: -350px -100px;
}
.social.bebo-circle {
  background-position: -400px -100px;
}
.social.github-circle {
  background-position: -450px -100px;
}
.social.picasa-circle {
  background-position: -500px -100px;
}
.social.skype-circle {
  background-position: -550px -100px;
}
.social.youtube {
  background-position: 0px -150px;
}
.social.dribbble {
  background-position: -50px -150px;
}
.social.zerply {
  background-position: -100px -150px;
}
.social.wikipedia {
  background-position: -150px -150px;
}
.social.stumbleupon {
  background-position: -200px -150px;
}
.social.grooveshark {
  background-position: -250px -150px;
}
.social.digg {
  background-position: -299px -153px;
}
/*1 3px off*/.social.behance {
  background-position: -350px -153px;
}
/*0 2px off*/
.social.technoratie {
  background-position: -400px -150px;
}
.social.blogger {
  background-position: -450px -150px;
}
.social.tumblr {
  background-position: -500px -150px;
}
.social.dropbox {
  background-position: -550px -150px;
}
.social.youtube-square {
  background-position: 0px -200px;
}
.social.dribbble-square {
  background-position: -50px -200px;
}
.social.zerply-square {
  background-position: -100px -200px;
}
.social.wikipedia-square {
  background-position: -150px -200px;
}
.social.stumbleupon-square {
  background-position: -200px -200px;
}
.social.grooveshark-square {
  background-position: -250px -200px;
}
.social.digg-square {
  background-position: -300px -200px;
}
.social.behance-square {
  background-position: -350px -200px;
}
.social.technoratie-square {
  background-position: -400px -200px;
}
.social.blogger-square {
  background-position: -450px -200px;
}
.social.tumblr-square {
  background-position: -500px -200px;
}
.social.dropbox-square {
  background-position: -550px -200px;
}
.social.youtube-circle {
  background-position: 0px -250px;
}
.social.dribbble-circle {
  background-position: -50px -250px;
}
.social.zerply-circle {
  background-position: -100px -250px;
}
.social.wikipedia-circle {
  background-position: -150px -250px;
}
.social.stumbleupon-circle {
  background-position: -200px -250px;
}
.social.grooveshark-circle {
  background-position: -250px -250px;
}
.social.digg-circle {
  background-position: -300px -250px;
}
.social.behance-circle {
  background-position: -350px -250px;
}
.social.technoratie-circle {
  background-position: -400px -250px;
}
.social.blogger-circle {
  background-position: -450px -250px;
}
.social.tumblr-circle {
  background-position: -500px -250px;
}
.social.dropbox-circle {
  background-position: -550px -250px;
}
.social.fingers2 {
  background-position: 0px -300px;
}
.social.fingers3 {
  background-position: -50px -300px;
}
.social.fingers4 {
  background-position: -100px -300px;
}
.social.fingers5 {
  background-position: -150px -300px;
}
.social.fingers-spread {
  background-position: -200px -300px;
}
.social.fingers-wave {
  background-position: -250px -300px;
}
.social.fingers-drag {
  background-position: -300px -300px;
}
.social.fingers-touch {
  background-position: -350px -300px;
}
.social.fingers-scroll {
  background-position: -400px -300px;
}
.social.fingers-scroll-down {
  background-position: -450px -300px;
}
.social.fingers-slide {
  background-position: -500px -300px;
}
.social.fingers5-spread {
  background-position: -550px -300px;
}