.icon-facebook{
	background: url(../images/social/facebook.png) no-repeat;
}

.icon-twitter{
	background: url(../images/social/twitter.png) no-repeat;
}

.icon-linked-in{
	background: url(../images/social/linked-in.png) no-repeat;
}

.icon-flickr{
	background: url(../images/social/flickr.png) no-repeat;
}

.icon-google-plus{
	background: url(../images/social/google-plus.png) no-repeat;
}

.icon-youtube{
	background: url(../images/social/youtube.png) no-repeat;
}

.icon-vimeo{
	background: url(../images/social/vimeo.png) no-repeat;
}

.icon-pinterest{
	background: url(../images/social/pinterest.png) no-repeat;
}

.icon-last-fm{
	background: url(../images/social/last-fm.png) no-repeat;
}

.icon-rss{
	background: url(../images/social/rss.png) no-repeat;
}

.icon-dribbble{
	background: url(../images/social/dribbble.png) no-repeat;
}

.icon-digg{
	background: url(../images/social/digg.png) no-repeat;
}

.icon-delicious{
	background: url(../images/social/delicious.png) no-repeat;
}


.social-link li{
	width: 32px;
	height: 32px;
	position: relative;
	cursor: pointer;
	border-radius: 50%;

	-webkit-perspective: 900px; 
	-moz-perspective: 900px;
	-o-perspective: 900px; 
	-ms-perspective: 900px; 
	perspective: 900px;
}

.social-link li > div{
	display: block; 
	position: absolute; 
	width: 100%; 
	height: 100%; 
	background-position: center center; 

	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear; 
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear; 
	transition: all 0.4s linear; 

	-webkit-transform-origin: 50% 0%; 
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%; 
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.social-link-front{
	background-size: 100% 100%;
}

.social-link-back{
	-webkit-transform: translate3d(0,0,-32px) rotate3d(1,0,0,90deg); 
	-moz-transform: translate3d(0,0,-32px) rotate3d(1,0,0,90deg); 
	-o-transform: translate3d(0,0,-32px) rotate3d(1,0,0,90deg); 
	-ms-transform: translate3d(0,0,-32px) rotate3d(1,0,0,90deg);
	transform: translate3d(0,0,-32px) rotate3d(1,0,0,90deg); 
	opacity: 0; 
}

.social-link li:hover .social-link-front{
	-webkit-transform: translate3d(0,40px,0) rotate3d(1,0,0,-90deg); 
	-moz-transform: translate3d(0,40px,0) rotate3d(1,0,0,-90deg); 
	-o-transform: translate3d(0,40px,0) rotate3d(1,0,0,-90deg); 
	-ms-transform: translate3d(0,40px,0) rotate3d(1,0,0,-90deg); 
	transform: translate3d(0,40px,0) rotate3d(1,0,0,-90deg); 
	opacity: 0;
}

.social-link li:hover .social-link-back{
	-webkit-transform: rotate3d(1,0,0,0deg); 
	-moz-transform: rotate3d(1,0,0,0deg);
	-o-transform: rotate3d(1,0,0,0deg); 
	-ms-transform: rotate3d(1,0,0,0deg); 
	transform: rotate3d(1,0,0,0deg); 
	opacity: 1; 
}