/** GENERAL */

body {
	font-family: arial, helvitica, sans-serif; 
	font-size: 13px;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #bb281f;
	}

p {
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 18px;
	}
	
a, a:link, a:visited {
	color: #bb281f;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	color: #bb281f;
	}

a hot, a:link hot, a:visited hot {
	text-decoration: none;
	}
	
h1 {
	text-indent: -10001px;
	height: 91px; 
	width: 145px; 
	padding: 0;
	margin: 0 auto;
	position: absolute;
	left: 42px;
	top: 13px;
	background: url(../img/logo.gif) no-repeat;
	}
	
h1 a { 
	display: block; 
	height: 91px; 
	width: 145px; 
	background-color: transparent; 
	text-decoration: none;
	}
	
h1 a:hover { background-color: transparent; text-decoration: none; }

h2 {
	padding: 0;
	margin: 0 0 16px 0;
	}


h3 { 
	font-size: 13px;
	text-transform: uppercase;
	margin: 0;
	}
	
h3red { 
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	color: #bb281f;
	}	
	
h4 { 
	font-size: 13px;
	text-transform: uppercase;
	margin: 40px 0 20px 0;
	}
	
h5 { 
	font-size: 13px;
	margin: 20px 0 0 0;
	}
	
h5 em {
	font-weight: normal;
	font-style: normal;
	}

h6 { 
	font-size: 13px;
	text-transform: uppercase;
	margin: 0 0 20px 0;
	}
	
img { border: none; }

.label {
	margin-top: 15px;
	padding-right: 40px;
	}
	
.label em {
	font-style: italic;
	font-size: 10px;
	}
	
.subnav {
	margin-top: 30px;
	color: #bb281f;
	}
	
#subnav { 
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	width: 360px;
	}
	
#subnav p {
	color: #bb281f;
	}

#subnav p a {
	font-weight: bold;
	text-decoration: underline;
	}
	
#subnav p a:hover {
	text-decoration: none;
	}
	
.disclaimer {
	font-size: 10px;
	line-height: 12px;
	}
	
#greyTable {
	border: none;
	width: 380px;
	margin: 0;
	background-color:#d9d9d9;
	}
	
#greyTable td {
	border-bottom: solid 2px #fff;
	border-right: solid 2px #fff;
	}
	
ul {
	padding: 0;
	margin: 0 0 15px 25px;
	}
	
li { 
	padding: 0;
	margin: 0;
	}

.clear {
	clear: both;
	}
	
/* GENERAL **/


/** STRUCTURE */

#homewrapper {
	margin: 0 auto;
	width: 800px;
	text-align: left;
	}

#homewrapper2 {
	margin: 0 auto;
	width: 880px;
	text-align: left;
	}
	
#wrapper {
	margin: 0 auto;
	width: 800px;
	text-align: left;
	}
	
#header {
	position: relative;
	width: 800px;
	height: 110px;
	background: url(../img/header.gif) no-repeat;
	}
	
#content {
	padding: 40px 0 60px 0;
	margin: 0 auto;
	width: 800px;
	background-color: #fff;
	overflow: hidden;
	}	
	
#col_right {
	padding: 0 40px 0 0;
	margin: 0;
	width: 380px;
	float: right;
	}
	
#col_right_gal {
	padding: 0;
	margin: 0;
	width: 420px;
	float: right;
	}
	
#col_left {
	padding: 50px 0 0 40px;
	margin: 0;
	width: 340px;
	float: left;
	}
	
#gallery {
	padding: 25px 0 0 40px;
	margin: 0;
	width: 750px;
	float: left;
	}	
	
.myHeader {
	width: 709px;
	background-color: #CCC;
	padding: 4px;
	color: #000;
	font-weight: bold;
	}
	
.myHeader2 {
	width: 400px;
	background-color: #CCC;
	padding: 4px;
	color: #000;
	font-weight: bold;
	}	

.promo {
	width: 375px;
	background-color: #CCC;
	padding: 4px;
	color: #000;
	font-weight: bold;
	}
	
.pressclipping {
	width: 147px;
	height: 55px;
	background-color: #CCC;
	padding: 4px;
	}	
	
.pressbutton {
	padding: 0 33px 7px 0;
	float: right;
	}
	
.presscopy {
	padding: 0 50px 0 4px;
	}	

#full {
	width: 800px;
	height: 225px;
	margin-bottom: 20px;
	}
	
#full_header {
	width: 420px;
	height: 50px;
	padding-left: 380px;
	}
	
#full_footer {
	width: 380px;
	padding-left: 380px;
	}
	
#full #left {
	padding: 0 0 0 40px;
	margin: 0;
	width: 340px;
	float: left;
	}
	
#full #right {
	padding: 5px 40px 0 0;
	margin: 0;
	width: 380px;
	float: right;
	}

#flash {
	position: relative;
	padding: 0;
	margin: 0;
	height: 405px;
	text-align: center;
	}

#flash2 {
	position: relative;
	padding: 0;
	margin: 0;
	height: 405px;
	text-align: left;
	}

#music {
	position: relative;
	padding: 0;
	margin: 0;
	height: 50px;
	text-align: right;
	}
	
#iframe {
	width: 800px;
	margin: 0 0 0 20px;
	position:relative;
	}
	
div.float {
 	float: left;
	margin: 3px 20px 17px 0;
	}
  
/* STRUCTURE **/
	
		
/** MAIN NAVIGATION */

#navstrip {
	position: relative;
	background-color: #000;
	height: 40px;
	margin-bottom: 30px;
	text-align: center;
	}
	
#nav {
	position: relative;
	margin: 0;
	padding: 0;
	width: 800px;
	height: 40px;
	list-style: none;
	}

#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
	
#nav li {
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
	}
	
#nav a {
	display: block;
	height: 40px;
	text-indent: -10001px;
	}

#nav a:active {
	outline:none;
}
	
#what a { background: url(../img/nav_what.gif) no-repeat; width: 82px; }
#when a { background: url(../img/nav_when.gif) no-repeat; width: 55px; }
#where a { background: url(../img/nav_where.gif) no-repeat; width: 63px; }
#cast a { background: url(../img/nav_cast.gif) no-repeat; width: 51px; }
#producer a { background: url(../img/nav_producer.gif) no-repeat; width: 87px; }
#showpics a { background: url(../img/nav_showpics.gif) no-repeat; width: 81px; }
#charities a { background: url(../img/nav_charities.gif) no-repeat; width: 85px; }
#scholarship a { background: url(../img/nav_scholarship.gif) no-repeat; width: 108px; }
#auditions a { background: url(../img/nav_auditions.gif) no-repeat; width: 86px; }
#contact a { background: url(../img/nav_contact.gif) no-repeat; width: 102px; }

#what a:hover { background: url(../img/nav_what_on.gif) no-repeat; width: 82px; }
#when a:hover { background: url(../img/nav_when_on.gif) no-repeat; width: 55px; }
#where a:hover { background: url(../img/nav_where_on.gif) no-repeat; width: 63px; }
#cast a:hover { background: url(../img/nav_cast_on.gif) no-repeat; width: 51px; }
#producer a:hover { background: url(../img/nav_producer_on.gif) no-repeat; width: 87px; }
#showpics a:hover { background: url(../img/nav_showpics_on.gif) no-repeat; width: 81px; }
#charities a:hover { background: url(../img/nav_charities_on.gif) no-repeat; width: 85px; }
#scholarship a:hover { background: url(../img/nav_scholarship_on.gif) no-repeat; width: 108px; }
#auditions a:hover { background: url(../img/nav_auditions_on.gif) no-repeat; width: 86px; }
#contact a:hover { background: url(../img/nav_contact_on.gif) no-repeat; width: 102px; }

.what #what a { background: url(../img/nav_what_on.gif) no-repeat; width: 82px; }
.when #when a { background: url(../img/nav_when_on.gif) no-repeat; width: 55px; }
.where #where a { background: url(../img/nav_where_on.gif) no-repeat; width: 63px; }
.cast #cast a { background: url(../img/nav_cast_on.gif) no-repeat; width: 51px; }
.producer #producer a { background: url(../img/nav_producer_on.gif) no-repeat; width: 87px; }
.showpics #showpics a { background: url(../img/nav_showpics_on.gif) no-repeat; width: 81px; }
.charities #charities a { background: url(../img/nav_charities_on.gif) no-repeat; width: 85px; }
.scholarship #scholarship a { background: url(../img/nav_scholarship_on.gif) no-repeat; width: 108px; }
.auditions #auditions a { background: url(../img/nav_auditions_on.gif) no-repeat; width: 86px; }
.contact #contact a { background: url(../img/nav_contact_on.gif) no-repeat; width: 102px; }

/* MAIN NAVIGATION **/


/** FOOTER */

#footer {
	position: relative;
	width: 800px;
	height: 20px;
	padding: 10px 0 0 0;
	margin: 0;
	font-size: 10px;
	color: #f7a088;
	clear: both;
	text-align: right;
	}
	
#footer a {
	text-decoration: none;
	color: #fff;
	}

#footer a:hover {
	text-decoration: underline;
	color: #fff;
	}
	
/* FOOTER **/


/** TIX */

#tix {
	position: relative;
	width: 800px;
	height: 115px;
	padding: 0;
	margin: 0;
	text-align: center;
	}
	
#tix p {
	margin-top: 12px;
	font-size: 10px;
	color: #f7a088;
	}
	
#tix p a {
	text-decoration: none;
	color: #f7a088;
	}

#tix p a:hover {
	text-decoration: underline;
	color: #f7a088;
	}	
	
/* TIX **/

.holiday_tickets {float:left;}
.holiday_tickets img {border:none;}
.holiday_tickets a {outline:none;}
.logo {z-index:-1}

/* SNIPE **/

.snipe_tickets {float:left;}
.snipe_tickets img {border:none;}
.snipe_tickets a {outline:none;}
.logo {z-index:-1}

/* Interactive jQuery Floorplan */

.when.floorplan #col_left h2 {margin-top:-50px;}
.when.floorplan #col_left .quote {margin-top:60px;}

.when.floorplan .rollover-areas {position:relative; width:300px; height:307px; margin-top:20px; z-index:0; background:url('../img/floorplan_outline.png') no-repeat top left;}
.when.floorplan .labels {position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; background:url('') no-repeat top left;}
.when.floorplan .stage-photo {height:300px; width:380px; margin-top:50px; background:black url('../img/floorplan-all-stage-photos.jpg') no-repeat top left; overflow:hidden;}

.when.floorplan .rollover-areas a {position:absolute; text-indent:-9999px;}
.when.floorplan .rollover-areas a.selected {background:#ccc; z-index:50;}

.when.floorplan .rollover-areas .front-cabaret {top:81px; left:2px; height:103px; width:130px;}
.when.floorplan .rollover-areas .rear-cabaret {top:186px; left:2px; height:56px; width:130px;}
.when.floorplan .rollover-areas .left-side-box {top:70px; left:167px; height:85px; width:19px;}
.when.floorplan .rollover-areas .right-side-box {top:70px; left:281px; height:85px; width:17px;}
.when.floorplan .rollover-areas .cyril-magnin-box {top:156px; left:188px; height:21px; width:91px;}
.when.floorplan .rollover-areas .center-box {top:179px; left:167px; height:15px; width:131px;}
.when.floorplan .rollover-areas .center-balcony {top:196px; left:167px; height:31px; width:131px;}
.when.floorplan .rollover-areas .rear-balcony {top:229px; left:167px; height:50px; width:131px;}