/* @group General stuff */
* {
	margin: 0;
	padding: 0;
}

body {
	font: 62% "Verdana";
}
/* @end */

/* @group Layout */
#wrapper{
	background: url(gfx/bg-content.jpg) no-repeat;
	height: 657px;
	margin: 30px auto 0 auto;
	width: 880px;
}
#content{
	float: left;
	height: 566px;
	left: 20px;
	overflow: auto;
	position: relative;
	top: 38px;
	width: 402px;
}
	#content #logo{
		height: 500px;
	}
	#content #all_albums{
		height: 500px;
	}
	#content div.release{
		margin: 0 0 30px 0;
		overflow: hidden;
	}
	#content div.release div.image img{
		float: left;
		height: 200px;
		margin: 0 10px 0 0;
		width: 200px;
	}
	#content div.more{
		margin: 0 0 30px 0;
	}
#navigation{
	float: right;
	height: 657px;
	position: relative;
	width: 417px;
}
	#navigation ul{
		list-style: none;
	}
	#navigation ul li#shows{
		background: url(gfx/shows.jpg) no-repeat;
		height: -129px;
		left: 84px;
		position: absolute;
		top: 99px;
		width: 217px;
	}
		#navigation ul li#shows a{
			display: block;
			height: 80px;
			outline: none;
			width: 217px;
		}
		#navigation ul li#shows a span{
			display: block;
			text-indent: -9999px;
		}		
	#navigation ul li#albums{
		background: url(gfx/albums.jpg) no-repeat;
		height: 74px;
		left: 113px;
		position: absolute;
		top: 248px;
		width: 252px;
	}
		#navigation ul li#albums a{
			display: block;
			height: 74px;
			outline: none;
			width: 212px;
		}
		#navigation ul li#albums a span{
			display: block;
			text-indent: -9999px;
		}

	#navigation ul li#more{
		background: url(gfx/more.jpg) no-repeat;
		height: 74px;
		left: 53px;
		position: absolute;
		top: 302px;
		width: 212px;
	}
		#navigation ul li#more a{
			display: block;
			height: 74px;
			outline: none;
			width: 212px;
		}
		#navigation ul li#more a span{
			display: block;
			text-indent: -9999px;
		}
#navigation address{
	background: url(gfx/contact.jpg) no-repeat;
	height: 41px;
	left: 45px;
	position: absolute;
	top: 393px;
	width: 335px;
}	
	#navigation address span{
		display: block;
		text-indent: -9999px;
	}

/* @end */