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

body {
    font-family:Arial, helvetica, verdana,sans-serif;
    font-size: 62.5%;
    line-height: 1;
	background:#1d1d1d;
	text-align:center;
}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, p, blockquote, th, td, hr {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption {
    font-weight: normal;
    text-align: left;
}
th {
    text-align: left;
}
cite, address {
    font-style: normal;
}
ol, ul {
    list-style: none outside none;
}
sub, sup {
    line-height: 2;
}
img {
    border: medium none;
}
pre, code {
    font-size: 1.2em;
}
fieldset {
    border: 0 none;
}
q:before, q:after {
    content: "";
}

/*general*/
.hide {text-indent:-999999px; float:left; display:none;}

 h1  {font-size:2.4em; color:#fff; font-weight:normal; margin-bottom:35px; margin-top:20px;}


/*header*/
.header {width:971px; margin:0 auto; text-align:left; }
.logo {background:url(../images/f/logo.gif) 0 0 no-repeat; width:215px; height:176px; padding-left:19px; padding-top:0; display:block;float:left;}
.logo a {display:block;width:215px; height:176px;}

/*container*/
#container-outer {background:url(../images/f/back.jpg) center top no-repeat; }
#container {width:971px; margin:0 auto; text-align:left;}

/*header area*/

.header {overflow:hidden;}

.topnav {clear:both; overflow:hidden;}
.topnav  ul li {display:inline; list-style:none;}
.topnav  ul li a {color:#fff; text-decoration:none; padding:15px 30px 25px 25px; font-size:1.8em; display:block; float:left;}
.topnav  ul li.contact a {padding-right:30px;}
.topnav  ul li a:hover {text-decoration:none; color:#ccc} 
.topnav  ul li.selected a, .topnav  ul li a:hover {}
.topnav  ul li.whoweare.selected a,.topnav  ul li.whatwedo.selected a,.topnav  ul li.production.selected a, 
.topnav  ul li.whoweare a:hover,.topnav  ul li.whatwedo a:hover,.topnav  ul li.production a:hover{}
.topnav  li ul { display:none; width: 10em; background-color:#ffffff; color: #ffffff;}
.topnav li:hover ul {
	display: block;
	position: absolute;
	z-index:100;
	list-style: none;
	margin-top: 55px;
	margin-left: 170px;
	}
.topnav li:hover li {
	float: none; }
.topnav li:hover li a {
	background-color: #000000;
	border: 1px solid #fff;
	color: #000;
	padding-bottom: -20px;
	width: 180px;
	height: 0px;
	}
.topnav li li a:hover {
	background-color: #727272; }

	

/*mainpromo*/

.button ul {float:right; margin-top:15px;}
.button ul a {float:left; display:block; width:210px; height:48px; font-size:0.01em; text-indent:-9999px;}
.button ul a.book {background:url(../images/f/button_tile.png) no-repeat 0 0;}
.button ul a.book:hover {background-position:0 -38px;}
.button ul a.map {background:url(../images/f/button_tile.png) no-repeat 0 -80px;}
.button ul a.map:hover {background-position:0 -116px;}

body.education h2 {font-size:1.4em;}

a.ticket {width:321px; height:120px; background:url(../images/f/ticket_but.gif) no-repeat top left; display:block; font-size:0.01em; text-indent:-999999px; margin-top:350px; margin-left:600px;}
a.ticket:hover { background:url(../images/f/ticket_but.gif) no-repeat bottom left;}
.mainpromo {width:945px; height:auto; position:relative; border: 1px solid #b5b5b5; background:#1d1d1d;}
.mainpromo  img {border:1px solid #b5b5b5;}
body.home .mainpromo .text {position:absolute; top:10px; left:10px;}
body.home .mainpromo p.intro {font-size:1.4em; line-height:1.4em;}
body.contact .mainpromo, body.whoweare .mainpromo, body.whatwedo .mainpromo {
	border:1px solid #b5b5b5; background:#1d1d1d; font-size:1.3em; color:#fff; padding:15px; line-height:1.4em; }
body .mainpromo a {color:#a22508;  text-decoration:none;}
body .mainpromo a:hover {text-decoration:underline; color:#ccc;}
body.education .mainpromo {text-align: justify}
 .mainpromo p.quote {text-align:left;}
body.education .mainpromo p, body.whoweare .mainpromo p, body.whatwedo .mainpromo p, body.production .mainpromo p  {padding-bottom:15px;}
body.education .mainpromo,body.whoweare .mainpromo,body.whatwedo .mainpromo,body.production .mainpromo {height:auto;border:1px solid #b5b5b5; background:#1d1d1d; font-size:1.3em; color:#fff; padding:15px 15px 15px 0; line-height:1.4em; overflow:hidden;}
body.education .mainpromo .text,body.production .mainpromo .text  {width:750px; float:left;}
body.education .mainpromo .text ul,body.whoweare .mainpromo .text ul,body.production .mainpromo .text ul  {margin-bottom:15px; margin-left:20px;}
body.education .mainpromo .text ul li {list-style:disc;}
body.whoweare .mainpromo,body.whatwedo .mainpromo {padding-left:20px;}
body.whatwedo .mainpromo  { text-align: justify;}
body.whoweare .mainpromo .text,body.whatwedo .mainpromo .text {width:930px; float:left;}
.quote {font-size:2em; line-height:1.2em; margin-bottom:15px; padding: 20px;}
body.whoweare .mainpromo .text ul {width:200px; float:left;}
.midbox {margin-bottom:20px; padding-left:20px; border-bottom:1px solid #333;}
.midbox a {padding-right:3px;}
.clear {clear:both;}
.boxout {padding:15px; background:#333; overflow:hidden;}
h2 {font-size:2em; margin-bottom:15px;}
.info {background:#fff; padding:15px; margin:15px; color:#333; text-align: center;}
.cast {margin-top:15px; padding-top:15px; border-top:1px solid #ccc;}
.cast ul {float:left; width:100px;}
.cast ul.long {width:160px;}
.cast ul.mid {width:120px;}

body.whatwedo  .mainpromo .right {float:left; width:450px;}
body.whatwedo  .mainpromo .right h2 {font-weight:normal; font-size:1.5em;}
body.whatwedo  .mainpromo .left {float:left; width:400px; margin-right:60px;}
body.whatwedo .gallery {padding-top: 10px; padding-bottom: 10px; float: left;}
body.whatwedo .gallery li {width:72px; float:left; padding:7px;}

/*bottom promo*/

.bottompromo { overflow:hidden; padding-top:30px; padding-bottom:20px;}
.bottompromo .promo {float:left; width:207px; background:url(../images/f/divider.gif) top right no-repeat; padding:10px 15px; font-size:1.3em;}
.bottompromo .promo.large {width:271px;}
.bottompromo .promo.small {width:152px; background:none;}
.bottompromo h2 {font-size:1.7em; color:#0e488f; font-weight:normal; padding-bottom:10px;}

.bottompromo p {color:#57606b; font-size:1.1em; line-height:1.2em;}

.bottompromo ul {margin-top:10px;}
.bottompromo ul li {padding:2px 0}
.bottompromo ul li a {color:#114875;  background:url(../images/f/bullet.gif) 0 3px no-repeat; padding-left:21px;  text-decoration:none;  display:block;}
.bottompromo ul li a:hover {text-decoration:underline;}

.socialmediabar {clear:both;  overflow:hidden; height:120px;}
.socialmediabar ul li {display:block; float:left; margin-right:10px;}
.socialmediabar ul li a { width:48px; height:42px; text-indent:-99999px; font-size:0.01em; display:block; float:left;}
.socialmediabar ul li a.facebook { background:url(../images/f/socialmedia_tile.jpg) -4px 0 no-repeat;}
.socialmediabar ul li a.twitter { background:url(../images/f/socialmedia_tile.jpg) -60px 0 no-repeat;}
.socialmediabar ul li a.blog { background:url(../images/f/socialmedia_tile.jpg) -116px 0 no-repeat; width:85px; height:65px;}
.socialmediabar ul li a.edu{ background:url(../images/f/baz-ed2.png); margin-top:-5px; margin-left:-13px; width:85px; height:90px;}

/*footer*/
.footer {width:961px; margin:0 auto; text-align:left; padding:0px 0 40px 0; overflow:hidden; font-size:12px;}
.footer span {font-size:1.4em;}
.footer .left ul li {list-style:none;float:left; display:block; padding-right:15px; }
.footer .left p a {color:#a22508;  text-decoration:none;}
.footer .left p a:hover {text-decoration:underline; color:#ccc;}
.footer ul li {}
.footer .left {float:left; width:500px; font-size:1.2em; line-height:1.3em;}
.footer .left p {color:#b5aaaa; padding-top:20px;}
.footer .left p.copyright {color:#767272;}
.footer .left p span.name {color:#efefef;}
.footer .right {float:right; display:block; color:#fff; font-size:1.2em; padding-right:10px;}
.footer .right  .socialmediabar {padding-top:20px;}

/*subnav*/

.subnav {width:160px; float:left; margin-right:15px; min-height:497px; }
.subnav li { }

.subnav li a {font-size:1.2em; color:#A22508; text-decoration:none;width:146px; padding:10px 0 10px 10px; display:block; border-bottom:1px solid #333;}
.subnav li a:hover, .subnav li a.selected {background:#A22508; color:#fff;}
/*secondlevel content*/
.content {width:700px; float:left; padding:10px 10px 10px 20px; font-size:1.2em; border-left:1px solid #ccc;}
.content p {font-size:1.1em; line-height:1.25em; padding:10px 0;}
.content h1 {font-size:2em; padding-top:15px;}


/*Slideshow*/
.slideshow { 
	overflow:hidden;
	width:800px; 
	height:530px; 
	position:relative; 
	margin:0 0 20px 0; 
	margin-left:auto;
	margin-right:auto; 
}

.slideshow { 
	overflow:hidden;
	width:810px; 
	height:533px; 
	position:relative; 
	margin-left:auto;
	margin-right:auto; 
}

.slideshow img { 
	border: none; 
	background-color: #000000; 
	display: none
	}

.slideshow img.first { display: block }

.headline{
	text-align: center;
	margin-left:auto;
	margin-right:auto; 
}

.headline h1 {
	font-family:Arial, helvetica, verdana,sans-serif;
	font-size:40px; 
	color:#fff; 
	font-weight:bold;
	padding-top: 10px;
}

.headline h2 {
	font-family:Arial, helvetica, verdana,sans-serif;
	font-size:22px; 
	color:#fff; 
	font-weight:normal;
	padding-bottom: 10px;
}

.ticketinfo{
	font-family:Arial, helvetica, verdana,sans-serif;
	padding-left: 70px;
	padding-top: 10px;
	padding-bottom: 30px;
	line-height: 1.8em;
}

.ticketinfo p {
	font-family:Arial, helvetica, verdana,sans-serif;
	font-size: 16px;
	color: #ffffff;
	line-height: 1.8em;
}

#tickets{
	width: 400;
	float: left;
}

#arts{
	width: 400;
	float: left;
	margin-left: 50px;
}