@charset "utf-8";
/* CSS Document */

#twitter {
	float: left;
	height: 32px;
	margin: 0px 20px 0px 0px;
	width: 32px;
	background-image: url(../img/piuma-social-media-sprite.png);
	background-position: -32px 0px;
}


#twitter:hover {
	background-image: url(../img/piuma-social-media-sprite.png);
	background-position: -32px -32px;
}

#twitter:active {
	background-image: url(../img/piuma-social-media-sprite.png);
	background-position: -32px -64px;
}

#snapchat {
	float: left;
	height: 32px;
	width: 32px;
	background-image: url(../img/piuma-social-media-sprite.png);
	margin: 0px 20px 0px 0px;
	background-position: -256px 0px;
}


#snapchat:hover {
	background-image: url(../img/piuma-social-media-sprite.png);
	background-position: -256px -32px;
}

#snapchat:active {
	background-image: url(../img/piuma-social-media-sprite.png);
	background-position: -256px -64px;
}

#instagram {
	float: left;
	height: 32px;
	margin: 0px;
	clear: none;
	width: 32px;
	background-image: url(../img/piuma-social-media-sprite.png);
	background-attachment: scroll;
	background-size: auto;
	background-position: -192px 0px;
	background-repeat: repeat repeat;
}

#instagram:hover {
    background-image:url(../img/piuma-social-media-sprite.png);
    background-attachment: scroll;
    background-size: auto;
    background-position: -192px -32px;
    background-repeat: repeat repeat;
}

#instagram:active {
    background-image:url(../img/piuma-social-media-sprite.png);
    background-attachment: scroll;
    background-size: auto;
    background-position: -192px -64px;
    background-repeat: repeat repeat;
}


#youtube {
	float: left;
	height: 32px;
	margin: 0px 20px 0px 0px;
	clear: none;
	width: 32px;
	background-image: url(../img/piuma-social-media-sprite.png);
	background-attachment: scroll;
	background-size: auto;
	background-position: -160px 0px;
	background-repeat: repeat repeat;
}

#youtube:hover {
    background-image:url(../img/piuma-social-media-sprite.png);
    background-attachment: scroll;
    background-size: auto;
    background-position: -160px -32px;
    background-repeat: repeat repeat;
}

#youtube:active {
    background-image:url(../img/piuma-social-media-sprite.png);
    background-attachment: scroll;
    background-size: auto;
    background-position: -160px -64px;
    background-repeat: repeat repeat;
}


#tumblr {
	float: left;
	height: 32px;
	margin: 0px 20px 0px 0px;
	clear: none;
	width: 32px;
	background-image: url(../img/piuma-social-media-sprite.png);
	background-attachment: scroll;
	background-size: auto;
	background-position: -64px 0px;
	background-repeat: repeat repeat;
}

#tumblr:hover {
    background-image:url(../img/piuma-social-media-sprite.png);
    background-attachment: scroll;
    background-size: auto;
    background-position: -64px -32px;
    background-repeat: repeat repeat;
}

#tumblr:active {
    background-image:url(../img/piuma-social-media-sprite.png);
    background-attachment: scroll;
    background-size: auto;
    background-position: -64px -64px;
    background-repeat: repeat repeat;
}


#apple {
	float: left;
	height: 32px;
	width: 32px;
	background-image: url(../img/piuma-social-media-sprite.png);
	margin: 0px 20px 0px 0px;
	background-position: -288px 0px;
}

#apple:hover {
	background-image: url(../img/piuma-social-media-sprite.png);
	background-position: -288px -32px;
}

#apple:active {
	background-image: url(../img/piuma-social-media-sprite.png);
	background-position: -288px -64px;
}



#spotify {
	float: left;
	height: 32px;
	margin: 0px;
	clear: none;
	width: 32px;
	background-image: url(../img/piuma-social-media-sprite.png);
	background-attachment: scroll;
	background-size: auto;
	background-position: -224px 0px;
	background-repeat: repeat repeat;
}

#spotify:hover {
    background-image:url(../img/piuma-social-media-sprite.png);
    background-attachment: scroll;
    background-size: auto;
    background-position: -224px -32px;
    background-repeat: repeat repeat;
}

#spotify:active {
    background-image:url(../img/piuma-social-media-sprite.png);
    background-attachment: scroll;
    background-size: auto;
    background-position: -224px -64px;
    background-repeat: repeat repeat;
}




#soundcloud {
	float: left;
	height: 32px;
	margin: 0px 20px 0px 0px;
	clear: none;
	width: 32px;
	background-image: url(../img/piuma-social-media-sprite.png);
	background-attachment: scroll;
	background-size: auto;
	background-position: -96px 0px;
	background-repeat: repeat repeat;
}

#soundcloud:hover {
    background-image:url(../img/piuma-social-media-sprite.png);
    background-attachment: scroll;
    background-size: auto;
    background-position: -96px -32px;
    background-repeat: repeat repeat;
}

#soundcloud:active {
    background-image:url(../img/piuma-social-media-sprite.png);
    background-attachment: scroll;
    background-size: auto;
    background-position: -96px -64px;
    background-repeat: repeat repeat;
}



#facebook {
	float: left;
	height: 32px;
	width: 32px;
	background-image: url(../img/piuma-social-media-sprite.png);
	background-position: 0px 0px;
	margin: 0px 20px 0px 0px;
}


#facebook:hover {
	background-image: url(../img/piuma-social-media-sprite.png);
	background-position: 0px -32px;
}

#facebook:active {
	background-image: url(../img/piuma-social-media-sprite.png);
	background-position: 0px -64px;
}