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

body {background-color:#e61f26; background-image:url(../images/subpage-bg.jpg); background-repeat:no-repeat; background-position:bottom;}

#top-nav {width:918px; margin:0 auto; padding:8px 35px 10px 35px; background-color:#000000; background-image:url(../images/top-bg.gif); background-repeat:repeat-x;  }
#top-left {width:150px; margin:0 55px 0 0; padding:0; float:left;  }
#top-right {width:152px; margin:0; padding:0; float:right; }
#top-middle {width:491px; height:67px; margin:0 auto; padding:0; float:left; }
#empty {width:988px; height:12px; margin:0; padding:0; font-size:0;}
#nav-shadow-top {width:988px; height:7px; font-size:0; /**ie6 height issue**/ margin:0 auto; padding:0; background-image:url(../images/nav-shadow-top.png); background-repeat:repeat-x; }
#nav-shadow-btm {width:988px; height:7px; font-size:0; /**ie6 height issue**/ margin:0 auto; padding:0; background-image:url(../images/nav-shadow-btm.gif); background-repeat:repeat-x; background-color:#ff7070;  }
#nav-content {width:1000px; margin:0 auto; padding:0; background-image:url(../images/shadow.png); background-repeat:repeat-y; }
#navigation-subpage {width:988px; height:20px; position:relative; background-color:#ff7070; padding:0; margin:0 auto; z-index:10; }
#nav-btm {width:988px; height:7px; background-image:url(../images/nav-btm.png); background-repeat:no-repeat; margin:0 auto; padding:0; font-size:0; /**ie6 height issue**/ z-index:1;  }

#top-shadow {width:988px; height:7px; margin:0 auto; padding:0; background-image:url(../images/top-shadow.png); background-repeat:repeat-x; font-size:0; /**ie6 height issue**/ }
#bottom-shadow {width:988px; height:7px; margin:0 auto; padding:0; background-image:url(../images/bottom-shadow.png); background-repeat:repeat-x; font-size:0; /**ie6 height issue**/ }
#content {width:1000px; margin:0 auto; padding:0; background-image:url(../images/shadow.png); background-repeat:repeat-y; }
#middle {width:948px;  margin:0 auto; padding:0 20px 0 20px; text-align:left; background-color:#FFFFFF; background-image:url(../images/white-bg.gif); background-repeat:repeat; }
#bottom-gap {width:948px; height:20px; padding:0; margin:0;}

#left-column-about {width:545px; padding:0; margin:10px 0 0 0; float:left;}
#right-column-about {width:400px; padding:0; margin:10px 0 0 0; float:right;}
#middle-content-column-notes {margin:0; padding:0;}
#left-column-notes {width:545px; padding:0; margin:10px 0 0 0; float:left;}
#bottom-column-about {width:948px; padding:0; margin:0 auto; text-align:center;}
#middle-content-column-about {margin:0; padding:0;}

/** reviews**/
#left-column-reviews {width:545px; padding:0; margin:10px 0 0 0; float:left;}
#bottom-column-reviews{width:948px; padding:0; margin:0 auto; }
#review-item {width:500px; background-color:#dce5ed; padding:8px 10px 5px 10px; margin:10px 0 5px 0;}
#review-heading {width:350px; margin:0; padding:0; float:left;}
#readmore {float:right; margin:0; padding:0; font-weight:bold; width:80px;}
/***news****/
#left-column-news {width:545px; padding:0; margin:10px 0 0 0; float:left;}
#bottom-column-news{width:948px; padding:0; margin:0 auto; }
/* links / reviews */
#left-column-links {width:545px; padding:0; margin:10px 0 0 0; float:left;}
#right-column-links {width:400px; padding:0; margin:10px 0 0 0; float:right;}
#bottom-column-links {width:948px; padding:0; margin:0; text-align:center;}



/* CAST & CREATIVE */
#left-column-cast {width:610px; padding:0; margin:10px 0 0 0; float:left;}
#right-column-cast {width:310px; padding:0; padding-left: 10px; margin:10px 0 0 0; float:right;border-left: 2px solid red; }
#left-column-castmember {width:610px; padding:0; margin:10px 0 0 0; float:left;border-right: 2px solid red;}
#right-column-castmember {width:300px; padding:0; margin:10px 0 0 0; float:right; }
#bottom-column-cast {width:948px; padding:0; margin:0 auto; text-align:center;}
.cast-member-box {width: 300px; float: left; height: 140px; margin-top: 10px;}
.cast-member-box h3 {font-size:1.2em;color: #000; margin: 0;}
.cast-member-box .title {font-size: 1.2em;font-weight: bold;color:#0072BC;}
.creative-box h3 {font-size: 1.2em;font-weight: bold;color:#0072BC; margin-top: 1.5em; margin-bottom: 0;}
.cast-member-box .photo {float: left; width: 120px; height: 120px;margin:3px;}
.cast-member-box a, .creative-box a {color: #f00;}
h3.castmember { margin-bottom: 0; }
.castmember-label {font-size: 1.5em;font-weight: bold;color:#0072BC; margin-bottom: 0;}
#castmiddle { background-position: top right; background-repeat: no-repeat; background-image:url(../images/cast-bg.gif);}

#top-scratches {width:273px; height:15px; margin:0 0 0 10px; padding:0; background-image:url(../images/top-red-scratches.gif); background-repeat:no-repeat; }
#tour-image {float:right; width:444px; padding:0; margin:0;}

/******gallery****/
#left-column-gallery {width:948px; margin:20px 0 0 0; padding:0 0 20px 0; } 
#blue-bar {width:930px; height:20px; background-color:#81b9d7; margin:20px 0 20px 0; padding:3px 0 0 5px; }
#thumb-container {width:947px; padding:0; margin:0; }
.thumb {width:122px; height:118px; margin:0 5px 0 0; padding:8px 0 12px 8px; background-image:url(../images/gallery-thumb-bg.png); background-repeat:no-repeat; float:left;}

/**tour page***/
#top-scratches-tour {width:273px; height:15px; margin:0 0 0 10px; padding:0; background-image:url(../images/top-red-scratches.gif); background-repeat:no-repeat; float:left; }
#middle-tour {width:968px;  margin:0 auto; padding:0 0 20px 20px; text-align:left; background-color:#FFFFFF; background-image:url(../images/white-bg.gif); background-repeat:repeat; }
#left-column-tour {width:490px; padding:0; margin:10px 0 0 0; float:left; }
#right-column-tour {width:425px; padding:0; margin:10px 20px 0 0; float:right; }
#tourdates { padding:0; margin: 20px 0 20px;}
h3.tourtown { margin: 0;  }

/***video ***/
#video {width:950px; height:537px; margin:0; padding:0; background-image:url(../images/video-bg2.jpg); background-repeat:no-repeat; position:relative;}
#player-video {width:512px; height:288px; margin:0;  position:absolute; top:100px; left:107px; background-color:#ee2227; }
#video-title-holder {width:150px; padding:20px 0 0 0; margin:0;}
/***footer ***/

#bookmark {width:968px; text-align:left; margin:0 auto; background-color:#f5f5f5; padding:7px 10px 7px 10px;}
#footer-bar {width:978px; height:30px; margin:10px 0 0 0; padding:8px 10px 5px 10px; background-image:url(../images/bottom-bar.png); background-repeat:no-repeat;}
#footer-left {float:left; margin:0; padding:0;}
#footer-left ul {list-style-type:none; margin:0; padding:0; display:inline; color:#FFFFFF; font-size:10px;}
#footer-left li {list-style-type:none; margin:0; padding:0 3px 0 3px; display:inline; color:#FFFFFF; font-size:10px; font-weight:bold;}
#footer-right {float:right; margin:0; padding:0; color:#FFFFFF; font-size:10px; font-weight:bold;}
.footer-logo {float:right; margin:0; padding:0; text-align:right;}

/***promo button***/
#promobox {width:152px; margin:0; padding:0;}
#promo-top {width:152px; height:7px; margin:0; padding:0; background-image:url(../images/promo-top.png); background-repeat:no-repeat; font-size:0;}
#promo-content {width:151px; background-color:#292828; margin:0; padding:0; }
.promolinks {padding:2px 0 2px 0; font-size:1.0em; color:#FFFFFF; font-weight:bold;}
#promo-bottom {width:151px; height:7px; margin:0; padding:0; background-image:url(../images/promo-btm.png); background-position:bottom;  background-repeat:no-repeat; font-size:0;}


/*booktickets large button*/
#book-button {padding:0; margin:0; text-indent:-5000px; width:150px; height:66px; }
.booklarge {width:150px; height:66px; background-image:url(../images/booktickets-btn.png); background-repeat:no-repeat; background-position: 0 0; display:block; }
.booklarge a {width:150px; height:66px; background-image:url(../images/booktickets-btn.png); background-repeat:no-repeat; background-position: 0 0; display:block;}
.booklarge a:hover {background-position:0px -67px; cursor:pointer;}
.booklarge a:active {background-position:0px -67px;}

/*red book button*/
#redbook-button {padding:0; margin:0; text-indent:-5000px; width:94px; height:20px; }
.redbookbtn {width:94px; height:20px; background-image:url(../images/smallbook-btn.gif); background-repeat:no-repeat; background-position: 0 0; display:block; }
.redbookbtn a {width:94px; height:20px; background-image:url(../images/smallbook-btn.gif); background-repeat:no-repeat; background-position: 0 0; display:block;overflow:hidden;}
.redbookbtn a:hover {background-position:0px -20px; cursor:pointer;}
.redbookbtn a:active {background-position:0px -20px;}


/* The menu styling */
.menu {font-family:arial,verdana,sans-serif; font-size:0.8em; height:18px; margin:0; padding:0;  z-index:10; list-style-image:none; list-style-position:outside; list-style-type:none; white-space:nowrap;  }
/*.nav-reflection {background-image:url(../images/nav_reflection.gif); padding:0; margin:0; repeat scroll 0%; width:1000px; height:35px; display:block;  }*/

/*aligns the li's to the left - the text*/
.menu li {float:left; margin-left:15px; margin-right:15px;}

/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif; }

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative; z-index:10;  }

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute;z-index:10;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:20px; }
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:2.8em;} /* move the link text off screen */

/* pre-load the hover images into the lists */

/* pre-load the hover images into the lists */
/*.menu li.navstart {width:81px; display:block; height:28px; background:url(../images/nav-start.gif) no-repeat;}*/
.menu li.p1 {width:68px; background:url(../images/sub-home-btn.gif) no-repeat; background-position:0px -20px;  }
.menu li.p2 {width:124px; background:url(../images/sub-tickets-btn.gif) no-repeat; background-position:0px -20px;  }
.menu li.p3 {width:135px; background:url(../images/sub-about-btn.gif) no-repeat; background-position:0px -20px; }
.menu li.p4 {width:89px; background:url(../images/sub-gallery-btn.gif) no-repeat; background-position:0px -20px; }
.menu li.p5 {width:131px; background:url(../images/sub-news-btn.gif) no-repeat; background-position:0px -20px; }
.menu li.p6 {width:90px; background:url(../images/sub-interact-btn.gif) no-repeat; background-position:0px -20px; }
.menu li.p7 {width:63px; background:url(../images/sub-links-btn.gif) no-repeat; background-position:0px -20px; }

/* set up the normal unhovered images in the links */
.menu li a#home{width:68px; background:url(../images/sub-home-btn.gif) no-repeat; }
.menu li a#tickets{width:124px; background:url(../images/sub-tickets-btn.gif) no-repeat; }
.menu li a#about {width:135px; background:url(../images/sub-about-btn.gif) no-repeat; }
.menu li a#gallery{width:89px; background:url(../images/sub-gallery-btn.gif) no-repeat; }
.menu li a#news {width:131px; background:url(../images/sub-news-btn.gif) no-repeat; }
.menu li a#interact {width:90px;background:url(../images/sub-interact-btn.gif) no-repeat; }
.menu li a#links {width:63px;background:url(../images/sub-links-btn.gif) no-repeat; }


.menu li a#home-on {width:68px; background:url(../images/sub-home-btn.gif) no-repeat; background-position:0px -20px; }
.menu li a#tickets-on {width:124px; background:url(../images/sub-tickets-btn.gif) no-repeat; background-position:0px -20px; }
.menu li a#about-on {width:135px; background:url(../images/sub-about-btn.gif) no-repeat; background-position:0px -20px; }
.menu li a#gallery-on {width:89px; background:url(../images/sub-gallery-btn.gif) no-repeat; background-position:0px -20px; }
.menu li a#news-on {width:131px; background:url(../images/sub-news-btn.gif) no-repeat; background-position:0px -20px; }
.menu li a#interact-on {width:90px; background:url(../images/sub-interact-btn.gif) no-repeat; background-position:0px -20px; }
.menu li a#links-on {width:63px; background:url(../images/sub-links-btn.gif) no-repeat; background-position:0px -20px; }

.subnav-round {width:150px; height:8px; font-size:0; background-image:url(../images/subnav-roundcorner.png); background-repeat:no-repeat; display:block;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover {  z-index:10;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#tickets:hover, .menu li:hover a#about,
.menu li a#gallery:hover, .menu li:hover a#news,
.menu li a#links:hover, .menu li:hover a#home,
.menu li:hover a#interact  {background:transparent;  }

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;  }

/* set up the first drop down sub level */
/*****positioning of the sub nav drop down is different for IE6. see IE6.css*******/

.menu :hover ul.sub {left:0px; top:20px; margin:0; padding:0; white-space:nowrap; width:155px; height:auto; overflow:hidden; text-align:left; z-index:10; position:absolute;   }
.menu :hover ul.sub li {display:block; height:25px; position:relative; margin:0;   float:left; width:155px; overflow:hidden;  }
.menu :hover ul.sub li a {width:155px; height:25px; background:#ff7070; color:#FFFFFF; display:block; float:left; font-family:Arial, Helvetica, sans-serif;font-size:11px; font-weight:bold;  line-height:25px; margin:0; padding:0; white-space:nowrap; padding-left:8px; }
.menu :hover ul.sub li a.fly {background:#fff;}
.menu :hover ul.sub li a:hover {background-color:#ed1c24;  background-image:url(../images/hover.gif); color:#fff;  }
.menu :hover ul.sub li a.fly:hover {background:#ed1c24; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#ed1c24; color:#fff; } 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{ background-color:#d2232a;  white-space:nowrap; width:93px;  height:auto; z-index:10;}

/*****FORM****/
div.row {clear:both ;padding: 3px 0 0 0; width:410px; font-size:1.2em;    }
div.row span.label {float: left; width: 150px; text-align: left; padding:6px 10px 0 5px; color:#000000; font-weight:bold;  }
div.row span.formw { float: left; width:220px; text-align: left;  padding:2px 5px 0 5px; margin:0 0 8px 0;    } 
div.row div.error  { margin-left: 170px; font-size: 0.8em; color: red; }
div.row input.error, textarea.error { border-color: red; }
div.button {clear: both; padding:4px 0 8px 170px; margin: 0; }
div.options {clear: both; padding: 0px;   }