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

body{
	font-size:12px;
	background-color:#000;
	background-position:top center;
background-repeat:no-repeat;
background-attachment: scroll;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	overflow-x:hidden;
}

td,th {
	font-size: 12px;
}

a:link, a:visited, a:active {
	color: #009DDB;
	text-decoration: none;
	font-size: 12px;
	outline:none;
}

a:hover {
	text-decoration: none;
	color: #333333;
	outline:none;
}

#topheader{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:5;
	height:87px;
	background:url(images/topbg.png);
	background-repeat:repeat;
	background-position:top center;
}

#artistlisting{
	position:fixed;
	left:50%;
	top:8px;
	margin-left:231px;
	height:23px;
	width:191px;
	z-index:6;
	background-repeat:no-repeat;
	background-position:top left;
}

#contenttop{
	height:200%;
	left:50%;
	margin-left:-450px;
	position:absolute;
	top:553px;
	width:900px;
	z-index:3;
	background:url(images/contenttop.png);
	background-repeat:no-repeat;
	background-position:top center;
}

#toppic{
	left:50%;
	top:120px;
	margin-left:-429px;
	position:absolute;
	width:860px;
	height:417px;
	z-index:4;
}

#content{
	left:50%;
	margin-left:-450px;
	position:absolute;
	padding-bottom:20px;
	top:575px;
	width:900px;
	z-index:4;
	background:url(images/contentmidd.png);
	background-repeat:repeat-y;
	background-position:top center;
}

#toplogo{
	position:fixed;
	top:15px;
	left:50%;
	margin-left:-450px;
	width:auto;
	z-index:6;
	height:196px;
	width:34px;
}

#flashslideslow{
	position:absolute;
	top:72px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1;
}

#Bandtitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:145px;
	letter-spacing:-5px;
	color:#333;
	line-height:150px;
	font-weight:bold;
	text-transform:uppercase;
}


#brickbottom{
	position:absolute;
	top:778px;
	left:0px;
	background:#000;
	width:100%;
	height:274px;
	z-index:2;
}

#mp3bg{
	height:auto;
	left:50%;
	margin-left:-651px;
	position:absolute;
	top:72px;
	width:900px;
	background:url(images/flashbg.png);
	z-index:2;
	background-repeat:no-repeat;
	background-position:top center;
}

#outrloop{
	left:274px;
	position:relative;
	top:-1px;
}

#artists{
	background:url(images/jumpbg.png);
	background-color:#848689;
	border:none;
	color:#DDD;
}

a.artistlinks:hover{
	color:#FFF;
	background-color:#848689;
}

.artistimagetest{
	display:block;
	background-color:#555;
	height:200px;
	width:220px;
}

a.artistlinkfull:link, a.artistlinkfull:visited, a.artistlinkfull:active {
	padding-top:10px;
	color:#848689;
	display:block;
	text-align:center;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


a.artistlinkfull:hover {
	color:#333;
}


#artistdivwrap{
	height:280px;
	left:50%;
	margin-left:-379px;
	position:absolute;
	width:760px;
	z-index:5;
	text-align:center;
}

.artistdivline1{
	height:auto;
	left:24px;
	position:absolute;
	top:22px;
	width:220;
	z-index:5;
}

.artistdivline2{
	height:auto;
	left:268px;
	position:absolute;
	top:22px;
	width:220;
	z-index:5;
}

.artistdivline3{
	height:auto;
	left:512px;
	position:absolute;
	top:22px;
	width:220;
	z-index:5;
}

.footer{
	display:block;
	position:absolute;
	height:auto;
	left:24px;
	bottom:10px;
	width:709px;
	z-index:7;
	background-color:#999;
}

	
.left{
	position:relative;
	float:left;
	width:390px;
	min-height:190px;
	top:10px;
	left:10px;
}

.right{
	position:relative;
	float:right;
	width:250px;
	min-height:190px;
	top:10px;
	right:10px;
}


a.artistthumb:link, a.artistthumb:visited, a.artistthumb:active {
	display:block;
	font-size:16px;
	position:relative;
	top:-152px;
	width:238px;
	height:25px;
	padding-top:127px;
	color:#CCC;
	background-image:url(images/thumbnails/thumbbg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	text-align:center;
	vertical-align:bottom;
	text-transform:capitalize;
	text-decoration:none;
}


a.artistthumb:hover {
	display:block;
	color:#009ddb;
}

.thumbcontain{
	display:block;
	height:152px;
	width:238px;
	overflow:hidden;
}

.blockqoute{
	display:block;
	width:90%;
	text-align:left;
	background-color:#eee;
	color:#555;
	padding:5%;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.downloaddiv{
	width:740px;
	max-height:300px;
	display:block;
	overflow-x:scroll;
	overflow-y:hidden;
}

.headlines{
	display:block;
	width:100%;
	font-size:18px;
	text-align:center;
	color:#333;
	border-bottom:#CCC;
	border-bottom-style:dashed;
	border-bottom-width:1px;
	text-transform:uppercase;
	font:Arial, Helvetica, sans-serif;
}

.testdl{
	display:block;
	height:200px;
	width:250px;
	background-color:#CCC;
}
	
	
R.{IE Styles}

*html .IEbody{
	display:block;
	position:absolute;
	width:150%;
	height:150%;
	left:0px;
	top:0px;
	background-image:url(images/IE/thesleepingpix.jpg);
	background-position:bottom center;
	z-index:999;
}

*html body{
	overflow-y:hidden
}

.IEbody{
	display:none;
}

*html .ietitle{
	display:block;
	position:absolute;
	width:717px;
	height:415px;
	left:50%;
	margin-left:-359px;
	top:130px;
	z-index:999;
}

.ietitle{
	display:none;
}



#topheader, #artistlisting, #contenttop, #content, #toplogo, #toppic, #flashslideslow, #Bandtitle, #fadingbottom, #blackout, #brickbottom, #mp3bg, #outrloop, #artists, a.artistlinks:hover, .artistimagetest, a.artistlinkfull:link, a.artistlinkfull:visited, a.artistlinkfull:active, a.artistlinkfull:hover, #artistdivwrap, .artistdivline1, .artistdivline2, .artistdivline3, .footer, .left, .right, a.artistthumb:link, a.artistthumb:visited, a.artistthumb:active, a.artistthumb:hover, .thumbcontain, .blockqoute, .downloaddiv, .headlines, .testdl{
	_display:none;
}











ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
 text-transform:capitalize;
}

ul.dropbands{
	max-height:400px;
	min-width:177px;
	overflow-y:scroll;
}

ul.dropdown li {
background-color:#111111;
color:#FFFFFF;
font-family:arial;
padding:5px 19px;
width:120px;
height:16px;
border-right-style:solid;
border-right-width:2px;
border-right-color:#444;
text-transform:capitalize;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
background-color:#231F20;
font-family:arial;
padding:5px 19px;
width:120px;
height:16px;
border-right-style:solid;
border-right-width:2px;
border-right-color:#444;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 z-index: 598;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 0px;
 left: 100%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown {
	font-size:12px;
	font:Arial, Helvetica, sans-serif;
	text-align:right;
}

ul.dropdown a:link,
ul.dropdown a:visited,
ul.dropdown a:active{
display:block;
color:#555;
font-family:arial;
outline:none;
width:152px;
height:26px;
text-decoration:none;
position:relative;
left:-20px;
top:-4px;
padding-top:5px;
text-transform:capitalize;
}

ul.dropdown a:hover{
display:block;
color:#FFF;
font-family:arial;
height:26px;
}


	/* -- level mark -- */

ul.dropdown ul {
	position:absolute;
}

ul.dropbands1{
left:0;
margin-top:6px;
width:150px;
}

ul.dropbands2{
left:160px;
margin-top:6px;
width:150px;
}

ul.dropdown ul li {
	font-size:12px;
	color:#555;
		}