/* CSS Document */
*{ margin: 0; padding: 0; }
html{ height: 100% }
body{ font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: black; height: 100%; background-color: #3B3B3C; line-height: 20px;}
ul{ list-style: none outside none; }
#curtain-top{position: absolute; top: 0; left: 50%; margin-left: -512px; width: 1024px; height: 146px; background: transparent url("images/img-curtain-top.png") top left no-repeat; z-index: 2;}
#curtain-left{position: absolute; top: 146px; left: 50%; margin-left: -512px; width: 286px; height: 510px; background: transparent url("images/img-curtain-left.png") top left no-repeat; z-index: 0;}
#curtain-right{position: absolute; top: 146px; right: 50%; margin-right: -512px; width: 294px; height: 510px; background: transparent url("images/img-curtain-right.png") top left no-repeat; z-index: 0;}
#curtain-bottom{position: absolute; top: 656px; left: 50%; margin-left: -512px; width: 1024px; height: 192px; background: transparent url("images/img-curtain-bottom.png") top left no-repeat; z-index: 2;}
#ticket{ position: absolute; width: 315px; height: 202px; top: 630px; left: 57%; z-index: 3; }
#home-social{ position: absolute; width: 325px; height: 50px; top: 770px; left: 50%; margin-left: -360px; z-index: 3;}
#contact-social{ position: absolute; width: 311px; height: 55px; top: 570px; left: 50%; margin-left: -160px; z-index: 3;}
#secondary-social{ position: absolute; width: 200px; height: 35px; top: 10px; left: 64%; z-index: 3; }

#the-sidebar{
	position: absolute;
	top: 156px;
	left: 68%;
	width: 175px;
	height: 660px;
	background: transparent url("images/img-productions-sidebar.png") top left no-repeat;
	z-index: 4;
}

#header-link{
        position: absolute;
        top: 8px;
        left: 39%;
        width: 372px;
        height: 135px;
        z-index: 4;
}

#header-link a{
        display: block;
        width: 372px;
        height: 135px;
        text-decoration: none;
}

#header-link span{ display: none; }

#white-bg{
	width: 1022px;
	height: 828px;
	margin: 0 auto;
	background-color: white;
	overflow: hidden;
	z-index: 0;
	
}
#menu{
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	height: 135px;
	z-index: 3;
}
#menu .menu-wrap{
	width: 1024px;
	margin: 0 auto;
	height: 135px;
	background: transparent url("images/img-logo-links.png") top center no-repeat;
}
#menu .menu-wrap a{
	position: relative;	
	display: block;
	float: left;
}
#menu .menu-wrap span{ display: none; }

#content{
	position: absolute;
	top: 146px;
	left: 50%;
	margin-left: -512px;
	width: 1024px;
	z-index: 1;
}
#content .wrap {
	width: 660px;
	margin: 0 auto;
	text-align: center;
}
#content p{
	text-align: left;	
}
#content h1{
	font-size: 14px;	
}
#content h2{
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}

#content .scrollwrap{
	
}

#footer{
	position: absolute;
	top: 838px;
	left: 0;
	width: 100%;
	padding-bottom: 5px;
	background-color: #3B3B3C;
	z-index: 3;
}
#footer .footer-wrap{ width: 1024px; margin: 0 auto; overflow: hidden; color: white;}
#footer .footer-wrap a{ color: white; text-decoration: none; }
#footer .footer-wrap a:hover{ color: #B63E97; text-decoration: underline; }

#flashbanner{ width: 387px; height: 296px; margin: 0 auto; }
.footer-menu{
	padding: 10px 0 10px 0;
	float: left;
	left: 50%;
	clear: both;
	position: relative;
}

.footer-menu li{ 
	float: left;
	right: 50%;
	border-right: 1px solid white;
	padding: 0 10px 0 10px;
	position: relative;
}
.footer-menu li.nb{ border: none; }
.footer-text{
	clear: both;
	width: 100%;
	text-align: center;
}
/* Menu buttons */
.about-btn, .about-btn-selected{
	top: 54px;
	left: 45px;
	width: 50px;
	height: 18px;
	padding: 5px;
	background: transparent url("images/img-btn-about-off.png") center center no-repeat;
}
.about-btn-selcted, .about-btn:hover{ background: transparent url("images/img-btn-about-on.png") center center no-repeat; }

.productions-btn, .productions-btn-selected{
	top: 54px;
	left: 60px;
	width: 100px;
	height: 18px;
	padding: 5px;
	background: transparent url("images/img-btn-productions-off.png") center center no-repeat;
}
.productions-btn-selcted, .productions-btn:hover{ background: transparent url("images/img-btn-productions-on.png") center center no-repeat; }

.tickets-btn, .tickets-btn-selected{
	top: 54px;
	left: 75px;
	width: 55px;
	height: 18px;
	padding: 5px;
	background: transparent url("images/img-btn-tickets-off.png") center center no-repeat;
}
.tickets-btn-selcted, .tickets-btn:hover{ background: transparent url("images/img-btn-tickets-on.png") center center no-repeat; }

.auditions-btn, .auditions-btn-selected{
	top: 54px;
	left: 480px;
	width: 75px;
	height: 18px;
	padding: 5px;
	background: transparent url("images/img-btn-auditions-off.png") center center no-repeat;
}
.auditions-btn-selcted, .auditions-btn:hover{ background: transparent url("images/img-btn-auditions-on.png") center center no-repeat; }

.classes-btn, .classes-btn-selected{
	top: 54px;
	left: 497px;
	width: 60px;
	height: 18px;
	padding: 5px;
	background: transparent url("images/img-btn-classes-off.png") center center no-repeat;
}
.classes-btn-selcted, .classes-btn:hover{ background: transparent url("images/img-btn-classes-on.png") center center no-repeat; }

.contact-btn, .contact-btn-selected{
	top: 54px;
	left: 515px;
	width: 60px;
	height: 18px;
	padding: 5px;
	background: transparent url("images/img-btn-contact-off.png") center center no-repeat;
}
.contact-btn-selcted, .contact-btn:hover{ background: transparent url("images/img-btn-contact-on.png") center center no-repeat; }