body { font: 0.75em Arial, sans-serif; background: url('../img/background.jpg') top center no-repeat #bcb89e; text-align: center }
#wrapper { width: 907px; margin: 0px auto;min-height: 670px; background: url('../img/drop-shadow.png') top left repeat-y; text-align: left; padding-bottom: 1px /* Prevents collapsing margins */ }
a { color: #00529b }
a:hover { text-decoration: none }			

/* Header */
#header { width: 844px; height: 95px; margin: 0px 0px 0px 29px; background: url('../img/header-background.gif') top left; text-align: left; overflow: hidden }

#top-links { float: right; color: #fff; list-style-type: none; font-size: .9em; padding: 5px 65px 0px 0px }
#top-links li { padding: 2px 0px }
#top-links a { padding-left: 10px; background: url('../img/top-link-background.gif') center left no-repeat; color: #c1bda4; text-decoration: none }
#top-links a:hover, #top-links a.highlight { color: #fff; text-decoration: underline }

/* Footer */
#footer { width: 907px; height: 29px; margin: 0px auto; background: url('../img/footer-background.png') 31px 0px no-repeat; padding-top: 1px; } /*position: relative; z-index: 0 */
#footer p { float: left; color: #0069aa; font: bold 0.9em Arial, sans-serif; text-align: left; padding: 25px 0px 15px 40px; width: 600px; }
#footer a { color: #0069aa }
#footer #advertise { height: 100px; width: 200px; float: left; background: url('../img/footer-bg.jpg') 0px no-repeat; margin: 30px 0px 0px 0px;  padding: 16px 0px 15px 0px; }
#footer #advertise p { width: 182px; color: #7F7B64; font: bold 0.9em Arial, sans-serif; text-align: left; padding: 0px 0px 0px 44px;}
#footer #advertise h1 { padding: 0px 0px 0px 34px; -x-system-font:none; color:#0069AA; font-family:Arial,sans-serif; font-size:1.4em; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; margin:0; }

/* Navigation */
#nav { width: 904px; height: 32px; font-size: 1em; background: url('../img/nav-background.png') top left no-repeat; overflow: hidden }

#nav ul { margin: 0px; padding: 0px 0px 0px 45px; list-style-type: none; text-transform: uppercase }
#nav li { float: left; width: auto; padding: 0px 11px 0px 3px; background: url('../img/nav-link-background.png') top right no-repeat }
#nav li.last { background: none }
#nav li.buy-tickets { background: url('../img/buy-tickets-background.gif') no-repeat; height: 32px; margin-left: 35px; padding: 0px 16px 0px 15px }
#nav li.buy-tickets a { color: #fff; font-weight: bold }
#nav li.buy-tickets a:hover { color: #f7dbe3 }

#nav li a { display: block; float: left; color: #c1bda4; height: 32px; padding: 8px 7px 10px 7px; text-decoration: none; font-size: 1.2em }
#nav li a:hover { color: #fff }
#nav li a.highlight { background: #bab8a7; color: #000 }
#nav li a.highlight:hover { color: #d31145 }

/* Subnav */
#subnav { width: 904px; height: 25px; background: url('../img/subnav-background.png') top left no-repeat }
#subnav ul { margin: 0px; padding: 0px; height: 25px; background: url('../img/subnav-background-active.gif') top left no-repeat; list-style-type: none }

#subnav ul.box-office { margin-left: 98px; margin-right: 31px }
#subnav ul.meetings-and-private-events { margin-left: 336px; margin-right: 31px }

#subnav li { float: left; padding-top: 1px; padding-right: 10px; padding-left: 5px; background: url('../img/subnav-link-background.gif') top right no-repeat }
#subnav li.first { padding-left: 30px }
#subnav li.last { background: none }
#subnav li a { font: bold 0.9em Arial, sans-serif; color: #000; text-transform: uppercase; text-decoration: none }
#subnav li a:hover, #subnav li a.highlight { color: #d31145 }

/* Callouts (index) */
#callouts { float: left; margin-top: 20px }
#callouts h2 { color: #c1bda4; font-size: 1.1em; font-weight: normal; background: url('../img/callout-header-background.png'); width: 214px; height: 34px; padding: 6px 0px 0px 60px; text-transform: uppercase; margin: 0px }
#callouts p { width: 195px; font-size: 1em; margin: 0px 0px 20px 60px }

/* Posters */
#posters { position: relative; z-index: 1; float: right; padding-right: 60px; padding-bottom: 10px; background: url('../css/skins/arena-grand/poster-carousel-back.gif') transparent top left no-repeat; height: 216px }
#posters h2 { margin-left: 76px; margin-bottom: -22px; margin-top: 7px; padding: 2px; padding-left: 20px; color: #fff; font: normal 1em Arial, sans-serif; background: url('../img/top-link-background.gif') 12px center no-repeat }
#posters h2 a { color: #fff }

/* Index */
#index { color: #2a2e38; padding: 0px 60px 5px 0px }
#index #event {float: right; padding: 20px; background-image: url('../img/index-event-back.gif'); background-repeat: no-repeat; }
#index #event img {margin-bottom: -3px}
#index #event h3 { font-weight: normal; font-style: normal; margin: 0; padding: 5px 5px 8px 25px; background-color: #efeee5; border-bottom: solid 1px #d5d2c1; background-image: url('../img/index-event-pointer.gif'); background-repeat: no-repeat; background-position: 15px 8px }
#index #event h3 a {font-size: .8em}
#index .copy { float: left; width: 240px; padding-left: 80px; padding-top: 20px; background-image: url('../img/large-tan-pointer.gif'); background-repeat: no-repeat; background-position: 65px 22px }
#index .copy h1 { font: bold 1.6em Arial, sans-serif; color: #00529b; margin: 0px; }
#index .copy h2 { font: bold 1em Arial, sans-serif; color: #2a2e38;  margin: 0px }
#index .copy ul { padding-left: 15px; margin-left: 0px; margin-top: 0px }
#index .copy ul li { padding: 4px 0px }

/* Styles for contact/reservation forms */
fieldset { border: 0px; border-top: 1px solid #17598b; margin-top: 10px }
legend { font-weight: bold }

.label { width: 125px; float: left; font-weight: normal }
.input { width: 250px; float: left }
.select { width: 200px; float: left }
.textarea { width: 400px; float: left }
.checkbox { font-weight: bold; padding-left: 5px }



.label, .input, .select, .textarea, .checkbox { margin: 3px 0px } 

input.radio { width: auto; margin: 5px 10px 0px 5px }
label.radio { width: auto }

/* Unique form elements */
input.checkbox, select.year, select.month, select.day { width: auto}
.wide-label { width: 300px }
.med-wide-label { width: 200px; float: left }

/* For checkout */
.cart-display { width: 100% }
.cart-display .center { text-align: center }
.cart-display td.total { padding-top: 20px; font-weight: bold }
.table-alt { background: #ffd }
.cart-display fieldset { padding: 0px; margin: 0px; border: none }
.movie-description { width: 300px }
.amount-controls { width: 140px; float: right }

label.amount { font-weight: bold; width: 75px; display: block; float: left }
label.quantity { font-weight: bold; width: 65px; display: block; float: left }
select.amount { width: 55px; margin-right: 25px }
input.quantity { width: 15px; border: 1px solid #666; margin-top: 3px }
button.add { cursor: pointer; margin-top: 5px; margin-left: 75px }

/* Misc. */
a img { border: none }
.required { color: #dc5855; font-weight: bold }
.accessibility { position: absolute; left: -9999px }
.error { border: 2px solid #dc5855 }
.clear-both { clear: both }
.clear-left { clear: left }
.clear-right { clear: right }
hr { height: 0px; border: none; border-top: 1px dotted #ccc }

/* Secondary events */
#secondary .event { float: right; width: 167px; padding: 20px 50px 0px 30px; overflow: hidden }
#secondary .event h2 { font: bold 1.1em Arial, sans-serif; color: #d01044; margin: 0px; text-transform: uppercase }
#secondary .event h3 { font: bold 1em Arial, sans-serif; color: #000 }
#secondary .event h4 { font: italic 0.95em Arial, sans-serif; color: #00529B; margin: 0em }
#secondary .event p { font-size: 0.95em }
#secondary .event strong { color: #00529B; font-style: italic }

/* Secondary callouts */
#secondary .callouts { float: right; margin-top: 20px; width: 247px; overflow: hidden }
#secondary .callouts h2 { color: #c1bda4; font-size: 1.1em; font-weight: normal; background: url('../img/secondary-callout-header-background.png') no-repeat top right; width: 227px; height: 34px; padding: 5px 0px 0px 40px; text-transform: uppercase; margin: 0px }
#secondary .callouts p { width: 165px; font-size: 0.95em; margin: 0px 0px 20px 40px }
#secondary .callouts ul li { width: 155px; font-size: .95em; margin: 0px 0px 3px 15px }
/* FAQ link */
#secondary .callouts h2.faq { color: #d01044; font-size: 1.1em; background: url('../img/faq-callout-background.png') no-repeat top right; width: 227px; height: 34px; padding: 5px 0px 0px 40px; text-transform: uppercase; margin: 0px 0px 20px 0px }
#secondary .callouts h2.faq a { text-decoration: none; color: #d01044 }
#secondary .callouts h2.faq a:hover { text-decoration: underline }

/* Secondary */
#secondary .copy { float: left; width: 580px; padding: 20px 0px 20px 80px; overflow: hidden; line-height: 1.40;}
#secondary #wide.copy  { float: left; width: 770px; padding: 20px 0px 20px 80px; overflow: hidden; line-height: 1.40;}

#secondary .copy h1 { margin-left: -15px; padding-left: 15px; font: bold 1.6em Arial, sans-serif; color: #00529b; background-image: url('../img/large-tan-pointer.gif'); background-repeat: no-repeat; background-position: 0px .1em}
#secondary .copy h2 { font: bold 1em Arial, sans-serif; color: #2a2e38;  }
#secondary .copy h3 { font: bold 1.1em Arial, sans-serif; color: #d01044 }
#secondary .copy .left { margin: -2px 20px 0 -5px; float: left }
#secondary .copy .right { margin: 0 0 0 10px; float: right }
#secondary .copy #event { padding: 18px 0 0 18px; margin: -10px 0 0 -10px; background-image: url('../img/index-event-back.gif'); background-repeat: no-repeat }
#secondary .copy .small { font-size: .9em }
#secondary .copy ul { list-style-type: circle }
#secondary .copy li { padding: 1px 0px }
#secondary .copy .poster { float: left; width: 116px; height: 171px }
#secondary .copy img.poster { background-image: url('../img/showing-shadow.gif'); background-position: 4px 2px; background-repeat: no-repeat; padding: 10px 9px 10px 11px; margin-bottom: 2px; margin-top: -7px}
#secondary .copy .gift { float: left; width: 116px; height: 171px }
#secondary .copy img.gift { background-image: none }

#secondary .copy .movie-description { float: left; width: 420px; padding-left: 20px; font-size: 0.95em }
#secondary .copy .movie-description h3 { font-size: 1.15em; color: #00529b; text-transform: uppercase; margin-top: 0px }

/* Coupon */
#coupon{border: 2px dashed #0069aa; text-align: center; margin: 0 auto; width: 75%; padding: 4px;}
#coupon #coupon-content {background-color: #c7e0ef; border: 2px solid #0069aa; vertical-align: middle; padding: 5px}


#secondary .copy #coupon h2 {color: #0069aa; font-size: 30px; margin: 0}
#secondary .copy #coupon p {color: #0069aa; font-size: 20px; margin: 5px 0;}
#secondary .copy #coupon p.disclaimer {font-size: 10px;}

#secondary .copy #print-coupon{text-align: center; margin-top: 25px}

/* Careers */
tr.odd {background-color: #f5f4ed}
th {border-bottom: solid 1px #a5a293}
td{border-bottom: solid 1px #a5a293}
.cell-middle, .cell-right {background: url(../img/careers-table-divider.gif) no-repeat 0 center;}

/* Advertising Rate Card */
#secondary .copy #intro { width: 252px; }
#secondary .copy #pricing { margin: 46px 0px 0px 0px; }
#secondary .copy #creative { margin: 30px 0px 0px 0px; width: 100%; }
#secondary .copy #requirements{ margin: 30px 0px 0px 0px; width: 100%; }

#secondary .copy #creative h2 { margin: 9px 0px 2px 0px; }
#secondary .copy #creative p { margin: 0px 0px 12px 0px; }

#secondary .copy #requirements p { margin: 12px 0px 0px 0px; }
#secondary .copy #requirements ul { padding: 0px 0px 0px 16px; margin: 0px; }
#secondary .copy #requirements ul li { }

table.pricing { width: 100%; padding: 0px; border: none; }
table.pricing tr.top { background-color: #efeee5;}
table.pricing tr.top th { padding: 1px 1px 1px 6px; }
table.pricing th{ }
table.pricing td { font-size: 12px; border: none; text-align: right; padding: 0px 50px 0px 0px; }

table.creative { width: 460px; padding: 0px; border: none; }
table.creative th{ border: none; }
table.creative td { font-size: 12px; border: none; text-align: left; padding: 0px 10px 0px 0px; }