/* COMMON */
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
    background-color: #676353;
	margin: 0}
h1 {font-size:1em; }
p {font-size: 0.9em}
.header{font-weight:bold; }

/* LAYOUT */
#container {position: relative; width: 760px; margin: 0 auto;}	
#container img {border: 0px; margin: 0px;}
#banner {position: absolute; top: 0px; left: 0px; z-index: 1;}
#band {position: absolute; top: 200px; left: 0px; width:760px ; height:523px; z-index: 1;}
#flash {position: absolute; top: 95px; left: 0px; z-index: 2;}
#rollover {position: absolute; top: 54px; left: 463px; height: 36px; width: 296px;  z-index: 2; margin: 0px;}
#rollover a {display: block; width: 296px; height: 37px; }
#rollover a:link {display: block; width: 296px; height: 37px; background: url(../images/rollover.jpg) no-repeat; }
#rollover a:visited {display: block; width: 296px; height: 37px; background: url(../images/rollover.jpg) no-repeat; }
#rollover a:hover {display: block; width: 296px; height: 37px; background-position: right top;}
#dates {position: absolute; top: 0px; left : 590px; height: 30px; width: 170px;  z-index: 3;  
margin: 0px;}
#jukebox {position: absolute; top: 0px; left : 590px; height: 30px; width: 170px;  z-index: 3;  
margin: 0px;}
#jukebox a {display: block; width: 170px; height: 30px; }
#jukebox a:link {display: block; width: 170px; height: 30px; background: url(../images/jukebox.jpg) no-repeat; }
#jukebox a:visited {display: block; width: 170px; height: 30px; background: url(../images/jukebox.jpg) no-repeat; }
#jukebox a:hover {display: block; width: 170px; height: 30px; background-position: right top;}
#textbox {width:450px; padding:10px;}
#textbox2 {position:absolute; left:300px; 450px; padding:10px;}

/*MENU STYLING*/
#menu {position:absolute; top:10px; right:0px; height:30px; z-index:3;}
#menu ul { margin:0; padding:0; list-style:none; width:720px;  float:right;} 	
#menu ul li {display:block; float:right; }
#menu ul a  {display:block; padding: 0 35px 0 25px; text-decoration:none; width:auto; line-height:1.4em; font-size: 0.7em; background:url(../images/menu-item.jpg) no-repeat left center;
color:#ffffff;}
#menu ul a:hover  { background:url(../images/menu-hover.jpg) no-repeat left center;
color:#ffffff;}
#menu ul .selected a {background:url(../images/menu-selected.jpg) no-repeat left center; color:#ffffff;}
#menu ul .selected a:hover {background:url(../images/menu-selected.jpg) no-repeat left center; color:#ffffff;}

/*PAGE SPECIFIC*/
#contact {position: absolute; top: 95px; left: 0px; width:760px ; height:523px; z-index: 1; background:url(../images/more-ugly-fuckers.jpg);}
#dates {position: absolute; top: 95px; left: 0px; width:760px ; height:523px; z-index: 1; background:url(../images/gig.jpg) no-repeat top #d1cfd4;}
#links {position: absolute; top: 95px; left: 0px; width:760px ; height:523px; z-index: 1; background:url(../images/cards.jpg);}