/* SHELL */

* {
margin:0px auto;
border:0px auto;
padding:0px auto;
}

html,body {
	height:100%;
	background-color: #FFFFFF;
	background-image: url(grafx/bg-stripes.gif);
	background-repeat: repeat-y;
	background-position: top center;
	text-align: center;
	min-width: 812px;
}
		
.container {
	background-color: #FFFFFF;
	text-align: left;
	width: 812px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
}


/* INSIDE CONTAINER */


.logo {
width: 366px;
height: 112px;
position: absolute;
margin-left: 12px;
margin-top: 12px;
}

.navigation {
width: 366px;
height: 83px;
position: absolute;
margin-left: 12px;
margin-top: 136px;
}

.sidebar {
width: 366px;
height: auto;
position: absolute;
margin-left: 12px;
margin-top: 232px;
}
	
	.mainbar-top {
	background-image: url(grafx/sidebar-top.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 366px;
	line-height: 2px;
	font-size: 2px;
	}
	
	.mainbar-content {
	background-color: #3e3e3e;
	width: 366px;
	height: auto;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	}
	
	.mainbar-bottom {
	background-image: url(grafx/sidebar-bottom.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 366px;
	line-height: 2px;
	font-size: 2px;
	}
	
	.mainbar2-top {
	margin-left: 0px;
	margin-top: 12px;
	margin-bottom: 0px;
	margin-right: 0px;
	background-image: url(grafx/sidebar2-top.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 366px;
	line-height: 2px;
	font-size: 2px;
	}
	
	.mainbar2-content {
	background-color: #666666;
	width: 366px;
	height: auto;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	}
	
	.mainbar2-bottom {
	background-image: url(grafx/sidebar2-bottom.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 366px;
	line-height: 2px;
	font-size: 2px;
	}

.header {
width: 409px;
height: 208px;
position: absolute;
margin-left: 390px;
margin-top: 12px;
}

.textarea {
overflow: auto;
width: 409px;
position: absolute;
margin-left: 390px;
margin-top: 220px;
}


/* TEXT FORMATTING */


ul {
	list-style-image: url(grafx/burstbullet.gif);
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	line-height: 18px;
}

li {
	margin-bottom: 0px;
	margin-left: 24px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	font: 11px Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 18px;
}

.sidetext {
	padding-left: 12px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 0px;
	font: 10px Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 18px;
	text-align: justify;
}

.sidetextnopadding {
	padding-left: 12px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	font: 10px Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 18px;
	text-align: justify;
}

.sideheader {
	padding-left: 12px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	font: 12px Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 18px;
	text-align: justify;
}

.maintext {
	margin-left: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 12px;
	font: 11px Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-align: justify;
}

.mainheader {
	margin-left: 0px;
	margin-top: 22px;
	margin-right: 0px;
	margin-bottom: 0px;
	font: 12px Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-align: justify;
}

.quote {
	margin-left: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	font: 12px Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-align: left;

}

.floattext {
	margin-left: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 12px;
	font: 11px Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-align: justify;
	vertical-align: middle;
}

a {
color: #007842;
text-decoration: underline;
}

a:active {
color: #019d54;
text-decoration: underline;
}

a:visited {
color: #015a30;
text-decoration: underline;
}

a:hover {
color: #019d54;
text-decoration: underline;
}

a.sidelink {
color: #FFFFFF;
text-decoration: underline;
}

a.sidelink:active {
color: #FFFFFF;
text-decoration: underline;
}

a.sidelink:visited {
color: #cccccc;
text-decoration: underline;
}

a.sidelink:hover {
color: #019d54;
text-decoration: underline;
}


/* SPECIAL FORMATTING */


.mainhr {
color: #FFFFFF;
border-top: 0px solid #FFFFFF;
border-left: 0px solid #FFFFFF;
border-right: 0px solid #FFFFFF;
border-bottom: 1px dashed #A5AEC5;
width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

div.ReleaseInfo {
	position:relative;
	left:0px;
	top:0px;
	width:342px;
	height:157px;
	margin-left: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 12px;
}

	.album {
		position:absolute;
		width: 165px;
		height: 157px;
		left: 0px;
		top: 0px;
		margin-bottom: 0px;
	}
	
	.buypaypal {
		position:absolute;
		left: 177px;
		top: 0px;
		width: 77px;
		height: 68px;
		margin-bottom: 12px;
	}
	
	.buyitunes {
		position:absolute;
		left: 266px;
		top: 0px;
		width: 77px;
		height: 68px;
		margin-bottom: 12px;
	}

	.releasetext {
		position:absolute;
		left: 165px;
		top: 66px;
		width: 166px;
		height: 68px;
	}

.iconbox {
	position:relative;
	width:165px;
	height:68px;
	margin-left: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}

.releasebox {
	position:relative;
	width:165px;
	height:68px;
	margin-left: 12px;
	margin-top: 12px;
	margin-bottom: 0px;
	margin-right: 0px;
}

.chooser {
	position:absolute;
	left:182px;
	top:24px;
	width:160px;
	text-align: center;
	font: 10px Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 18px;
}

.floatleft {
overflow: auto;
float: left;
width: 160px;
position: relative;
display: inline;
margin-left: 0px;
margin-right: 12px;
margin-top: 18px;
margin-bottom: 12px;
}

.floatright {
overflow: auto;
float: right;
width: 160px;
position: relative;
display: inline;
margin-left: 12px;
margin-right: 0px;
margin-top: 18px;
margin-bottom: 12px;
}

.floatrightmain {
overflow: auto;
float: right;
width: 205px;
position: relative;
display: inline;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.sideright {
overflow: auto;
float: right;
width: 189px;
position: relative;
display: inline;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.maptext {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font: 10px Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	line-height: 12px;
	width: 180px;
}


/* NAVIGATION THUMBS - ARTISTS */


div.Thumbs {
	width:342px;
	height:228px;
	margin-left: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	position: relative;
}

	div.John_ {
		position:absolute;
		left:0px;
		top:0px;
		width:165px;
		height:68px;
	}
	
	div.Julie_ {
		position:absolute;
		left:177px;
		top:0px;
		width:165px;
		height:68px;
	}
	
	div.Nick_ {
		position:absolute;
		left:0px;
		top:80px;
		width:165px;
		height:68px;
	}
	
	div.Owen_ {
		position:absolute;
		left:177px;
		top:80px;
		width:165px;
		height:68px;
	}
	
	div.Eggshell_ {
		position:absolute;
		left:0px;
		top:160px;
		width:165px;
		height:68px;
	}


/* NAVIGATION THUMBS - MAIN */


div.nav {
	position:relative;
	left:0px;
	top:0px;
	width:367px;
	height:83px;
}

	div.news {
		position:absolute;
		left:0px;
		top:0px;
		width:83px;
		height:83px;
	}
	
	div.artists {
		position:absolute;
		left:94px;
		top:0px;
		width:83px;
		height:83px;
	}
	
	div.releases {
		position:absolute;
		left:189px;
		top:0px;
		width:84px;
		height:83px;
	}
	
	div.shows {
		position:absolute;
		left:284px;
		top:0px;
		width:83px;
		height:83px;
	}


/* NAVIGATION THUMBS - RELEASES */


div.AlbumThumbs_ {
	position:relative;
	left:0px;
	top:0px;
	width:342px;
	height:228px;
	margin-left: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 12px;
}

	div.John-PlansWeMade_ {
		position:absolute;
		left:0px;
		top:0px;
		width:165px;
		height:68px;
	}
	
	div.Julie-TheStolenEP_ {
		position:absolute;
		left:177px;
		top:0px;
		width:165px;
		height:68px;
	}
	
	div.Nick-AnythingIWant_ {
		position:absolute;
		left:0px;
		top:80px;
		width:165px;
		height:68px;
	}
	
	div.Owen-CubeEP_ {
		position:absolute;
		left:177px;
		top:80px;
		width:165px;
		height:68px;
	}
	
	div.Eggshell-LifeIs_ {
		position:absolute;
		left:0px;
		top:160px;
		width:165px;
		height:68px;
	}
	div.Owen-Cube_ {
		position:absolute;
		left:177px;
		top:160px;
		width:165px;
		height:68px;
	}