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

body { background-color: #000; }

a { border-width: 0; }

#wrapper { margin: 0 auto; width: 480px; position: relative; }

#logo {
	display: block;
	width: 45px;
	height: 59px;
	background: url(RyyS.png) no-repeat top left;
	position: absolute;
	margin: 93px 0 0 412px;
}

#youtube {
	display: block;
	width: 173px;
	height: 173px;
	background: url(youtube.png) no-repeat top left;
	position: absolute;
	margin: 93px 0 0 23px;
}

#vimeo {
	display: block;
	width: 173px;
	height: 173px;
	background: url(vimeo.png) no-repeat top left;
	position: absolute;
	margin: 278px 0 0 23px;
}

#facebook {
	display: block;
	width: 173px;
	height: 173px;
	background: url(facebook.png) no-repeat top left;
	position: absolute;
	margin: 93px 0 0 208px;
}

#twitter {
	display: block;
	width: 173px;
	height: 173px;
	background: url(twitter.png) no-repeat top left;
	position: absolute;
	margin: 278px 0 0 208px;
}

#mail {
	display: block;
	width: 173px;
	height: 173px;
	background: url(mail.png) no-repeat top left;
	position: absolute;
	margin: 463px 0 0 23px;
}

#contact {
	display: block;
	width: 173px;
	height: 173px;
	background: url(contact.png) no-repeat top left;
	position: absolute;
	margin: 463px 0 0 208px;
}

#youtube:hover {
	background: url(youtube.png) no-repeat bottom left;
}

#vimeo:hover {
	background: url(vimeo.png) no-repeat bottom left;
}

#facebook:hover {
	background: url(facebook.png) no-repeat bottom left;
}

#twitter:hover {
	background: url(twitter.png) no-repeat bottom left;
}

#mail:hover {
	background: url(mail.png) no-repeat bottom left;
}

#contact:hover {
	background: url(contact.png) no-repeat bottom left;
}