a:link 		{color: #fff; text-decoration: none; }
a:visited 	{color: #fff; text-decoration: none; }
a:hover 	{color: #302726; text-decoration: none; }
a:active 	{color: #fff; text-decoration: none; }

html {
	background: url(bg2012b.jpg) no-repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body
{
	margin-top: 30px;
	color: #fff;
}

#container{
	margin-top: auto;
	margin-bottom: auto;
}

#facebook{
	position: fixed;
	left: 15px;
	top: 15px;
}

#twitter{
	position: fixed;
	left: 15px;
	top: 50px;
}

.cover{
	height: 320px;
	z-index: 5;
}

.icon{
	border: 0px;
}

img.alignleft{
	display:inline;
	margin:7px 7px 2px 0;
	padding:0px;
	float: left;
	border: 1px solid black;
}

h1{
	color: #ffffff;
	font-size: 3.2em;
	margin-top: 0px;
	padding: 0px;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	letter-spacing: 4px;
}

h2.cover_h2{
	color: #fff;
	font-size: 1.2em;
	margin: 15px 0px -10px 0px;
	text-transform: uppercase;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 1.0em;
	position: relative;
	top: -332px;
	left: 340px;
	text-align: left;
	height: 40px;
	background-color: #000;
	padding: 5px 0px 5px 0px;
}

h3{
	color: #fff;
	font-size: 0.8em;
	margin-top: -10px;
	margin-bottom: -30px;
	padding: 0px;
	text-transform: uppercase;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	letter-spacing: 4px;
	position: relative;
	top: -332px;
	left: 340px;
	text-align: left;
	width: 360px;
	height: 40px;
	background-color: #000;
}

p{
	font-family: 'Duru Sans', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	letter-spacing: 2px;
}

#live, #music, #about, #contact{
	position: fixed;
	width: 60%;
	padding: 20px;
	left: -100%;
	bottom: 20%;
	background-color: #000;
	opacity: 0.5;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

#music{
	height: 400px;
}

.cover_text{
	position: relative;
	top: -332px;
	left: 340px;
	margin-bottom: 30px;
	text-align: left;
	font-family: 'Duru Sans', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	letter-spacing: 2px;
	background-color: #000;
}

.contact_list{
	font-family: 'Duru Sans', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	letter-spacing: 2px;
}

.contact_list_left{
	width: 250px;
}

ul{
	margin: 0px;
	list-style-type: none;
}

#bottom_menu{
	position: fixed;
	top: 0px;
	right: 3%;
	text-align: right;
	background-color: #000;
	opacity: 0.5;
	padding: 20px;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

#bottom_menu a{
	color: #fff;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 42pt;
	letter-spacing: 4px;
	line-height: 36pt;
}

#bottom_menu a:hover{
	color: #302726;
}

div#s1 li.active a {
	color: #fff;
}

div#s1 li.active {
	background-color: #fff;
}

#tf_logo {
	position: fixed;
	bottom: 7%;
	right: 3%;
	text-align: right;
	color: #fff;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 8em;
	letter-spacing: 2px;
	line-height: 0.7em;
#	background-color: #000;
	opacity:0.5;
	width: 100%;
	z-index: -1;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

span.logo_fix {
	font-size: smaller;
	color: #fff;
	letter-spacing: 40px;
	margin:0; 
	padding:0; 
} 

.aligncenter, div.aligncenter {
    border: 0px;
    margin-left: auto;
    margin-right: auto;
}

#slideshow{
	height:380px;
	width:950px;
	margin-bottom: 20px;
}

#slideshow ul{
	height:360px;
	left:10px;
	list-style:none outside none;
	overflow:hidden;
	position:absolute;
	top:100px;
	width:900px;
}

#slideshow li{
	position:absolute;
	display:block;
	z-index:10;
}

#slideshow li:first-child{
	display:block;
	z-index:1000;
	border: 0px;
}

#slideshow .slideActive{
	z-index:1000;
}

#slideshow canvas{
	display:none;
	position:absolute;
	z-index:100;
}

#slideshow .arrow{
	height:86px;
	width:60px;
	position:absolute;
	background:url('../img/arrows.png') no-repeat;
	top:60%;
	margin-top:-43px;
	cursor:pointer;
	z-index:5000;
}

#slideshow .previous{ background-position:left top;left:0;}
#slideshow .previous:hover{ background-position:left bottom;}

#slideshow .next{ background-position:right top;right:0;}
#slideshow .next:hover{ background-position:right bottom;}