html{color:#fff;background:#000;}

body {
	text-align: center;
	margin: 0 auto;
	background-image: url('../images/background.jpg');
	background-repeat: repeat-y;
	background-attachment: fixed;}
	
#content {
	display: block; 
	/*height: 100%;*/}	
	
img.preload {display:none;}		

/* -------------------------------- header ---------------------------------- */
#header {height: 250px;}

img.thickline {
	z-index: 0;
	position: relative;
	left: 24px;
	top: -226px;}
	
img.banner {
	z-index: 1;
	position: relative;
	top: -7px;}

img.toplogo {
	z-index: 2;
	clear: both;
	position: relative;
	left: -340px;
	top: -170px;
	border: 0;
	margin: 0;
	outline:0;}
	
.toplogolink a {border: 0; margin: 0; outline:0;}
.toplogolink a:active img, a:focus img {border: 0; margin: 0; outline:0;}

img.subheadline {
	z-index: 3;
	position: relative;
	left: -40px;
	top: -230px;}
	
/* ---------------------------------- bands --------------------------------- */

#bands {
		margin: 0px auto 0px auto;
		width: 1069px;
		min-height: 640px;}

#bands .bandslogo	{
		z-index: 1;
		position: relative;
		left: 45px;
		top: -20px;
		width: 300px;
		height: 242px;
		border: 0px;
		float: left;}
		
#bands .contactlogo	{
		z-index: 1;
		position: relative;
		left: 45px;
		top: 20px;
		width: 360px;
		height: 242px;
		border: 0px;
		float: left;}		
		
#bands .contactlogo	img {
		z-index: 1;
		position: relative;
		left: -25px;
		top: 60px;
		border: 0px;}			
		
#bands .singles {
		z-index: 1;
		position: relative;
		left: 35px;
		top: 92px;
		background-image: url(../images/singles.png);
		width: 179px;
		height: 50px;
		border: 0px;
		float: left;}
		
#bands .singles_h1 {
		z-index: 1;
		position: relative;
		left: -30px;
		top: 92px;
		background-image: url(../images/singles.png);
		width: 179px;
		height: 50px;
		border: 0px;
		float: right;}		
		
#bands .albums {
		z-index: 1;
		position: relative;
		left: 170px;
		top: 91px;
		background-image: url(../images/albums.png);
		width: 194px;
		height: 50px;
		border: 0px;
		float: left;}		
		
#bands .albums_h1 {
		z-index: 1;
		position: relative;
		left: -30px;
		top: 91px;
		background-image: url(../images/albums.png);
		width: 194px;
		height: 50px;
		border: 0px;
		float: right;}					
		
#bands .slimline {
		z-index: 0;
		position: relative;
		top: -105px;
		left: 0px;}		

/* -------------------------------------------------------------------------- */		
.bandsmenu1, .bandsmenu2, #s_covers, #a_covers {
		float: left;
		margin: 5px;}
		
.bandsmenu1, .bandsmenu2 {
		z-index: 2;
		position: relative;
		top: 135px;
		left: 40px;
		background: transparent;}		

.bandsmenu1 {width: 97px; height: 140px;}
.bandsmenu2 {width: 127px; height: 160px;}		

/* grey menu images */
.bm1, .bm2, .bm3, .bm4, .bm5, .bm6, .bm7, .bm8, .bm9, .bm10, .bm11, .bm12, .bm13, 
.bm14, .bm15, .bm16, .bm17,
/* red menu images */
.bm-r1, .bm-r2, .bm-r3, .bm-r4, .bm-r5, .bm-r6, .bm-r7, .bm-r8, .bm-r9, .bm-r10, 
.bm-r11, .bm-r12, .bm-r13, .bm-r14, .bm-r15, .bm-r16, .bm-r17 {
		height: 17px;
		background-repeat: no-repeat;}

/* grey menu images */
.bm1 {background-image: url(../images/bandsmenu/01-g.png);}
.bm2 {background-image: url(../images/bandsmenu/02-g.png);}
.bm3 {background-image: url(../images/bandsmenu/03-g.png);}
.bm4 {background-image: url(../images/bandsmenu/04-g.png);}
.bm5 {background-image: url(../images/bandsmenu/05-g.png);}
.bm6 {background-image: url(../images/bandsmenu/06-g.png);}
.bm7 {background-image: url(../images/bandsmenu/07-g.png);}
.bm8 {background-image: url(../images/bandsmenu/08-g.png);}
.bm9 {background-image: url(../images/bandsmenu/09-g.png);}
.bm10 {background-image: url(../images/bandsmenu/10-g.png);}
.bm11 {background-image: url(../images/bandsmenu/11-g.png);}
.bm12 {background-image: url(../images/bandsmenu/12-g.png);}
.bm13 {background-image: url(../images/bandsmenu/13-g.png);}
.bm14 {background-image: url(../images/bandsmenu/14-g.png);}
.bm15 {background-image: url(../images/bandsmenu/15-g.png);}
.bm16 {background-image: url(../images/bandsmenu/16-g.png);}
.bm17 {background-image: url(../images/bandsmenu/17-g.png);}

/* red menu images */
.bm-r1 {background-image: url(../images/bandsmenu/01-r.png);}
.bm-r2 {background-image: url(../images/bandsmenu/02-r.png);}
.bm-r3 {background-image: url(../images/bandsmenu/03-r.png);}
.bm-r4 {background-image: url(../images/bandsmenu/04-r.png);}
.bm-r5 {background-image: url(../images/bandsmenu/05-r.png);}
.bm-r6 {background-image: url(../images/bandsmenu/06-r.png);}
.bm-r7 {background-image: url(../images/bandsmenu/07-r.png);}
.bm-r8 {background-image: url(../images/bandsmenu/08-r.png);}
.bm-r9 {background-image: url(../images/bandsmenu/09-r.png);}
.bm-r10 {background-image: url(../images/bandsmenu/10-r.png);}
.bm-r11 {background-image: url(../images/bandsmenu/11-r.png);}
.bm-r12 {background-image: url(../images/bandsmenu/12-r.png);}
.bm-r13 {background-image: url(../images/bandsmenu/13-r.png);}
.bm-r14 {background-image: url(../images/bandsmenu/14-r.png);}
.bm-r15 {background-image: url(../images/bandsmenu/15-r.png);}
.bm-r16 {background-image: url(../images/bandsmenu/16-r.png);}
.bm-r17 {background-image: url(../images/bandsmenu/17-r.png);}


.bandsmenu1 a, .bandsmenu1 a:active, .bandsmenu1 a:focus {border: 0; margin: 0; outline:0;}
.bandsmenu2 a, .bandsmenu2 a:active, .bandsmenu2 a:focus  {border: 0; margin: 0; outline:0;}

.bandsmenu1 a:hover .bm1 {background-image: url(../images/bandsmenu/01-r.png); cursor: pointer;}
.bandsmenu1 a:hover .bm2 {background-image: url(../images/bandsmenu/02-r.png); cursor: pointer;}
.bandsmenu1 a:hover .bm3 {background-image: url(../images/bandsmenu/03-r.png); cursor: pointer;}
.bandsmenu1 a:hover .bm4 {background-image: url(../images/bandsmenu/04-r.png); cursor: pointer;}
.bandsmenu1 a:hover .bm5 {background-image: url(../images/bandsmenu/05-r.png); cursor: pointer;}
.bandsmenu1 a:hover .bm6 {background-image: url(../images/bandsmenu/06-r.png); cursor: pointer;}
.bandsmenu1 a:hover .bm7 {background-image: url(../images/bandsmenu/07-r.png); cursor: pointer;}
.bandsmenu1 a:hover .bm8 {background-image: url(../images/bandsmenu/08-r.png); cursor: pointer;}
/* -- */
.bandsmenu2 a:hover .bm9 {background-image: url(../images/bandsmenu/09-r.png); cursor: pointer;}
.bandsmenu2 a:hover .bm10 {background-image: url(../images/bandsmenu/10-r.png); cursor: pointer;}
.bandsmenu2 a:hover .bm11 {background-image: url(../images/bandsmenu/11-r.png); cursor: pointer;}
.bandsmenu2 a:hover .bm12 {background-image: url(../images/bandsmenu/12-r.png); cursor: pointer;}
.bandsmenu2 a:hover .bm13 {background-image: url(../images/bandsmenu/13-r.png); cursor: pointer;}
.bandsmenu2 a:hover .bm14 {background-image: url(../images/bandsmenu/14-r.png); cursor: pointer;}
.bandsmenu2 a:hover .bm15 {background-image: url(../images/bandsmenu/15-r.png); cursor: pointer;}
.bandsmenu2 a:hover .bm16 {background-image: url(../images/bandsmenu/16-r.png); cursor: pointer;}
.bandsmenu2 a:hover .bm17 {background-image: url(../images/bandsmenu/17-r.png); cursor: pointer;}
/* -------------------------------------------------------------------------- */		
		
#s_covers, #a_covers {
		z-index: 2;
		position: relative;
		top: -60px;
		left: 40px;
		width: 360px;}	
		
#s_covers .thumbs {
  	width: 110px;
  	height: 110px;
  	float: left;
  	margin: 5px;}		
				
#a_covers .thumbs {
  	width: 170px;
  	height: 170px;
  	float: left;
  	margin: 5px;}			
		
/* ---------------------------------------------------- */
#infotxt {
		float: left;
		display: inline;
		position: relative;
		top: -230px;
		left: 55px;
		width: 220px;
		height: 150px;
		padding: 5px;
		margin: 5px;
		text-align: left;
		font-size: 12px;
		font-weight: bold;
		font-family: Courier, Verdana, Arial, sans-serif;
		
	}

/* --------------------------- */
#covers {
		display: inline;
		float: right;
		z-index: 2;
		position: relative;
		top: -50px;
		left: -50px;
		width: 730px;
		padding: 0px;}
		
#front_cover, #back_covers {
		float: left;
		display: inline;
		width: 360px;
		margin: 0px;
		padding: 0px;}
	
#back_covers {
		margin-left: 10px;}	

/* -------------------------------------------------------------------------- */
* {
    font-family: Verdana, Helvetica;
    font-size: 10pt;}
		
.highslide {
	cursor: /*url(../js/graphics/zoomin.cur),*/ pointer;
    outline: none;}
		
.highslide-active-anchor img {
	visibility: hidden;}
	
.highslide-wrapper {
	background: black;}
	
.highslide-image {
	border: 4px solid #ccc;}
	
.highslide-image-blur {}

.highslide-caption {
    display: none;
    font-family: Verdana, Helvetica;
    font-size: 12px;
		color: #666;
    border-top: none;
    padding: 3px;
		padding-top: 0px;
		padding-bottom: 5px;
		margin-bottom: 0px;
    background-color: #ccc;}
		
.highslide-caption a {
		color: #666;}
		
.highslide-loading {
    display: block;
  	color: white;
  	font-size: 9px;
  	font-weight: bold;
  	text-transform: uppercase;
    text-decoration: none;
  	padding: 3px;
  	border-top: 1px solid black;
		border-bottom: 1px solid black;
    background-color: black;
    padding-left: 22px;
    background-image: url(../js/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;}

/* These must always be last */
.highslide-display-block {
    display: block;}
		
.highslide-display-none {
    display: none;}
/* -------------------------------------------------------------------------- */



/* ------------------------------ homepage menu ----------------------------- */
#mainmenu {
    text-align: center;
		margin: 0px auto 0px auto;
		width: 1069px;
		height: 640px;
		paddng: 0px;}	
			
#menu1 {
	background-image: url(../images/mainmenu/mw-sliced_01.png);
	float: left;
	width: 243px;
	height: 173px;}

#menu1:hover {
	background-image:url(../images/mainmenu/mw-highlighted_01.png);
	cursor: pointer;}	
	
#menu2 {
	background-image: url(../images/mainmenu/mw-sliced_02.png);
	float: left;
	width: 300px;
	height: 173px;}

#menu2:hover {
	background-image:url(../images/mainmenu/mw-highlighted_02.png);
	cursor: pointer;}	

#menu3 {
	background-image: url(../images/mainmenu/mw-sliced_03.png);
	float: left;
	width: 287px;
	height: 157px;}

#menu3:hover {
	background-image:url(../images/mainmenu/mw-highlighted_03.png);
	cursor: pointer;}	

#menu4 {
	background-image: url(../images/mainmenu/mw-sliced_04.png);
	float: left;
	width: 235px;
	height: 173px;}

#menu4:hover {
	background-image:url(../images/mainmenu/mw-highlighted_04.png);
	cursor: pointer;}	

#menu5 {
	background-image: url(../images/mainmenu/mw-sliced_06.png);
	float: left;
	width: 243px;
	height: 135px;}

#menu5:hover {
	background-image:url(../images/mainmenu/mw-highlighted_06.png);
	cursor: pointer;}	

#menu6 {
	background-image: url(../images/mainmenu/mw-sliced_07.png);
	float: left;
	width: 300px;
	height: 144px;}

#menu6:hover {
	background-image:url(../images/mainmenu/mw-highlighted_07.png);
	cursor: pointer;}	

#menu7 {
	background-image: url(../images/mainmenu/mw-sliced_05.png);
	float: left;
	width: 287px;
	height: 168px;
	position: relative;
	top: -16px;}

#menu7:hover {
	background-image:url(../images/mainmenu/mw-highlighted_05.png);
	cursor: pointer;}	

#menu8 {
	background-image: url(../images/mainmenu/mw-sliced_08.png);
	float: left;
	width: 235px;
	height: 159px;}

#menu8:hover {
	background-image:url(../images/mainmenu/mw-highlighted_08.png);
	cursor: pointer;}	

#menu9 {
	background-image: url(../images/mainmenu/mw-sliced_09.png);
	float: left;
	width: 243px;
	height: 124px;
	position: relative;
	top: -33px;}

#menu9:hover {
	background-image:url(../images/mainmenu/mw-highlighted_09.png);
	cursor: pointer;}	

#menu10 {
	background-image: url(../images/mainmenu/mw-sliced_10.png);
	float: left;
	width: 300px;
	height: 137px;
	position: relative;
	top: -24px;}

#menu10:hover {
	background-image:url(../images/mainmenu/mw-highlighted_10.png);
	cursor: pointer;}	

#menu11 {
	background-image: url(../images/mainmenu/mw-sliced_11.png);
	float: left;
	width: 287px;
	height: 129px;
	position: relative;
	top: -16px;}

#menu11:hover {
	background-image:url(../images/mainmenu/mw-highlighted_11.png);
	cursor: pointer;}	

#menu12 {
	background-image: url(../images/mainmenu/mw-sliced_12.png);
	float: left;
	width: 235px;
	height: 122px;
	position: relative;
	top: -9px;	
	/*clear: right;*/}

#menu12:hover {
	background-image:url(../images/mainmenu/mw-highlighted_12.png);
	cursor: pointer;}	

#menu13 {
	background-image: url(../images/mainmenu/mw-sliced_13.png);
	float: left;
	width: 243px;
	height: 163px;
	position: relative;
	top: -46px;}

#menu13:hover {
	background-image:url(../images/mainmenu/mw-highlighted_13.png);
	cursor: pointer;}	

#menu14 {
	background-image: url(../images/mainmenu/mw-sliced_14.png);
	float: left;
	width: 300px;
	height: 141px;
	position: relative;
	top: -24px;}

#menu14:hover {
	background-image:url(../images/mainmenu/mw-highlighted_14.png);
	cursor: pointer;}
		
#menu15 {
	background-image: url(../images/mainmenu/mw-sliced_15.png);
	float: left;
	width: 287px;
	height: 141px;
	position: relative;
	top: -24px;}

#menu15:hover {
	background-image:url(../images/mainmenu/mw-highlighted_15.png);
	cursor: pointer;}	

#menu16 {
	background-image: url(../images/mainmenu/mw-sliced_16.png);
	float: left;
	width: 235px;
	height: 141px;
	position: relative;
	top: -24px;}

#menu16:hover {
	background-image:url(../images/mainmenu/mw-highlighted_16.png);
	cursor: pointer;}

/* ----------------------------- */ 

.emailaddr {
  position: relative;
  top: 0px;
  left: 70px;
	font-size: 20px;
  font-family: Courier, Verdana, Arial, sans-serif;
  letter-spacing: 1px;}
					 	
	
/* ---------------------------------- footer -------------------------------- */
#footer {
	position: relative;
	top: -50px;}

#footer .slimline {
	position: relative;}
	
#contact_info {
            	position: relative;
            	top: 0px;
							left: -100px;
							text-align: right;
}

#contact_info a {border: 0; margin: 0; outline:0;}
#contact_info a:active img, a:focus img {border: 0; margin: 0; outline:0;}

#counter {
	position: relative;
	left: -50px;
	top: 40px;
}
/* -------------------------------------------------------------------------- */