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

/*MAIN*/

body {
	background: #380D06;
	font-family: Helvetica Neue, Lucida Grande, Arial;
	font-size: 8pt;
	color: #ffffff;
	text-align:center;
}

body.lightview {
	background: #ffffff;
	font-family: Helvetica Neue, Lucida Grande, Arial;
	font-size: 8pt;
	color: #000000;
	text-align:justify;
	size: 7pt;
	
}
a img { border-color: transparent !important; }
a visted { color: #ffffff }
a { color: #ffffff }

.dark {
color: #000000;
}

#main {
	width:1000px;
	height: 762px;
	position: relative;
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
}

#title {
	z-index: 2;
	width: 400px;
	height: 290px;
	position: relative;
	/*margin: 40px auto 0;*/
	margin: 0 auto;
	top: 40px;
}



#anim1 {
	z-index:0;
	position: absolute;
	top: 0;
	border: 3px solid #fff;
	width:1000px;
	height: 762px;
}

#anim2 {
	z-index:1;
	position:absolute;
	top: 0;
	border: 3px solid #fff;
	width:1000px;
	height: 762px;
}


/* Menu */

#message {
	z-index:2;
	width: 278px;
	height: 68px;
	position: relative;
	/*margin: 130px auto 0 30px;*/
	float: left;
	margin: 0 auto;
	top: 130px;
	left: 50px;
}


#story {
	z-index:2;
	width: 278px;
	height: 68px;
	position: relative;
	/*margin: 130px auto 0 50px;*/
	margin: 0 auto;
	top: 130px;
	left: 130px;
	float:left;
}

#band {
	z-index:2;
	width: 278px;
	height: 68px;
	position: relative;
	/*margin: 130px auto 0 70px;*/
	float:left;
	margin: 0 auto;
	top: 130px;
	left: 100px;
}

#player {
color: #ffffff;
z-index:3;
top: 725px;
margin: 0 auto;
padding-left: 15px;
position: absolute;
text-align:left;
}
/* hide all player controls by default */
#player span { cursor: pointer; display: none; }

/* when player is playing */
/*#player.playing #player-pause,*/
#player.playing #player-stop { display: inline; }

/* when player is paused */
#player.paused #player-resume { display: inline; }
/*#player.paused #player-stop { display: inline; }*/

/* when player is stopped */
#player.stopped #player-play { display: inline; }

#booking {
color: #ffffff;
z-index:3;
text-align: left;
float: left;
margin: 0 auto;
top: 275px;
padding-left: 15px;
position: relative;
font-size: 10.25pt;
}

#bookingOLD {
color: #FFFFFF;
text-align: right;
z-index:5;
position: relative;
margin: 0 auto;
margin-top: 335px;
padding-right: 5px;
float:right;
}

#tbflogo {
color: #ffffff;
z-index:3;
text-align: left;
top: 20px;
margin: 0 auto;
padding-left: 15px;
position: absolute;
}

/* Bubbles */

#mission {
font-size: 8pt;
color: #00000;
text-align: center;
}

/*#vertbreak {
width: 200px;
color: #ffffff;
float: left;
}*/

#bio {
text-align: center;
font-size: 8pt;
color: #000000;
text-align: justify;
float: left;
width: 350px;
margin-right: 15x;
margin-left: 25px;

}

#biotext {
font-size: 8pt;
font-family: Helvetica Neue, Lucida Grande, Arial;
font-size: 8pt;
color: #000000;
text-align: justify;
}

#bioname {
margin-left: -5px;
font-size: 10pt;
text-align: center;
}

#smallname {
margin-top: -20px;
color: #333333;
margin-bottom: 15px;
text=align: center;
}

#blackborder {
border-width: 5px;
border-style: solid;
border-color: #000000;
}

#bubble {
width:600px;
}

#contacts {
font-size: 8pt;
color: #000000;
text-align: justify;
float: left;
width: 200px;
border-right: 1px dashed black;
padding-right: 35px;
}

#videoplayer {
font-size: 8pt;
color: #999999;

float: left;

}

#greylarge {
font-size: 16pt;
color: #CCCCCC;
text-align: left;
padding-bottom: 20px;
}

#rightpanel {
padding-left: 35px;
float: left;
width:300px;
}

#descript {
font-size: 8pt;
color: #000000;
text-align: justify;
}

#supporter {
padding-top: 10px;
padding-bottom: 10px;
}