html { 
	background: url(/images/site/starbackground-glow.gif) top center; 
	text-align: center;
}
body {
	background: transparent none;
	margin: 0 auto; padding: 20px 0;
	width: 1004px;
	text-align: left;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #F8F3E9;
}


h1, h2, h3, h4, h5, h6 {
	color: #BB8E2D;
	margin: 0;
	clear: left;
	text-align: center;
}
h1 { font-size: 30px; }
h2 { font-size: 28px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

a { 
	color: #E8E2CC;
	text-decoration: underline; 
}
a:hover {
	color: #BE9030;
}
a img { border: 0; }

a.more {
	display: block;
	height: 17px;
	width: 80px;
	background: url(/images/site/link-more.gif) top left no-repeat;
	text-indent: -999em;
}
a.more:hover { background-position: top right; }

*:focus { -moz-outline: 0; }

p, ul, ol, dl {
	margin: 0 0 15px;
	line-height: 20px;
}
p { text-align: justify; }

dt {
	font-weight: bold;
	margin-top: 10px;
	color: #BB8E2D;
}

cite { display: block; font-weight: bold; font-style: normal; }
blockquote {
	margin: 0 0 20px 20px;
	font-style: italic;
}
blockquote p { margin-bottom: 0; }
blockquote cite { font-style: normal; font-weight: bold; }

input, textarea, select { background-color: #F8F3E9; }

table {
	margin: 0 0 10px;
	border: 0;
	border-collapse: collapse;
}
table thead th {
	background: #BB8E2D;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
	border: 2px solid #BB8E2D;
}
table tbody td {
	border: 2px solid #BB8E2D;
	background: #E8E2CC;
	padding: 5px;
	color: #000;
	vertical-align: middle;
}
.accent { color: #BB8E2D; }
form, fieldset { border: 0; padding: 0; }
/*
 * #header
 * $div
 * @all
 */
div#header {
	height: 88px;
	padding: 6px;
	background: url(/images/site/header-small.gif) top left no-repeat;
}
div#header.large {
	height: 188px;
	background-image: url(/images/site/header-large-anniversary.gif);
}
div#header h1 {
	float: left;
	width: 292px;
	margin: 0;
}
div#header.large h1 {
	margin-top: 50px;
}
div#header h1 a {
	display: block;
	width: 292px;
	height: 88px;
	text-decoration: none;
	text-indent: -999em;
}
div#swfhead { float: left; width: auto; }
/*
 * #nav
 * $div
 * @all
 */
div#nav {
	text-align: left;
	height: 30px;
	overflow: hidden;
	width: 1004px;
	margin-bottom: 10px;
}
div#nav ul.mainnav {
	list-style-type: none;
	margin: 0; padding: 0;
	position: absolute;
	z-index: 999 !important;
	height: 30px;
	width: 1004px;
}

div#nav ul.mainnav li {
	float: left;
	width: 168px;
	overflow: hidden;
	height: auto;
}
div#nav ul.mainnav li.contact { width: 163px; }
div#nav ul.mainnav li ul.nested {
	list-style-type: none;
	margin: 0; padding: 0;
	height: auto;
	width: 150px;
	border-top: 1px solid #600;
}
div#nav ul.mainnav li ul.nested li {
	float: none;
	width: auto;
}
div#nav ul.mainnav li h2 { margin: 0; height: 30px; }
div#nav ul.mainnav li h2 a {
	background: url(/images/site/nav.gif) top left no-repeat;
	display: block;
	width: 168px;
	text-indent: -999em;
	height: 30px;
}
div#nav ul.mainnav li.boxoffice h2 a {}
div#nav ul.mainnav li.information h2 a { background-position: -168px 0; }
div#nav ul.mainnav li.groups h2 a { background-position: -336px 0; }
div#nav ul.mainnav li.education h2 a { background-position: -504px 0; }
div#nav ul.mainnav li.experiencecdt h2 a { background-position: -691px 0; }
div#nav ul.mainnav li.contact h2 a { background-position: -863px 0; width: 140px; margin-left: 20px; }

div#nav ul.mainnav li.boxoffice h2 a:hover { background-position: 0 -30px; }
div#nav ul.mainnav li.information h2 a:hover { background-position: -168px -30px; }
div#nav ul.mainnav li.groups h2 a:hover { background-position: -336px -30px; }
div#nav ul.mainnav li.education h2 a:hover { background-position: -504px -30px; }
div#nav ul.mainnav li.experiencecdt h2 a:hover { background-position: -691px -30px; }
div#nav ul.mainnav li.contact h2 a:hover { background-position: -863px -30px; width: 140px; margin-left: 20px; }

div#nav ul.nested li {
	background: #BB8F2C;
	height: auto;
	border: 1px solid #600;
	border-top: 0;
	padding: 2px;
}

div#nav ul.nested li a {
	display: block;
	text-decoration: none;
	height: auto;
	width: 142px;
	padding: 2px 0 0 2px;
}
div#nav ul.nested li a:hover { background: #600; }


/*
 * #footer
 * $div
 * @all
 */
div#footer {
	clear: both;
	padding-top: 20px;
	font-size: 10px;
	text-align: left;
}
div#footer address { text-align: left; font-style: normal; }
div#footer ul {
	text-align: left;
	list-style-type: none;
	padding: 0; margin: 0;
}
div#footer ul li {
	display: inline;
	padding: 0 20px 0 0;
}
div#footer p { text-align: left; margin: 0; }
div#footer p.designed { float: right; text-align: right; width: auto; }

/*
 * .main, .secondary
 * $div
 * @all
 */
div.main {
	float: left;
	width: 640px;
	margin-right: 24px;
}
div.secondary {
	float: left;
	width: 340px;
}
div.main.equal, div.secondary.equal {
	width: 502px;
	margin: 0;
}
div.main ul {
	list-style-type: disc;
	margin-left: 20px;
}
* html div.main ul { margin-left: 30px; }
div.main h1, div.main h2, div.main h3, div.main h4 { margin-bottom: 15px; }
/*
 * .hdr
 * $h#
 * @many
 */
.hdr {
	text-indent: -999em;
	background-position: top center;
	background-repeat: no-repeat;
}
.hdr.experience {
	background-image: url(/images/site/hdr-experience.gif);
	height: 120px;
}
.hdr.nowplaying {
	background-image: url(/images/site/hdr-nowplaying.gif);
	height: 90px;
}

/*
 * .nowplaying
 * $div
 * @index.asp
 */
div.nowplayinghome {
	background: url(/images/site/nowplaying-frame-bg.gif) top left repeat-y;
	padding: 0 50px 20px 50px;
	
	text-align: left !important; 
}
h2.nowplayinghome { 
  text-indent: -9999px;
  overflow: hidden; 
  margin: 0;
  padding: 0;
  height: 152px;
  background-image: url(/images/site/nowplaying-frame-header.gif);
}

div.nowplayinghome h3 { 
	padding-top: 0px;
	text-align: left; 
}
div.nowplayinghome img {
	width: 100px;
	height: 100px;
	float: right;
	margin-left: 10px;
	padding: 6px;
	background: url(/images/site/bg-thumbframe.gif) top left no-repeat;
}


/*
 * .frame
 * $div
 * @index.asp, @show.asp
 */
div.frame {
	background: url(/images/site/bg-frame-specials.gif) top left no-repeat;
	height: 309px;
	width: 384px;
	color: #000;
	padding: 150px 50px 50px;
	margin-bottom: 20px;
}
div.smallframe {
	width: 340px;
	background-position: top right;
	margin-bottom: 20px;
	background-repeat: no-repeat;
}
div.smallframe div.framer {
	background: url(/images/site/bg-smallframe.gif) bottom right no-repeat;
	width: 280px;
	padding: 0 20px 0 40px;
}
div.frame h2 { visibility: hidden; height: 0; overflow: hidden; }
div.frame h3, div.smallframe h3 { color: #600; margin-top: 20px; }
div.frame a, div.smallframe a, div.comingsoonhome a { color: #600; }
div.frame a:hover, div.smallframe a:hover, div.comingsoonhome a:hover { color: #BB8F2C; }
div.specials h3 { text-align: left; }

div.smallframe h2 {
	height: 106px;
	width: 340px;
	text-align: left;
	text-indent: -999em;
}

.title{color:#BB8E2D}

div.smallframe.comingsoon {
	background-image: url(/images/site/bg-sfhdr-comingsoon.gif);
}
div.smallframe.nowplaying {
	background-image: url(/images/site/bg-sfhdr-nowplaying.gif);
}

div.frame dl, div.comingsoonhome dl {
	margin: 0; padding: 0;
	font-size: 14px;
}

div.frame dt, div.comingsoonhome dt {
	float: left;
	clear: left;
	width: auto;
	margin: 20px 5px 0 0;
	font-weight: bold;
	color: #000;
}
div.frame dd, div.comingsoonhome dd { padding-top: 20px; }
div.frame.nowplaying dt { width: 200px; text-align: left; }
div.frame.nowplaying dd { margin-left: 200px; }

div.smallframe ul, div.comingsoonhome ul {
	list-style-type: none;
	margin: 0; padding: 0 0 10px;
	color: #000;
}
div.smallframe li, div.comingsoonhome li { 
	/* border-bottom: 1px solid #000; */
	padding-bottom: 10px; 
	margin-bottom: 10px; 
	font-weight: bold;
}
div.smallframe a.more { 
	color: #000;
	text-decoration: none;
	font-weight: bold;
	float: right;
	width: 64px;
	height: 14px;
	background: url(/images/site/link-more-frame.gif) top left no-repeat; 
}
div.smallframe a.more:hover { background-position: top right; }

div.comingsoonhome div {
	background: url(/images/site/bg-comingsoon.gif) bottom right;
	width: 402px;
	height: auto;
	padding: 0 50px 10px;
}
div.comingsoonhome h2 {
	height: 154px;
	text-align: left;
	text-indent: -999em;
	background: url(/images/site/bg-comingsoon-hdr.gif) top left no-repeat;
}
/*
 * .tickets
 * $ul
 * @index.asp, more?
 */
ul.tickets {
	list-style-type: none;
	height: auto;
	margin: 0; padding: 0 0 0 15px;
}
ul.tickets li {
	float: left;
	width: 152px;
	margin-right: 10px;
	margin-bottom: 10px;
}
ul.tickets li a {
	display: block;
	height: 100px;
	width: 150px;
	text-indent: -999em;
	background: url(/images/buttons/button-buy.gif) left center no-repeat;
}
ul.tickets li a.buy { background-image: url(/images/buttons/button-buy.gif); }
ul.tickets li a.calendar { background-image: url(/images/buttons/button-calendar.gif); }
ul.tickets li a.packages { background-image: url(/images/buttons/button-celebration.gif); }
ul.tickets li a.corporate { background-image: url(/images/buttons/button-corporate.gif); }
ul.tickets li a.email { background-image: url(/images/buttons/button-email.gif); }
ul.tickets li a.certificates { background-image: url(/images/buttons/button-gift.gif); }
ul.tickets li a.hot { background-image: url(/images/buttons/button-hot.gif); }
ul.tickets li a.newyears { background-image: url(/images/buttons/button-newyears.gif); }
ul.tickets li a.virtual { background-image: url(/images/buttons/button-virtual.gif); }
ul.tickets li a.whatsplaying { background-image: url(/images/buttons/button-whatsplaying.gif); }
ul.tickets li a.somethingspecial { background-image: url(/images/buttons/button-somethingspecial.gif); }
ul.tickets li a.performance { background-image: url(/images/buttons/button-performance.gif); }
ul.tickets li a:hover { background-position: right center; }
/* ---show page--- */

img.showImage {
	display: block;
	width: auto;
	margin: 0 auto;
}

ul.showinfo {
	list-style-type: none; 
	text-align: center;
	margin: 0 0 20px; 
	padding: 0;
}
ul.showinfo li.playwrite {
	font-size: 14px;
	margin-bottom: 10px;
}
ul.photos {
	list-style-type: none;
	margin: 0 0 20px; padding: 0;
}
ul.photos li {
	list-style-type: none;
	float: left;
	width: 75px;
	margin-right: 20px;
}
ul.footnotes { font-size: 11px; }

/*
 * #showvid
 * $div
 * @show.asp
 */
div#showvid {
	width: 320px;
	margin: 0 auto;
	text-align: center;
}
p.vidinfo {
	font-size: 11px;
}
ul.extrainfo {
	list-style-type: none;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
}
ul.vidextrainfo {
	list-style-type: none;
	margin-left: 160px;
	padding: 0;
	margin-bottom: 20px;
}
a.ticket {
	display: block;
	width: 120px;
	height: 70px;
	text-indent: -999em;
	background-position: top left;
	background-repeat: no-repeat;
}
a.ticket.buy { background-image: url(/images/site/ticket-sm-buy.gif); margin: 0 auto; }
a.groupticket {
	display: block;
	text-indent: 0;
	width: auto;
	padding: 20px 0 20px 50px;
	background: url(/images/site/ticket-group.gif) center left no-repeat;
}


ul.cast {
	list-style-type: none;
	margin: 0; padding: 0;
}
ul.cast li {
	float: left;
	width: 167px;
	text-align: center;
	height: 195px;
}
ul.cast li img { margin: 0 auto; display: block; }


.attention {
	color: #F0B !important;
}


/*
 * #sliderbg, #timeline
 * $div
 * @/experience/index.asp
 */
#sliderbg {
	margin-top: 36px;
	width: 640px;
	height: 33px;
	background: url(/images/site/bg-timeline.gif) no-repeat;
	position: relative;
	cursor: pointer;
}
div#sliderbg span {
	float: left;
	overflow: hidden;
	height: 14px;
	font-size: 12px;
}
div#timeline p {
	color: #FFF;
	font-size: 12px;
	font-family: Helvetica, Geneva, Arial, sans-serif;
	line-height: 16px;
	background-color: #000;
	margin: 0; padding: 12px;
	height: 180px;
}
#sliderthumb {
	cursor: move;
	position: absolute;
	z-index: 999;
	top: 0; left: 0;
}
div#timeline { 
	width: 640px; 
	height: 500px;
	overflow: hidden; 
	border: solid 1px #D7BC7E; 
}
div#timeline * { margin-right: 0; }
div#timeline ul.imageback {
	background: #600 !important;
	list-style-type: none;
	width: 620px; height: 200px;
	margin: 0; padding: 12px;
	float: none;
}
div#timeline ul.imageback li {
	float: left; width: 150px;
	color: #000;
	text-align: center;
	margin-right: 5px;
	color: #FFF;
}
div#timeline ul.imageback li img { display: block; }
div#timeline div#stretcher {  }
div#timeline div#stretcher div {
	width: 640px;
	float: left;
	overflow: hidden;
}
div#timeline h2 {
	height: 64px;
	overflow: hidden;
	font-size: 56px;
	text-align: right;
	margin: 4px 0;
	padding: 0 12px;
}

img.facilityImg {
	float: right; width: auto; margin-left: 10px;
}
h2.clear { clear: right; padding-top: 20px; }
p.weddingphoto { text-align: center; }
p.weddingphoto img { display: block; margin: 0 auto; width: auto; }



/*
 * awesomebox
 * @all
 */
#aOverlay {
	background: #000;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0; left: 0;
	right: 0; bottom: 0;
	width: 100%;
	z-index: 900;
	display: none;
	cursor: pointer;
}
#aBox {
	position: absolute;
	z-index: 950;
	height: 42px; width: 42px;
	overflow: hidden;
}
#aBox div#aImgHolder {
	display: block;
	padding: 10px 0;
	background: #EEE;
	min-height: 32px;
}
#aBox img#aImg {
	display: block;
	margin: 0 10px;
	background: #EEE;
}
#aBox *:focus { -moz-outline: 0;; }
#aBox a.aButton {
	float: right;
	background-color: transparent;
	background-image: url(/images/aBox-buttons.gif);
	text-decoration: none;
	width: 40px; height: 16px;
	cursor: pointer;
	border: 0;
	background-repeat: no-repeat;
}
#aBox a.aButton:hover {
	background-color: transparent;
	text-decoration: none;
	border: 0;
}
#aBox a.aButton:active {
	background-color: transparent;
	border: 0;
}
#aBox a#aCloseButton {
	width: 28px;
	height: 32px;
}
#aBox a#aCloseButton { background-position: 0 0; float: left; }
#aBox a#aNextButton { background-position: -68px 0; }
#aBox a#aPrevButton { background-position: -28px 0; }

#aBox a#aCloseButton:hover { background-position: 0 -64px; }
#aBox a#aNextButton:hover { background-position: -68px -64px; }
#aBox a#aPrevButton:hover { background-position: -28px -64px; }

#aBox a#aCloseButton:active { background-position: 0 -32px; }
#aBox a#aNextButton:active { background-position: -68px -32px; }
#aBox a#aPrevButton:active { background-position: -28px -32px; }

#aBox div#aBoxMeta {
	position: absolute;
	z-index: 960;
	background: #EEE;
	padding: 0 10px;
	height: 0;
	overflow: hidden;
}
#aBox h1#aInfoTitle {
	color: #444;
	font-size: 16px;
	font-weight: bold;
	margin: 0 80px 0 32px !important;
	clear: none !important;
	text-align: left;
}
#aBox p#aCount {
	clear: right;
	float: right;
	text-align: center;
	width: 80px;
	margin: 0;
	color: #666;
	font-size: 11px;
}
#aBox p#aInfo {
	margin: 0 80px 0 32px;
	color: #666;
	font-size: 11px;
}
#aBox h1#aInfoTitle, #aBox p#aCount, #aBox p#aInfo {
	font-family: Arial, Helvetica, Verdana, sans-serif !important;
	text-transform: none !important;
}

img#aLoadImg {
	position: absolute;
	top: -900em; left: -900em;
	border: 0;
	width: 32px;
	height: 32px;
	z-index: 999;
}


/*
 * .parchment
 * $div
 * @/info/weddings-banquets.asp
 */
div.parchment {
	background: url(/images/bg-parch.jpg) top left repeat-y;
	padding: 10px 20px;
	width: 587px;
	color: #222 !important;
}

div.parchtop {
	height: 3px;
	overflow: hidden;
	background: url(/images/bg-parchtop.jpg) bottom left no-repeat;
	margin-top: 20px;
}

div.parchbottom {
	clear: left;
	height: 4px;
	overflow: hidden;
	background: url(/images/bg-parchbottom.jpg) top left no-repeat;
	margin-bottom: 20px;
}

div.parchfull {
	background: url(/images/bg-parch-full.gif) top left repeat-y;
	padding: 10px 20px;
	width: 1004px;
	color: #222 !important;
}

div.parchtopfull {
	height: 6px;
	width: 1004px;
	overflow: hidden;
	background: url(/images/bg-parchtop-full.gif) bottom left no-repeat;
	margin-top: 20px;
}

div.parchbottomfull {
	clear: left;
	width: 1004px;
	height: 6px;
	overflow: hidden;
	background: url(/images/bg-parchbottom-full.gif) top left no-repeat;
	margin-bottom: 20px;
}

.clear { clear: left; }

ul.columns {
	list-style-type: none !important;
	margin: 0 0 10px 0;
	padding: 0;
}
ul.columns li {
	float: left;
	width: 280px;
	height: 48px;
	overflow: hidden;
}
img.bdr { border: 2px solid #BB8E2D !important; }
div#map {
	color: #000;
	height: 389px;
}
div#mapborder {
	background: url(/contact/images/map-border.gif);
	height: 389px;
	width: 628px;
	padding: 6px;
}


dl.hotels dt { font-size: 16px; }



div.whatsplaying h2 {
	text-align: left;
	font-size: 14px;
	margin-bottom: 0;
}
div.whatsplaying div.show {
	float: left;
	width: 200px;
	margin-right: 10px;
}
div.whatsplaying p.location {
	margin-bottom: 0;
	font-style: italic;
}

.checks input { background: transparent; }


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clr { display: inline-block; }   
.clr:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clr { height: 1%; }
.clr { display: block; }