/* =0 Reset ----------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0; vertical-align: baseline;background: transparent; font-size:100%;} body {line-height: 1; behavior: url("scripts/csshover3.htc");} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0; width:100%;} /* =1 Global ----------------------------------------------------------*/ body {font-family:Arial, Helvetica, sans-serif; background:#000 url(../images/bg-body.jpg) no-repeat center top; color:#FDE4A0;} span.clear, li.clear, div.clear {border: 0;clear: both;display: block;float: none;font-size: 0;list-style: none;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;} .clearfix:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; } h1, h1 a {behavior: url(iepngfix.htc);} p, ul, dl {font-size:.781em; line-height:1.68em; font-weight:bold; margin:0 0 .72em 0;} blockquote p {margin:0;} .legal {line-height:1.2em; padding-top:3px; color:#7e5035; font-size:.563em; clear:both;} .hide { display:none;} /* =2 Links ----------------------------------------------------------*/ a {cursor:pointer; color:#C59235; text-decoration:none;} a:visited {color:#C59235} a:hover {text-decoration:underline;} a:active {color:#C59235;} /* =3 Headings ----------------------------------------------------------*/ h1 {font-size:1.375em; color:#aa7514; font-weight:normal;} h2 {font-size:1.125em; color:#fcda78; font-weight:normal;} h3 {font-size:0.875em; color:#fcda78; font-weight:normal;} h4 {font-size:0.75em; color:#fcda78;} h5 {font-size:0.75em; color:#fcda78;} /* =5 Navigation ----------------------------------------------------------*/ .main-nav a {display:block; width:184px; text-indent:-999em;} #main-nav-about a {height:86px; background:url(../images/sprite-nav2.jpg) no-repeat left top;} #main-nav-about a:hover, #main-nav-about a.selected {background:url(../images/sprite-nav2.jpg) no-repeat -184px top;} #main-nav-press a {height:50px; background:url(../images/sprite-nav2.jpg) no-repeat -368px top;} #main-nav-press a:hover, #main-nav-press a.selected {background:url(../images/sprite-nav2.jpg) no-repeat -552px top;} #main-nav-tickets a {height:56px; background:url(../images/sprite-nav2.jpg) no-repeat -736px top;} #main-nav-tickets a:hover, #main-nav-tickets a.selected {background:url(../images/sprite-nav2.jpg) no-repeat -920px top;} #main-nav-cast a {height:71px; background:url(../images/sprite-nav2.jpg) no-repeat -1104px top;} #main-nav-cast a:hover, #main-nav-cast a.selected {background:url(../images/sprite-nav2.jpg) no-repeat -1288px top;} #main-nav-gallery a {height:53px; background:url(../images/sprite-nav2.jpg) no-repeat -1472px top;} #main-nav-gallery a:hover, #main-nav-gallery a.selected {background:url(../images/sprite-nav2.jpg) no-repeat -1656px top;} #main-nav-trailers a {height:62px; background:url(../images/sprite-nav2.jpg) no-repeat -1840px top;} #main-nav-trailers a:hover, #main-nav-trailers a.selected {background:url(../images/sprite-nav2.jpg) no-repeat -2024px top;} #main-nav-left {margin:200px 0 0 6px; line-height:normal;} #main-nav-right {margin:211px 0 0 11px; line-height:normal;} /* =6 Main Content Blocks ----------------------------------------------------------*/ #allcontent {width:981px; margin:0 auto; background:url(../images/bg-body.jpg) no-repeat center top;} #leftcol {width:202px; float:left; position:relative;} #rightcol {width:201px; float:left; position:relative;} #centercol {width:578px; float:left; position:relative; margin-top:18px; background:url(../images/bg-centercol-body.jpg) repeat-y left top;} h1 a {width:173px; height:109px; display:block; background:url(../images/logo-internal.png) no-repeat left top; text-indent:-999em; position:absolute; left:213px; top:36px;} .common_button, .common_button:visited {display:block; line-height:1.44em; font-weight:bold; color:#FCDA78; width:167px; height:35px; text-align:center; background:url(../images/lights_sprite.jpg) no-repeat left top; padding:17px 0 0 0; margin:.72em 0; /*font-size:.844em*/ font-size:12px;} .common_button:hover {color:#C59235; text-decoration:none; background:url(../images/lights_sprite.jpg) no-repeat -170px top; } #centercol-top {height:146px; background:url(../images/bg-centercol-top.jpg) no-repeat left top; float:left; width:578px;} #centercol-body {padding:0 50px 8px 52px; width:476px; float:left; position:relative;} .short #centercol-body {min-height:461px;height:auto !important;height:461px; background:url(../images/bg-centercol-mid.jpg) no-repeat left top;} .tall #centercol-body {min-height:649px;height:auto !important;height:649px; background:url(../images/bg-centercol-mid-tall.jpg) no-repeat left top;} .medium #centercol-body {min-height:515px;height:auto !important;height:524px; background:url(../images/bg-centercol-mid-medium.jpg) no-repeat left top;} #centercol-bottom {height:24px; background:url(../images/bg-centercol-bottom.jpg) no-repeat left top; float:left; width:578px;} /*PAGE SPECIFIC RULES*/ /*HOME*/ .home #centercol {min-height:650px;height:auto !important;height:650px; margin:0; background:none;} .home h1 {width:573px; height:455px; text-indent:-999em; background:url(../images/logo-home.png) no-repeat left top; position:absolute; left:10px; top:90px;} /*CAST-CREW*/ .wrap_cast { width:119px; float:left;} .cast-thumb {width:110px; height:113px; position: relative; float:left; margin:0 12px 10px 0; cursor:pointer;} .cast-thumb.no-margin {margin-right:0;} .cast-thumb .cast_thumb {display:block; width:110px; height:116px; float:left; background:url(../images/bg_thum_cast.jpg) no-repeat left top; cursor:pointer;} .cast-thumb .cast_thumb img {float:left; padding:4px;} .cast-thumb h3 { width:117px; position:absolute; bottom:0; height:35px; color:#aa7514;} .cast-thumb h3 a {width:auto; height:auto; background:none; float:none; text-align:center; cursor:pointer; color:#aa7514;} .cast-thumb h3 a:hover {cursor:pointer;} .allcrew { float:left; position:relative; left:17px; } #cast1 a { background:url(../images/sprite_cast_all.jpg) no-repeat left top; height:25px; width:85px; display:block;} #cast1 a:hover { background-position: -85px top;}. #cast2 a { background:url(../images/sprite_cast_all.jpg) no-repeat left top; height:25px; width:85px; display:block;} #cast2 a:hover { background-position: -85px top;} #cast3 a { background:url(../images/sprite_cast_all.jpg) no-repeat -378px top; height:25px; width:68px; display:block;} #cast3 a:hover { background-position: -310px top;} #cast4 a { background:url(../images/sprite_cast_all.jpg) no-repeat -447px top; height:25px; width:90px; position:relative; left:-5px; display:block;} #cast4 a:hover { background-position: -540px top;} #cast5 a { background:url(../images/sprite_cast_all.jpg) no-repeat -631px top; height:25px; width:107px; display:block; position:relative; left:-13px;} #cast5 a:hover { background-position: -738px top;} #cast6 a { background:url(../images/sprite_cast_all.jpg) no-repeat -847px top; height:25px; width:78px; display:block;} #cast6 a:hover { background-position: -927px top;} #cast7 a { background:url(../images/sprite_cast_all.jpg) no-repeat -1006px top; height:25px; width:72px; display:block;} #cast7 a:hover { background-position: -1079px top;} #cast8 a { background:url(../images/sprite_cast_all.jpg) no-repeat -1152px top; height:25px; width:59px; display:block; position:relative; left:7px;} #cast8 a:hover { background-position: -1211px top;} #cast9 a { background:url(../images/sprite_cast_all.jpg) no-repeat -169px top; height:25px; width:69px; display:block;} #cast9 a:hover { background-position: -239px top;} .cast-full {float:left; padding:4px;} .bg-cast-full {width:186px; height:216px; background:url(../images/bg-cast-full.jpg) no-repeat left top; float:left; margin:15px 10px 0 0;} h2.cast {width:275px; float:left;} h3.subtitle {color:#C59235; text-transform:uppercase; font-size:.781em; line-height:1.68em; font-weight:bold;} .scrollcast_btn { background:url(../images/sprite_cast.jpg) no-repeat left top; height:25px; width:117px;} .scrollcast_btn:hover { background-position: -117px top;} /*********cast scroller***********/ .scroll {width:476px; overflow: auto; position: relative; clear: left; margin:0 auto;} .scrollContainer div.panel {width:474px; padding:0 2px; margin:0 auto;} .scrollButtons { position: absolute; bottom:20px; cursor: pointer; } .scrollButtons.left {left:100px; background:url(../images/sprite_btn.jpg) no-repeat left top; height:24px; width:61px;} .scrollButtons.left:hover { background:url(../images/sprite_btn.jpg) no-repeat -124px top; height:24px;} .scrollButtons.right {right:100px; background:url(../images/sprite_btn.jpg) no-repeat -62px top; height:24px; width:61px;} .scrollButtons.right:hover { background:url(../images/sprite_btn.jpg) no-repeat -186px top; height:24px;} #scroll_cast {bottom:21px; position:absolute; left:230px;} .left_b_n { background:url(../images/scroll_left.png) no-repeat left top; height:24px; } .left_b_n:hover { background:url(../images/scroll_left_h.png) no-repeat left top;} /*GALLERY*/ .gallery-thumb {display:block; width:151px; height:104px; float:left; background:url(../images/bg-gallery-thumb.jpg) no-repeat left top; cursor:pointer; margin:0 11px 6px 0;} .gallery-thumb img {float:left; padding:4px;} .gallery-thumb.no-margin {margin-right:0;} .bg-gallery {width:475px; height:321px; float:left; background:url(../images/bg-gallery-full.jpg) no-repeat left top;} .bg-gallery img {float:left; padding:3px;} #scroll-gallery {margin-top:15px;} #centercol-body.gallery {padding:0 50px 0 49px; width:479px; float:left; position:relative;} #scroll_all_photos {bottom:21px; position:absolute; left:250px;} #all_p { background:url(../images/sprite_allp.png) no-repeat left top; position:absolute; left:250px; bottom:21px; height:23px; width:80px;} #all_p:hover { background:url(../images/sprite_allp.png) no-repeat -79px top; position:absolute; left:250px; bottom:21px; height:23px; width:80px;} /*PLAY TRAILERS*/ .trailer-thumb {width:151px; height:120px; _height:112px; position: relative; float:left; margin:0 12px 0 0; cursor:pointer;} *:first-child+html .trailer-thumb {height:112px;}/*for IE7*/ .trailer-thumb.no-margin {margin-right:0;} .trailer-thumb a {display:block; width:151px; height:90px; float:left; background:url(../images/bg_thumb_trailer.jpg) no-repeat left top; cursor:pointer;} .trailer-thumb a img {float:left; padding:4px;} .wrap-trailer { float:left;} .trailer_title1 { background: url(../images/sprite_trailertitles.jpg) no-repeat left top; height:17px; width:68px; position:absolute; top:94px; left:39px; margin:3px 0 0;} .trailer_title1:hover { background-position: -70px top;} .trailer_title2 { background: url(../images/sprite_trailertitles.jpg) no-repeat -138px top; height:17px; width:69px; position:absolute; top:94px; left:39px; margin:3px 0 0;} .trailer_title2:hover { background-position: -208px top;} .trailer_title3 { background: url(../images/sprite_trailertitles.jpg) no-repeat -280px top; height:17px; width:76px; position:absolute; top:94px; left:39px; margin:3px 0 0;} .trailer_title3:hover { background-position: -356px top;} #trailer_hover1 { background-position: -70px top;} #trailer_hover2 { background-position: -208px top;} #trailer_hover3 { background-position: -356px top;} .trailer-thumb h3 a {width:auto; height:auto; background:none; float:none; text-align:center; cursor:pointer;} .trailer-thumb h3 a:hover {cursor:pointer;} .trailer_hover { width:110px; position:absolute; bottom:0; left:50%; margin-left:-55px;} .trailer_hover a {width:auto; height:auto; background:none; float:none; text-align:center; cursor:pointer;} .trailer_hover a:hover {cursor:pointer;} #cont_trailer {background:url(../images/bg_trailer_screen.jpg) no-repeat left top; padding:3px; margin:15px 0 13px 1px; height:306px;} /* =7 Form ----------------------------------------------------------*/ /* =8 Extra ----------------------------------------------------------*/ /* =9 Footer ----------------------------------------------------------*/ #footer {clear:both; text-align:center; font-weight:bold; color:#7e5035;} #footer p {font-size:.643em; padding-top:10px; font-weight:normal;} /* SIFR DON'T TOUCH */ @media screen { .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } } @media print { .sIFR-flash { display : none !important; height : 0; width : 0; position : absolute; overflow : hidden; } .sIFR-alternate { visibility : visible !important; display : block !important; position : static !important; left : auto !important; top : auto !important; width : auto !important; height : auto !important; } } /* Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active so they only apply if sIFR is active. Make sure to limit the CSS to the screen media type, in order not to have the printed text come out weird. */ @media screen { .sIFR-active h2 {visibility: hidden; font-size:20px; margin-bottom:3px;} .sIFR-active .cast-thumb h3, .sIFR-active .trailer-thumb h3, .sIFR-active .trailer_hover {visibility: hidden; font-size:14.5px; clear:both;} } /*.sIFR-active .consulting #main-content h2 {visibility:visible;}*/