 /* CSS Document */

/*GENERIC STYLES*/
/***********************************************************/
body {	
		margin:0;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#cccccc;
		text-align:center;
		background:#000000;
}

#clear{ clear:both;}

a{
	color:#cccccc;
}
#prev-perf #pp-copy a {color:#000000;}
a:visited{
	color:#bbcccc;
	text-decoration:none;
}


img{border:none;}

#container {
		width:650px;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		
}

#indented {	
	position:relative;
	width:570px;
	left:15px;
}

#header {
		width:650px;
		height:308px;
		background:url(images/index-header.jpg) 0 0 no-repeat;
}

#pp-header {
		width:618px;
		height:308px;
		background:url(images/pp-header.jpg) 0 0 no-repeat;
}

#about-header{
	width:618px;
	height:308px;
	background-image: url(images/about-us-header.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#credits-header{
	width:618px;
	height:308px;
	background-image: url(images/credits-header.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#behind-header{
	width:618px;
	height:308px;
	background-image: url(images/credits-header.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#contact-header{background:url(images/contact-header.jpg) 0 0 no-repeat; width:618px; height:308px;}

#lc-history{
	position:relative;
	float:left;
	width:618px;
	height:717px;
	background:url(images/scroll896.jpg) 0 0 no-repeat;
}

#lc-history p{
	position:relative;
	top:110px;
	left:100px;
	color:#000000;
	font-size: 16px;
	font-style: italic;
}


#review-header{background:url(images/reviews-header.jpg) 0 0 no-repeat; width:618px;height:308px;}
#copy .reviews-title{margin:30px 0 40px 0;}
#reviews-cap-end{float:left; background:url(images/reviews-end-cap.gif) 0 0 no-repeat; width:618px; height:25px;}
#reviews-copy{width:580px;text-align:left;display:block;padding-left:20px;}
#reviews-copy p{padding-bottom:30px;}
#reviews-copy a:visited{color:#bbccff; text-decoration:none; font-size: 12px}


/*NAVIGATION STYLES*/
/***********************************************************************************************/
#nav ul.navlist {
		width:900px;
		list-style-type:none;
		margin:0;
		padding:0;
}

#nav {background:url(images/nav-bg.gif) 0 0 no-repeat;height:67px;margin-top:10px;}

.navlist li {
		float:left;
		display:inline;
}

.navlist li a{
		text-decoration:none;
		height:40px;
}

.navlist li a span {
		visibility:hidden;
}

li.nav1 a{background:url(images/nav1.gif) 0 0 no-repeat;width:126px;height:67px;position:relative;float:left;display:inline;margin-left:0px;}
li.nav1 a:hover, #about li.nav1 a{background:url(images/nav1-current.gif) 0 0 no-repeat;width:126px;height:67px;position:relative;float:left;display:inline;}

li.nav2 a{background:url(images/nav2.gif) 0 0 no-repeat;width:112px;height:67px;position:relative;float:left;display:inline;margin-left:0px;}
li.nav2 a:hover, #classes li.nav2 a{background:url(images/nav2-current.gif) 0 0 no-repeat;width:112px;height:67px;position:relative;float:left;display:inline;}

li.nav3 a{background:url(images/nav3.gif) 0 0 no-repeat;width:149px;height:67px;position:relative;float:left;display:inline;margin-left:0px;}
li.nav3 a:hover, #performances li.nav3 a{background:url(images/nav3-current.gif) 0 0 no-repeat;width:149px;height:67px;position:relative;float:left;display:inline;}

li.nav4 a{background:url(images/nav4.gif) 0 0 no-repeat;width:107px;height:67px;position:relative;float:left;display:inline;margin-left:0px;}
li.nav4 a:hover, #whats-new li.nav4 a{background:url(images/nav4-current.gif) 0 0 no-repeat;width:107px;height:67px;position:relative;float:left;display:inline;}

li.nav5 a{background:url(images/nav5.gif) 0 0 no-repeat;width:127px;height:67px;position:relative;float:left;display:inline;margin-left:0px;}
li.nav5 a:hover, #contact-button-hilight li.nav5 a{background:url(images/nav5-current.gif) 0 0 no-repeat;width:127px;height:67px;position:relative;float:left;display:inline;}

#nav ul.performances-navlist {
		width:900px;
		list-style-type:none;
		margin:0;
		padding:0;
}

#nav {background:url(images/nav-bg.gif) 0 0 no-repeat;height:67px;margin-top:10px;}

.about-us-navlist li {
		float:left;
		display:inline;
}

.about-us-navlist li a{
		text-decoration:none;
		height:40px;
}

.about-us-navlist li a span {
		visibility:hidden;
}

li.anav1 a{background:url(images/nav1.gif) 0 0 no-repeat;width:126px;height:67px;position:relative;float:left;display:inline;margin-left:0px;}
li.anav1 a:hover, #about-us li.anav1 a, #prev-perf-cb li.anav1 a {background:url(images/nav1-current.gif) 0 0 no-repeat;width:126px;height:67px;position:relative;float:left;display:inline;}

li.anav2 a{background:url(images/anav2.gif) 0 0 no-repeat;width:116px;height:67px;position:relative;float:left;display:inline;margin-left:18px;}
li.anav2 a:hover, #behind-scenes li.anav2 a{background:url(images/anav2-current.gif) 0 0 no-repeat;width:116px;height:67px;position:relative;float:left;display:inline;}

li.anav3 a{background:url(images/nav5.gif) 0 0 no-repeat;width:127px;height:67px;position:relative;float:left;display:inline;margin-left:195px;}
li.anav3 a:hover, #contact-us li.nav5 a{background:url(images/nav5-current.gif) 0 0 no-repeat;width:127px;height:67px;position:relative;float:left;display:inline;}

#nav {background:url(images/nav-bg.gif) 0 0 no-repeat;height:67px;margin-top:10px;}

.history-navlist li {
		float:left;
		display:inline;
}

.history-navlist li a{
		text-decoration:none;
		height:40px;
}

.history-navlist li a span {
		visibility:hidden;
}

li.hnav1 a{background:url(images/hnav1.gif) 0 0 no-repeat;width:128px;height:53px;position:relative;float:left;display:inline;margin-left:10px;}
li.hnav1 a:hover, #prev-perf li.hnav1 a, #prev-perf-cb li.hnav1 a {background:url(images/hnav1-current.gif) 0 0 no-repeat;width:128px;height:53px;position:relative;float:left;display:inline;}

li.hnav2 a{background:url(images/hnav2.gif) 0 0 no-repeat;width:116px;height:53px;position:relative;float:left;display:inline;margin-left:18px;}
li.hnav2 a:hover, #behind-scenes li.hnav2 a{background:url(images/hnav2-current.gif) 0 0 no-repeat;width:116px;height:53px;position:relative;float:left;display:inline;}

li.hnav3 a{background:url(images/hnav3.gif) 0 0 no-repeat;width:128px;height:53px;position:relative;float:left;display:inline;margin-left:15px;}
li.hnav3 a:hover, #whats-new li.hnav3 a{background:url(images/hnav3-current.gif) 0 0 no-repeat;width:128px;height:53px;position:relative;float:left;display:inline;}

#nav {background:url(images/nav-bg.gif) 0 0 no-repeat;height:67px;margin-top:10px;}

.performances-navlist li {
		float:left;
		display:inline;
}

.performances-navlist li a{
		text-decoration:none;
		height:40px;
}

.performances-navlist li a span {
		visibility:hidden;
}

li.pnav1 a{background:url(images/nav-c_productions_01.gif) 0 0 no-repeat;width:126px;height:67px;position:relative;float:left;display:inline;margin-left:0px;}
li.pnav1 a:hover, #prev-perf li.pnav1 a, #prev-perf-cb li.pnav1 a {background:url(images/nav-c_productions_h01.gif) 0 0 no-repeat;width:126px;height:67px;position:relative;float:left;display:inline;}

li.pnav2 a{background:url(images/nav-c_productions_02.gif) 0 0 no-repeat;width:112px;height:67px;position:relative;float:left;display:inline;margin-left:0px;}
li.pnav2 a:hover, #behind-scenes li.pnav2 a{background:url(images/nav-c_productions_h02.gif) 0 0 no-repeat;width:112px;height:67px;position:relative;float:left;display:inline;}

li.pnav3 a{background:url(images/nav-c_productions_03.gif) 0 0 no-repeat;width:149px;height:67px;position:relative;float:left;display:inline;margin-left:0px;}
li.pnav3 a:hover, #whats-new li.pnav3 a{background:url(images/nav-c_productions_h03.gif) 0 0 no-repeat;width:149px;height:67px;position:relative;float:left;display:inline;}

li.pnav4 a{background:url(images/nav-c_productions_04.gif) 0 0 no-repeat;width:107px;height:67px;position:relative;float:left;display:inline;margin-left:0px;}
li.pnav4 a:hover, #whats-new li.pnav4 a{background:url(images/nav-c_productions_h04.gif) 0 0 no-repeat;width:107px;height:67px;position:relative;float:left;display:inline;}

li.pnav5 a{background:url(images/nav-c_productions_05.gif) 0 0 no-repeat;width:127px;height:67px;position:relative;float:left;display:inline;margin-left:0px;}
li.pnav5 a:hover, #whats-new li.pnav5 a{background:url(images/nav-c_productions_h05.gif) 0 0 no-repeat;width:127px;height:67px;position:relative;float:left;display:inline;}

/*INDEX BODY STYLES*/
/*****************************************************************/
#main-content{position:relative;float:left;display:inline;width:620px;margin:5px 0 0 0;border:1px solid #000000;}
#index-cap{background:url(images/body-top.gif) 0 0 no-repeat;width:618px;height:37px;}
#index-cap-end{position:relative;float:left;display:inline;background:url(images/body-footer.gif) 0 0 no-repeat;width:618px;height:21px;}
#copy{
	position:relative;
	float:left;
	display:block;
	background:url(images/body-tile.gif) 0 0 repeat-y;
	width:618px;
	text-align:center;
}
#copy img.index-title{margin:10px 0 10px 0px;}
#copy #two-column{position:relative;float:left;display:inline;width:590px;padding-left:20px;}

#two-column .column-1{position:relative;float:left;display:inline;width:280px;text-align:left;}
.column-1 h3{background:url(images/vision.gif) 0 0 no-repeat;width:58px;height:15px;margin-top:30px;}
.column-1 h3 span{visibility:hidden;}

#two-column .column-2{
	position:relative;
	float:left;
	display:inline;
	width:250px;
	text-align:left;
	margin-left:38px;
	height:inherit;
	background-repeat: no-repeat;
	background-position: right top;
	}

/*.column-2 p {margin-bottom:290px;}*/
.column-2 p.event{position:absolute;left:20px;top:630px;width:125px;color:#000000;}
.column-2 p.event a, a:visited{color:#0066FF;}
.column-2 h3{background:url(images/joinus.gif) 0 0 no-repeat;width:66px;height:17px;}
.column-2 h3 span{visibility:hidden;}

#main-index{
	position:relative;
	float:left;
	width:618px;
	height:415px;
	background:url(images/home_page_scroll.gif) 0 0 no-repeat;}

#main-index p{
	position:relative;
	top:240px;
	left:60px;
	width:390px;
	line-height:90%;
	color:#000000;
	font-size: 14px;}

#main-index-h1 p{
	margin:0;
	position:relative;
	color:#000000;
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;}

#main-index-p2 p{
	margin:10;
	font-size: 12px;
	line-height:130%;
}

<!--	font-style: italic;}-->


#index-cap-main{background:url(images/body-top.gif) 0 0 no-repeat;width:618px;height:37px;}
#main-text{text-align:left;width:435px;color:#cccccc;}
#main-text p{padding:140px 0 0 30px;}

#footer-main{position:relative;background:url(images/line-full.gif) 0 0 no-repeat; width:623px; height:16px; margin:0;padding:0;top:415px;}
#footer-main a{text-decoration:none;border:none;}
#footer-main a span{visibility:hidden;text-decoration:none;border:none;color:#000000;}
#footer-main ul{float:left;display:inline;list-type:none;padding:0;margin:0;}
#footer-main li{
	position:relative;
	float:left;
	display:inline;
	color: #FFF;}


#footer{position:relative;background:url(images/line_full.gif) 0 0 no-repeat; width:618px; height:16px;margin:0;padding:0;}
#footer a{text-decoration:none;border:none;}
#footer a span{visibility:hidden;text-decoration:none;border:none;color:#000000;}
#footer ul{float:left;display:inline;list-type:none;padding:0;margin:0;}
#footer li{
	position:relative;
	float:left;
	display:inline;
	color: #FFF;
}
#footer li a{position:relative;float:left;display:inline;}
#footer li a span{visibility:hidden;}
#footer li a.home{background:url(images/home_footer.gif) no-repeat;width:49px;height:14px;}
#footer li a.web-links{background:url(images/links_footer.gif) no-repeat;width:45px;height:14px;left:220px;}
#footer li a.contact{background:url(images/contact_footer.gif) no-repeat;width:78px;height:14px;left:440px;}

#behind-scenes #footer, #about-us #footer, #reviews #footer, #web-credits #footer, #webcredits #footer-main{float:left;}

#about-footer{position:relative;background:url(images/footer-bg.gif) 0 0 no-repeat; width:623px; height:20px;top:915px;}
#about-footer a{text-decoration:none;border:none;}
#about-footer a span{visibility:hidden;text-decoration:none;border:none;}
#about-footer a.reviews{
		position:absolute;
		background:url(images/reviews.gif) 0 0 no-repeat; 
		width:55; 
		height:14px; 
		text-decoration:none; 
		border:none; 
		margin-top:5px;
}
#about-footer a.contact {
		position:absolute;
		background:url(images/contact.gif) 0 0 no-repeat;
		width:80px;
		height:14px;
		margin:5px 0 0 550px;
}

#reviews-footer{position:relative;background:url(images/footer-bg.gif) 0 0 no-repeat; width:623px; height:20px;top:1095px;}
#reviews-footer a{text-decoration:none;border:none;}
#reviews-footer a span{visibility:hidden;text-decoration:none;border:none;}
#reviews-footer a.reviews{
		position:absolute;
		background:url(images/reviews.gif) 0 0 no-repeat; 
		width:54; 
		height:14px; 
		text-decoration:none; 
		border:none; 
		margin-top:5px;
}
#reviews-footer a.contact {
		position:absolute;
		background:url(images/contact.gif) 0 0 no-repeat;
		width:80px;
		height:14px;
		margin:5px 0 0 550px;

}

#bh-footer{float:left;background:url(images/footer-bg.gif) 0 0 no-repeat; width:623px; height:20px;}
#bh-footer a{text-decoration:none;border:none;}
#bh-footer a span{visibility:hidden;text-decoration:none;border:none;}
#bh-footer a.reviews{
		position:absolute;
		background:url(images/reviews.gif) 0 0 no-repeat; 
		width:54; 
		height:14px; 
		text-decoration:none; 
		border:none; 
		margin-top:5px;
}
#bh-footer a.contact {
		position:absolute;
		background:url(images/contact.gif) 0 0 no-repeat;
		width:80px;
		height:14px;
		margin:5px 0 0 550px;

}

/*PREVIOUS PERFORMANCES BODY STYLES*/
/*********************************************************************/
#pp-main-content{
		position:relative;
		background:url(images/pp-bg.gif) 0 0 no-repeat;
		width:644px;
		height:478px;
		margin:10px 0 0 0;
}


#pp-copy{
		position:relative;
		float:left;
		display:inline;
		margin:140px 0 0 50px;
		color:#000000;
		width:285px;
}
#pp-copy #pl-container{top:-140px;left:430px;}
#pl-container{position:absolute;width:100px;left:450px;top:-100px;}
#pl-container ul{margin:0;padding:0;}
#pl-container a, a:visited{color:#000000;}
#pl-container a:hover, a.current{color:#0066FF;}
#pl-container li.nexus{position:relative;list-style:none;padding:150px 0 0 15px;}
#pl-container li.proximity{position:relative;list-style:none;padding:120px 0 0 10px;}
#pl-container li.corridor{position:relative;list-style:none;padding:128px 0 0 5px;}

/*PREVIOUS PERFORMANCES - NEXUS, IN PROXIMITY, CORRIDOR BODY STYLES*/
/************************************************************************/
#pn-main-content{background:url(images/nexus-bg.gif) 0 0 no-repeat;width:618px;height:591px;margin:10px 0 0 0;}
#pn-copy{
		position:relative;
		float:left;
		display:inline;
		margin:100px 0 0 30px;
		color:#cccccc;
		width:360px;
}

#media{position:relative;width:450px;top:175px;}
#prev-perf.fix-media #media #video,
#prev-perf-cb.fix-media #media #video{top:30px;}
#prev-perf.proxim #media #video{top:20px;}
#video{position:relative;left:30px;top:70px; width:288px; height:255px;}
#co-main-content #media{top:20px;}
#corridor-media{position:absolute;top:850px;padding:20px 0 0 20px;}
#px-main-content{position:relative;background:url(images/proximity-bg.gif) 0 0 no-repeat;width:618px;height:1033px;border:1px solid #000000;margin-top:10px;}
#prox-gallery{position:relative;top:90px;left:30px;}
#prox-gallery-control{position:relative;float:right;display:inline;top:-60px;right:-80px;}
#co-main-content{background:url(images/corridor-bg.gif) 0 0 no-repeat;width:618px;height:1055px;margin:10px 0 0 0;font-size:12px;border:1px solid #000000;display:block;}
#co-main-content-cb {background:url(images/commebarbare.gif) 0 0 no-repeat;width:618px;height:1055px;margin:10px 0 0 0;font-size:12px;border:1px solid #000000;display:block;}
#co-main-content-cb #media {top:120px !important;}
#c-gallery{position:relative;top:50px;left:30px;}
#c-gallery-cb{position:relative;top:60px;left:30px;}
#c-gallery-control{position:relative;float:right;display:inline;top:-170px;right:-70px;}
#c-gallery-control-cb{position:relative;float:right;display:inline;top:-170px;right:-70px;}

/*MISCELLANEOUS PAGES (CONTACT, REVIEWS)*/
/************************************************************************/
#webcredits{
	position:relative;
	float:left;
	width:618px;
	height:727px;
	background:url(images/credits-bg.jpg) 0 0 no-repeat;
}

#webcredits p{
	position:relative;
	top:180px;
	left:150px;
	color:#000000;
	font-size: 16px;
	font-style: italic;
}
#webcredits a, a:visited{
	color:#000000;
	font-size: 16px;

#contact-body{
		background:url(images/contact-bg.gif) 0 0 no-repeat; 
		width:618px; 
		height:417px; 
		}

#contact-body p{
	position:absolute;
	top:340px;
	left:50px;
	color:#000000;
	height: 56px;
	width: 294px;
}
#contact-body a, a:visited{color:#000000;}


/*these styles are now used in the performances page (contrast.html)*/
#wn-header{background:url(images/whats-new-header.jpg) 0 0 no-repeat; width:618px; height:308px;}
#wn-main{background:url(images/whats-new-bg.gif) 0 0 no-repeat; width:616px; height:646px;}
#wn-main #video {margin-top:30px;}
#wn-main-text{text-align:left;width:305px;color:#000000;}
#wn-main-text p{padding:0px 0 0 30px;margin-top:100px;}
#wn-main-text img{padding:140px 0 0 30px;}
a.wn-photos-link{position:relative;top:97px;left:520px;color:#000000;}

#wn-gallery-container{position:relative;top:10px;width:580px;}
#wn-gallery-main{position:relative;background:url(images/wn-gallery-bg.gif) 0 0 no-repeat; width:618px; height:522px;border:1px solid #000000;margin-top:-10px;}
#wn-gallery-control{position:relative;float:right;top:-340px;left:-20px;}

/*same styles as above but actually used on the whats new page (too lazy to create new styles...must fix at some point)*/
#wn-header{background:url(images/whats-new-header.jpg) 0 0 no-repeat; width:618px; height:308px;}
#whats-new #wn-main{background:url(images/gala-perf-bg.jpg) 0 0 no-repeat; width:618px; height:517px;}
#whats-new #wn-main-container {padding:140px 0 0 30px; width:400px; color:#000000;}
#whats-new #wn-main-container a {color: #000000;}
#wn-main-text{text-align:left;width:305px;color:#000000;}

#wn-main-text img{padding:140px 0 0 30px;}

#bh-main{background:url(images/bh-bg.gif) 0 0 no-repeat; width:618px; height:2238px;}
#bh-main-copy{position:relative;float:left;width:560px;margin-left:5px;text-align:left;}
#bh-main-copy p{color:#cccccc;font-size:12px;padding-bottom:15px;margin:0;}
#bh-cap-end{float:left;background:url(images/reviews-end-cap.gif) 0 0 no-repeat; width:618px; height:25px;}

#schedule-copy{
	position:relative;
	width:618px;
	height:721px;
	background:url(images/credits-bg.jpg) 0 0 no-repeat;
}

#schedule-copy p{position:relative;top:255px;left:50px;color:#000000;}
.t {
	font-size: 14px;
}
