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

html 	{
	margin					: 0px;
	padding					: 0px;
}

body	{
	width					: 100%;
	margin					: 0px;
	padding					: 0px;
	background-repeat		: no-repeat;
	background-color		: #000000;
	overflow-x				: hidden;
}

li {
	float					: left;
}

ul {
	list-style				: none;
}

a {
	color					: #737373;
}

a:hover {
	color					: #000000;
}

a:visited {
	color					: #dfdfdf;
}

a img {
	border					: none;
}

#container	{
	margin-left				: auto;
	margin-right			: auto;
	width					: 1131px;
}

#container #content {
	width					: 1131px;
	height					: 730px;
   	background-image		: url('../images/index/bg.jpg');
}

#container #content #menu {
	width					: 236px;
	height					: 27px;
	margin	 				: 170px 0px 0px 237px;
	float					: left;
	list-style				: none;
}

#container #content #menu .home {
	width					: 39px;
	height					: 17px;
	margin					: 5px 0px 0px 8px;
	background-image		: url('../images/index/home-hover.jpg');
	background-repeat		: no-repeat;
}

#container #content #menu .home a {
	display					: block;
}

#container #content #menu .home a:hover img {
	visibility				: hidden;
}


#container #content #menu .bio {
	width					: 27px;
	height					: 17px;
	margin					: -17px 0px 0px 55px;
	background-image		: url('../images/index/bio-hover.jpg');
	background-repeat		: no-repeat;
}

#container #content #menu .bio a {
	display					: block;
}

#container #content #menu .bio a:hover img {
	visibility				: hidden;
}

#container #content #menu .disco {
	width					: 35px;
	height					: 18px;
	margin					: -18px 0px 0px 86px;
	background-image		: url('../images/index/disco-hover.jpg');
	background-repeat		: no-repeat;
}

#container #content #menu .disco a {
	display					: block;
}

#container #content #menu .disco a:hover img {
	visibility				: hidden;
}

#container #content #menu .media {
	width					: 40px;
	height					: 17px;
	margin					: -17px 0px 0px 128px;
	background-image		: url('../images/index/media-hover.png');
	background-repeat		: no-repeat;
}

#container #content #menu .media a {
	display					: block;
}

#container #content #menu .media a:hover img {
	visibility				: hidden;
}


#container #content #menu .contact {
	margin					: -19px 0px 0px 175px;
	width					: 54px;
	height					: 20px;
	background-image		: url('../images/index/contact-hover.jpg');
	background-repeat		: no-repeat;
}

#container #content #menu .contact a {
	display					: block;
}

#container #content #menu .contact a:hover img {
	visibility				: hidden;
}

#container #content #musicplayer {
	margin					: 0px 0px 0px 681px;
	padding					: 170px 0px 0px 0px;
	width					: 233px;
	height					: 26px;
}

#container #content #twitter {
	margin					: 3px 0px 0px 365px;
	width					: 422px;
	height					: 22px;
}

#container #content #media_block {
	margin					: 17px 0px 0px 378px;
	width					: 424px;
	height					: 386px;
	position				: absolute;
}

#container #content #media_block #media-content {
	height					: 374px;
	width					: 394px;
	margin					: 1px 0px 0px 3px;
	float					: left;
	overflow-y				: auto;
	overflow-x				: hidden;
	position: relative;
}

#container #content #honka {
	width					: 427px;
	height					: 500px;
	margin					: -25px 0px 0px 55px;
	position				: absolute;
}

#container #content #media_block #gradient {
	margin-top				: 250px;
	position				: absolute;
}

#container #content #media_block #media-content #pic1 {
	width					: 55px;
	height					: 55px;
	margin					: -272px 0px 0px 14px;
	background-color		: #6a6a68;
	background-image		: url('../images/media/thumb1-hover.jpg');
	background-repeat		: no-repeat;
	position				: relative;
}

#container #content #media_block #media-content #pic1 a {
	display					: block;
}

#container #content #media_block #media-content #pic1 a:hover img {
	visibility				: hidden;
}

#container #content #media_block #media-content #pic2 {
	width					: 55px;
	height					: 55px;
	margin					: -55px 0px 0px 85px;
	background-color		: #6a6a68;
	background-image		: url('../images/media/thumb2-hover.jpg');
	background-repeat		: no-repeat;
	position				: relative;
}


#container #content #media_block #media-content #pic2 a {
	display					: block;
}

#container #content #media_block #media-content #pic2 a:hover img {
	visibility				: hidden;
}

#container #content #media_block #media-content #pic3 {
	width					: 55px;
	height					: 55px;
	margin					: -55px 0px 0px 154px;
	background-color		: #6a6a68;
	background-image		: url('../images/media/thumb3-hover.jpg');
	background-repeat		: no-repeat;
	position				: relative;
}


#container #content #media_block #media-content #pic3 a {
	display					: block;
}

#container #content #media_block #media-content #pic3 a:hover img {
	visibility				: hidden;
}

#container #content #media_block #media-content #pic4 {
	width					: 55px;
	height					: 55px;
	margin					: -55px 0px 0px 225px;
	background-color		: #6a6a68;
	background-image		: url('../images/media/thumb4-hover.jpg');
	background-repeat		: no-repeat;
	position				: relative;
}


#container #content #media_block #media-content #pic4 a {
	display					: block;
}

#container #content #media_block #media-content #pic4 a:hover img {
	visibility				: hidden;
}

#container #content #media_block #media-content #pic5 {
	width					: 55px;
	height					: 55px;
	margin					: -55px 0px 0px 295px;
	background-color		: #6a6a68;
	background-image		: url('../images/media/thumb5-hover.jpg');
	background-repeat		: no-repeat;
	position				: relative;
}


#container #content #media_block #media-content #pic5 a {
	display					: block;
}

#container #content #media_block #media-content #pic5 a:hover img {
	visibility				: hidden;
}

#container #content #media_block #media-content #pic6 {
	width					: 55px;
	height					: 55px;
	margin					: 14px 0px 0px 14px;
	background-color		: #6a6a68;
	background-image		: url('../images/media/thumb6-hover.jpg');
	background-repeat		: no-repeat;
	position				: relative;
}


#container #content #media_block #media-content #pic6 a {
	display					: block;
}

#container #content #media_block #media-content #pic6 a:hover img {
	visibility				: hidden;
}

#container #content #media_block #media-content #pic7 {
	width					: 55px;
	height					: 55px;
	margin					: -55px 0px 0px 85px;
	background-color		: #6a6a68;
	background-image		: url('../images/media/thumb7-hover.jpg');
	background-repeat		: no-repeat;
	position				: relative;
}


#container #content #media_block #media-content #pic7 a {
	display					: block;
}

#container #content #media_block #media-content #pic7 a:hover img {
	visibility				: hidden;
}

#container #content #media_block #media-content #pic8 {
	width					: 55px;
	height					: 55px;
	margin					: -55px 0px 0px 154px;
	background-color		: #6a6a68;
	background-image		: url('../images/media/thumb8-hover.jpg');
	background-repeat		: no-repeat;
	position				: relative;
}


#container #content #media_block #media-content #pic8 a {
	display					: block;
}

#container #content #media_block #media-content #pic8 a:hover img {
	visibility				: hidden;
}

#container #content #media_block #media-content #pic9 {
	width					: 55px;
	height					: 55px;
	margin					: -55px 0px 0px 225px;
	background-color		: #6a6a68;
	background-image		: url('../images/media/thumb9-hover.jpg');
	background-repeat		: no-repeat;
	position				: relative;
}


#container #content #media_block #media-content #pic9 a {
	display					: block;
}

#container #content #media_block #media-content #pic9 a:hover img {
	visibility				: hidden;
}


#container #content #media_block #media-content #pic10 {
	width					: 55px;
	height					: 55px;
	margin					: -55px 0px 0px 295px;
	background-color		: #6a6a68;
	background-image		: url('../images/media/thumb10-hover.jpg');
	background-repeat		: no-repeat;
	position				: relative;
}


#container #content #media_block #media-content #pic10 a {
	display					: block;
}

#container #content #media_block #media-content #pic10 a:hover img {
	visibility				: hidden;
}

#container #content #media_block #media-content #pic11 {
	width					: 55px;
	height					: 55px;
	margin					: 14px 0px 0px 14px;
	background-color		: #6a6a68;
	background-image		: url('../images/media/thumb11-hover.jpg');
	background-repeat		: no-repeat;
	position				: relative;
}


#container #content #media_block #media-content #pic11 a {
	display					: block;
}

#container #content #media_block #media-content #pic11 a:hover img {
	visibility				: hidden;
}

#container #content #media_block #media-content #pic12 {
	width					: 55px;
	height					: 55px;
	margin					: -55px 0px 0px 85px;
	background-color		: #6a6a68;
	background-image		: url('../images/media/thumb12-hover.jpg');
	background-repeat		: no-repeat;
	position				: relative;
}


#container #content #media_block #media-content #pic12 a {
	display					: block;
}

#container #content #media_block #media-content #pic12 a:hover img {
	visibility				: hidden;
}

#container #content #media_block #media-content #pic13 {
	width					: 55px;
	height					: 55px;
	margin					: -55px 0px 0px 154px;
	background-color		: #6a6a68;
	background-image		: url('../images/media/thumb13-hover.jpg');
	background-repeat		: no-repeat;
	position				: relative;
}

#container #content #media_block #media-content #pic14 {
	width					: 55px;
	height					: 55px;
	margin					: -55px 0px 0px 225px;
	background-color		: #6a6a68;
	background-image		: url('../images/media/thumb14-hover.jpg');
	background-repeat		: no-repeat;
	position				: relative;
}


#container #content #media_block #media-content #pic14 a {
	display					: block;
}

#container #content #media_block #media-content #pic14 a:hover img {
	visibility				: hidden;
}

#container #content #media_block #media-content #pic15 {
	width					: 55px;
	height					: 55px;
	margin					: -55px 0px 0px 295px;
	background-color		: #6a6a68;
	background-image		: url('../images/media/thumb15-hover.jpg');
	background-repeat		: no-repeat;
	position				: relative;
}


#container #content #media_block #media-content #pic15 a {
	display					: block;
}

#container #content #media_block #media-content #pic15 a:hover img {
	visibility				: hidden;
}

#container #content #media_block #video-content {
	width					: 366px;
	height					: 68px;
	margin					: 135px 0px 0px 15px;
	padding					: 18px 0px 20px 0px;
}

#container #content #media_block #video-content #video1 {
	width					: 366px;
	height					: 68px;
	margin					: -55px 0px 0px -15px;
	padding					: 18px 0px 20px 0px;
	background-image		: url('../images/media/youtube-bg1.jpg');
	background-repeat		: no-repeat;
}

#container #content #media_block #video-content #video1 #thumb{
	width					: 64px;
	height					: 64px;
	margin					: 3px 0px 0px 2px;
	float					: left;
}

#container #content #media_block #video-content #video1 p{
	width					: 285px;
	margin					: 7px 0px 0px 75px;
	font-family				: Arial;
	color					: #dfdfdf;
	font-size				: 9px;
	line-height				: 1.45em;
}

#container #content #media_block #video-content #video1 p a{
	color					: #737373;
}

#container #content #media_block #video-content #video1 p a:hover{
	color					: #ffffff;
}

#container #content #media_block #video-content #video2 {
	width					: 366px;
	height					: 68px;
	margin					: 0px 0px 0px -15px;
	padding					: 18px 0px 20px 0px;
	background-image		: url('../images/media/youtube-bg1.jpg');
	background-repeat		: no-repeat;
}

#container #content #media_block #video-content #video2 #thumb{
	width					: 64px;
	height					: 64px;
	margin					: 3px 0px 0px 2px;
	float					: left;
}

#container #content #media_block #video-content #video2 p{
	width					: 285px;
	margin					: 7px 0px 0px 75px;
	font-family				: Arial;
	color					: #dfdfdf;
	font-size				: 9px;
	line-height				: 1.45em;
}

#container #content #media_block #video-content #video2 p a{
	color					: #737373;
}

#container #content #media_block #video-content #video2 p a:hover{
	color					: #ffffff;
}

#container #content #media_block #video-content #video3 {
	width					: 366px;
	height					: 68px;
	margin					: 0px 0px 20px -15px;
	padding					: 18px 0px 0px 0px;
	background-image		: url('../images/media/youtube-bg1.jpg');
	background-repeat		: no-repeat;
}

#container #content #media_block #video-content #video3 #thumb{
	width					: 64px;
	height					: 64px;
	margin					: 3px 0px 0px 2px;
	float					: left;
}

#container #content #media_block #video-content #video3 p{
	width					: 285px;
	margin					: 7px 0px 27px 75px;
	font-family				: Arial;
	color					: #dfdfdf;
	font-size				: 9px;
	line-height				: 1.45em;
}

#container #content #media_block #video-content #video3 p a{
	color					: #737373;
}

#container #content #media_block #video-content #video3 p a:hover{
	color					: #ffffff;
}

#container #content #media_block #video-content #video4 {
	width					: 366px;
	height					: 68px;
	margin					: 0px 0px 0px -15px;
	padding					: 18px 0px 20px 0px;
	background-image		: url('../images/media/youtube-bg1.jpg');
	background-repeat		: no-repeat;
}

#container #content #media_block #video-content #video4 #thumb{
	width					: 64px;
	height					: 64px;
	margin					: 3px 0px 0px 2px;
	float					: left;
}

#container #content #media_block #video-content #video4 p{
	width					: 285px;
	margin					: 7px 0px 27px 75px;
	font-family				: Arial;
	color					: #dfdfdf;
	font-size				: 9px;
	line-height				: 1.45em;
}

#container #content #media_block #video-content #video4 p a{
	color					: #737373;
}

#container #content #media_block #video-content #video4 p a:hover{
	color					: #ffffff;
}

#container #content #media_block #video-content #video5 {
	width					: 366px;
	height					: 68px;
	margin					: 0px 0px 0px -15px;
	padding					: 18px 0px 20px 0px;
	background-image		: url('../images/media/youtube-bg1.jpg');
	background-repeat		: no-repeat;
}

#container #content #media_block #video-content #video5 #thumb{
	width					: 64px;
	height					: 64px;
	margin					: 3px 0px 0px 2px;
	float					: left;
}

#container #content #media_block #video-content #video5 p{
	width					: 285px;
	margin					: 7px 0px 27px 75px;
	font-family				: Arial;
	color					: #dfdfdf;
	font-size				: 9px;
	line-height				: 1.45em;
}

#container #content #media_block #video-content #video5 p a{
	color					: #737373;
}

#container #content #media_block #video-content #video5 p a:hover{
	color					: #ffffff;
}

#container #content #media_block #video-content #video6 {
	width					: 366px;
	height					: 68px;
	margin					: 0px 0px 0px -15px;
	padding					: 18px 0px 0px 0px;
	background-image		: url('../images/media/youtube-bg1.jpg');
	background-repeat		: no-repeat;
}

#container #content #media_block #video-content #video6 #thumb{
	width					: 64px;
	height					: 64px;
	margin					: 3px 0px 0px 2px;
	float					: left;
}

#container #content #media_block #video-content #video6 p{
	width					: 285px;
	margin					: 7px 0px 27px 75px;
	font-family				: Arial;
	color					: #dfdfdf;
	font-size				: 9px;
	line-height				: 1.45em;
}

#container #content #media #video-content #video6 p a{
	color					: #737373;
}

#container #content #media #video-content #video6 p a:hover{
	color					: #ffffff;
}

#container #content #right-side {
	width					: 123px;
	height					: 346px;
	margin					: -25px 216px 0px 0px;
	float					: right;
}

#container #content #right-side #latest-release {
	width					: 94px;
	height					: 22px;
	margin					: 16px 0px 0px 16px;
}

#container #content #right-side #latest-vinyl {
	width					: 90px;
	height					: 91px;
	background-color		: #878787;
	margin					: 12px 0px 0px 18px;
}

#container #content #right-side #latest-vinyl img {
	margin					: 1px 1px 1px 1px;
}

#container #content #right-side #latest-vinyl-info {
	margin					: 0px 0px 0px 18px;
	font-family				: Arial;
	color					: #dfdfdf;
	font-size				: 0.6em;
	line-height				: 1.40em;
}

#container #content #right-side #buy {
	margin					: 0px 0px 0px 18px;
	width					: 90px;
	height					: 16px;
	background-image		: url('../images/index/buy-hover.jpg');
	background-repeat		: no-repeat;
}

#container #content #right-side #buy a {
	display					: block;
}

#container #content #right-side #buy a:hover img {
	visibility				: hidden;
}

#container #content #right-side #hyves {
	margin					: 17px 0px 0px 18px;
	width					: 90px; 
	height					: 25px;
	background-image		: url('../images/index/hyves-hover.jpg');
}

#container #content #right-side #hyves a{
	display					: block;
}

#container #content #right-side #hyves a:hover img {
	visibility				: hidden;
}

#container #content #right-side #facebook {
	margin					: 15px 0px 0px 18px;
	width					: 90px; 
	height					: 24px;
	background-image		: url('../images/index/facebook-hover.jpg');
}

#container #content #right-side #facebook a{
	display					: block;
}

#container #content #right-side #facebook a:hover img {
	visibility				: hidden;
}

#container #content #right-side #myspace {
	margin					: 15px 0px 0px 18px;
	width					: 90px; 
	height					: 25px;
	background-image		: url('../images/index/myspace-hover.jpg');
}

#container #content #right-side #myspace a{
	display					: block;
}

#container #content #right-side #myspace a:hover img {
	visibility				: hidden;
}

#container #content #right-side #twitter_btn {
	margin					: 15px 0px 0px 18px;
	width					: 90px; 
	height					: 25px;
	background-image		: url('../images/index/twitter-hover.jpg');
}

#container #content #right-side #twitter_btn a{
	display					: block;
}

#container #content #right-side #twitter_btn a:hover img {
	visibility				: hidden;
}

#container #content #right-side #youtube {
	margin					: 15px 0px 0px 18px;
	width					: 90px; 
	height					: 24px;
	background-image		: url('../images/index/youtube-hover.jpg');
}

#container #content #right-side #youtube a{
	display					: block;
}

#container #content #right-side #youtube a:hover img {
	visibility				: hidden;
}