body {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 15px;
	padding-top: 20px;
	margin: 0px;	
	
	background-image: url('../images/backgrounds/strat2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}

.page {
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100%;		
	-webkit-transform:translate3d(0,0,0);
}
	
/*	
.page { 
	float: left; 
	width: 20%;
}
*/	
	
.page .content { padding: 10px;	}
 
.stage-center { top: 20; left: 0; }
.stage-left { left: -100%; }
.stage-right { left: 100%; }
 
.transition {
	-moz-transition-duration: .375s;
	-webkit-transition-duration: .375s;
	-o-transition-duration: .375s;
}

td,th { font-family: Arial, Helvetica, sans-serif; }

.table { display: table; }
.row { display: table-row; }
.cell { display: table-cell; vertical-align: top; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

a:link, a:active , a:visited { color: #fff; }

a { text-decoration:none; }

audio { margin-left: 60px; }

li.playing {
	color: #ddd;
}

#leftnav { padding:10px; float:left; display:inline; }

.div-table { display: table; }
.div-table-row  { display: table-row; }
.div-table-cell { display: table-cell; }
	
.setlist { font-size:14px; margin-left:auto; margin-right:auto; }	

/* header */

#main-menu-bar { position: relative; 
	z-index:5; 
	background-color: rgb(0, 0, 0); 
	opacity: 0.1; 
	filter:alpha(opacity=10); 
	height:40px; 
	width: 99%; 
}

.main-menu { position: absolute; z-index:100; top:22px; left: 40px;  }

.menu-button { width: 100px; }

.logo {
	position: relative;
	height: 45px;
	float: right;
	top:-5px;
}

ul.songlist {
	list-style: none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;	
}

div.songlist .text { width: 140px; }

/*
.padder { padding: 15px; }

sound { width:200px; }

#bg {
   height: 200%;
   left: -50%;
   position: fixed;
   top: -50%;
   width: 200%;
}

#bg img {
    bottom: 0;
    left: 0;
    margin: auto;
    min-height: 50%;
    min-width: 50%;
    position: absolute;
    right: 0;
    top: 0;
}

.scroll-wrapper {  width: 100%; height: 100%; overflow: hidden; }

.scroll-container {
	position: relative;
	transition-property:left;
	transition-duration:0.3s;
	transition-timing-function:ease;

	-- Safari
	-webkit-transition-property:left;
	-webkit-transition-duration:0.3s;
	-webkit-transition-timing-function:ease;
}

#wrapper {
    width:500%;
    position:absolute;
    top: 100px;
	left:0;
    overflow:hidden;
}

#mask {	position: relative; }
*/