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

body {
	background: #000; font-family: Arial, Helvetica, sans-serif;
	color: #999;
}

div.main {
	width: 850px; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 25px; margin: auto;
}

div.home {
	width: 750px; margin: 0 auto; height: 600px; background: url(images/smac_web_01.png); position: relative;
}

.smacLink {
	width: 233px;
	height: 28px;
	display: block;
	background: url(images/smac_menu_sprite.png) no-repeat;
	text-indent: -999em;
	margin: 20px 0;
}
.home .smacLink {
	position: absolute
}

#econLink {
	width: 289px;
	top: 387px;
	left: 42px;
	background-position: 0px -367px;
}
	#econLink:hover {
		background-position: 0px -397px;
	}
#houseLink {
	width: 349px;
	top: 387px;
	left: 389px;
	background-position: 0px -306px;
}
	#houseLink:hover {
		background-position: 0px -336px;
	}
#loveLink {
	width: 289px;
	top: 437px;
	left: 42px;
	background-position: 0px -427px;
}
	#loveLink:hover {
		background-position: 0px -457px;
	}
#KALMAFSELink {
	width: 349px;
	height: 40px;
	top: 437px;
	left: 389px;
	background-position: 0px -487px;
}
	#KALMAFSELink:hover {
		background-position: 0px -527px;
	}
#technoLink {
	width: 289px;
	top: 492px;
	left: 389px;
	background-position: 0px -574px;
}
	#technoLink:hover {
		background-position: 0px -604px;
	}


div.album {
	width: 450px;
	height: 450px;
	float: left;
	position: relative;
}
	div.tracklist {
		font-size: 12px;
		color: #CCC;
		width: 350px;
	}
	div.back {
		margin-right: 10px;
	}
		.techno .back {
			background: url(images/albums/techno_back_med.png) no-repeat;
		}
		.techno .cover {
			background: url(images/albums/techno_cover_med.png) no-repeat;
		}
		.kalmafse .cover {
			background: url(images/albums/kalmafse_cover_med.png) no-repeat;
		}
		.house .cover {
			background: url(images/albums/house_cover_med.png) no-repeat;
		}
		.economy .cover {
			background: url(images/albums/economy_cover_med.png) no-repeat;
		}
		.love_hate .cover {
			background: url(images/albums/love_hate_cover_med.png) no-repeat;
		}

	div.album div.badge {
		position: absolute;
		top: 300px; right: -15px;
		background: url(images/smac_menu_sprite.png) no-repeat;
		background-position: -233px -10px;
		width: 167px;
		height: 167px;
		text-indent: -999em;
		display: none;
	}
		.available_soon .album .badge {display: block;}
	
.cc_info {
	margin: 20px auto;
	font-size: 10px;
	text-align: center;
	color: #666;
}

.footer {
	width: 750px; margin: auto; text-align: right; color: #333; font-size: 10px; font-family: Arial, Helvetica, sans-serif;
}

.tracklist .time {
	font-size: 24px;
	margin: 0;
}

.albumTitle {
	width: 400px;
	height: 28px;
	display: block;
	background: url(images/smac_menu_sprite.png) no-repeat;
	text-indent: -999em;
	float: right;
	margin: 5px 0;
}
	.techno .albumTitle {background-position: 0 -574px}
	.house .albumTitle {background-position: 0 -306px}
	.economy .albumTitle {background-position: 0 -367px}
	.love_hate .albumTitle {background-position: 0 -427px}
	.kalmafse .albumTitle {background-position: 0 -487px; height: 40px}

	#backLink {background-position: 0 -5px; width: 100px}
	#backLink:hover {background-position: 0 -35px}
	#downloadLink {background-position: 0 -66px}
	#downloadLink:hover {background-position: 0 -96px}
	.available_soon #downloadLink {background-position: 0 -125px;}
	.available_soon #downloadLink:hover {background-position: 0 -155px;}
	#cdLink {background-position: 0 -247px;}
	#cdLink:hover {background-position: 0 -277px;}

.albumDownload {
	width: 400px; padding-left: 120px; height:80px; margin: 5px auto 20px auto; padding-top: 20px
}
.albumPhysical {
	width: 400px; padding-left: 120px; height:90px; margin: 5px auto 5px auto; padding-top: 10px;
}
	.techno .albumDownload {
		background: url(/images/albums/techno_cover.png) no-repeat top left; 
	}
	.techno .albumPhysical {
		 background: url(/images/albums/techno_CD.png) no-repeat top left;
	}
	.kalmafse .albumDownload {
		background: url(/images/albums/kalmafse_cover.png) no-repeat top left; 
	}
	.love_hate .albumDownload {
		background: url(/images/albums/love_hate_cover.png) no-repeat top left; 
	}
	.love_hate .albumPhysical {
		 background: url(/images/albums/love_hate_CD.png) no-repeat top left;
	}