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

html {
	height : 100%;
}

body,td,th {
	color: #FFFFFF;
}

body {
	background-color: #000000;
	background-image:url(../images/topborder-bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 37px;
	margin-right: 0px;
	margin-bottom: 0px;	
	overflow-x: hidden;
	display: block;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#maincontainer {
	width: 100%;
	height: 100%;	
	position: relative;
	display: inline-block;
	background-image:url(../images/mainbg.jpg);
	background-position: center;
	background-repeat: repeat-y;
}
#headcontainer {
	width: 100%;
	height: 386px;	
	margin-left: 1px;
	display: inline-block;	
	position: relative;
	top: 0;
	background-image:url(../images/marbled.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
#head {
	width: 944px;
	height: 284px;
	top: 34px;
	left: 50%;
	margin-left: -472px;
	position: relative;
	background-image:url(../images/bannerbg.png); 
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
}

.style2{
font-color: grey;

}

#headvenue {
	width: 944px;
	height: 284px;
	top: 34px;
	left: 50%;
	margin-left: -472px;
	position: relative;
	background-image:url(../images/banner-thehall.png); 
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
}

#headcafe {
	width: 944px;
	height: 284px;
	top: 34px;
	left: 50%;
	margin-left: -472px;
	position: relative;
	background-image:url(../images/banner-cafe.png); 
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
}

#headtheatre {
	width: 944px;
	height: 284px;
	top: 34px;
	left: 50%;
	margin-left: -472px;
	position: relative;
	background-image:url(../images/banner-theatre.png); 
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
}

#headrecording {
	width: 944px;
	height: 284px;
	top: 34px;
	left: 50%;
	margin-left: -472px;
	position: relative;
	background-image:url(../images/banner-studio.png); 
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
}

#headartist {
	width: 944px;
	height: 284px;
	top: 34px;
	left: 50%;
	margin-left: -472px;
	position: relative;
	background-image:url(../images/banner-artist.png); 
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
}
#headhistory {
	width: 944px;
	height: 284px;
	top: 34px;
	left: 50%;
	margin-left: -472px;
	position: relative;
	background-image:url(../images/banner-history.png); 
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
}
#headcommunity {
	width: 944px;
	height: 284px;
	top: 34px;
	left: 50%;
	margin-left: -472px;
	position: relative;
	background-image:url(../images/banner-community.png); 
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
}
#headcontacts {
	width: 944px;
	height: 284px;
	top: 34px;
	left: 50%;
	margin-left: -472px;
	position: relative;
	background-image:url(../images/banner-contacts.png); 
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
}


#logo{
	width: 333px;
	left: 50%;
	margin-left: -490px;
	top: 0;
	height: 36px;
	position: absolute;
	background-image: url(../images/logo.png);
	display: block;
}

#heading{
	width: 500px;
	left: 50%;
	margin-left: 70px;
	repeat: 0;
	top: 7px;
	height: 60px;
	position: absolute;
	background-repeat: no-repeat;
	background-image: url(../images/heading.png);
	display: block;
}

#fadeout {
	clear: both;
	width: 100%;
	height: 69px;
	display: inline-block;
	position: relative;
	background-image: url(../images/bottomfade.png);
	background-position: center;
	background-repeat: no-repeat;
}

#content {
  	top: -55px;
	position: relative;
	width: 862px;
	min-height: 300px;
	left: 50%;
	margin-left: -434px;
	padding-left: 2px;
	padding-right: 2px;

	
}

#contentleft {
	top: -25px;
	display: inline-block;
	width: 532px;
	position: relative;
	float: left;
	padding: 15px;
	color: #b0b4b5;

	
}

#contentright {
	top: 0px;
	display: inline-block;
	width: 265px;
	position: relative;
	float: left;
	padding: 12px;
}

.style1{
	font-size: 16px;
}

/** Menu Code **/

#navigation {
	left: 180px;
	width: 720px;
	top: -30px;
	height: 36px;
	color: #FF0000;
	display: inline;
	position: relative;
}

#navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 0px;
	margin-left: 0px;	
}

#navigation li {
	float: left;
}

#homebtn {
	display: block;
	width: 143px;
	height: 30px;
	background: url('../images/events.png') no-repeat 0 0;
}


#homebtn:hover {
	background-position: 0 -30px;
}

#homebtn span {
	display: none;
}

#historybtn {
	display: block;
	width: 143px;
	height: 30px;
	background: url('../images/home.png') no-repeat 0 0;
}

#historybtn:hover {
	background-position: 0 -30px;
}

#historybtn span {
	display: none;
}

#eventsbtn {
	display: block;
	width: 143px;
	height: 30px;
	background: url('../images/history.png') no-repeat 0 0;
}

#eventsbtn:hover {
	background-position: 0 -30px;
}

#eventsbtn span {
	display: none;
}

#gallerybtn {
	display: block;
	width: 143px;
	height: 30px;
	background: url('../images/community.png') no-repeat 0 0;
 
}

#gallerybtn:hover {
	background-position: 0 -30px;
}

#gallerybtn span {
	display: none;
}

#contactbtn {
	display: block;
	width: 143px;
	height: 30px;
	background: url('../images/contacts.png') no-repeat 0 0;
}

#contactbtn:hover {
	background-position: 0 -30px;
}

#contactbtn span {
	display: none;
}

.headstyle {
	color: white;
	}

a:link {
	COLOR: white;
}
a:visited {
	COLOR: white;
}
a:hover {
	COLOR: grey;
}
a:active {
	COLOR: white;
}

/** End Menu **/


/** Start Slider **/ 

a img {
	border : 0;
}

div.wrap {
width : 944px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 944px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 0;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 299px;
background : url(../images/header-bg.png) no-repeat 50% 0;
}
div#header div#slide-holder {
z-index : 40;
width : 944px;
height : 299px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
top: 1px;
/*
top : 9px;
left : 9px;*/
width : 944px;
height : 278px;
overflow : hidden;
position : absolute;
}

div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 5px;
bottom : 228px;
width : 944px;
height : 46px;
display : none;
position : absolute;
/*background : url(../images/slide-bg.png) 0 0; */
}

div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}

div#header div#slide-holder div#slide-controls p#slide-nav a {
	color: #fff;
}

div#header div#slide-holder div#slide-controls p#slide-nav a:hover {
	color: #ccc;
}

div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../images/silde-nav.png);
}
div#nav ul li a {
background : url(../images/nav.png) no-repeat;
}

#slide-client, #slide-desc {
	display: none;
	visibility: hidden;
}

/** End Slider **/