* {
margin:0;
padding:0;
}
body {
background:#000000;
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
}
#wr { min-width:930px; width:expression(document.body.offsetWidth);
}
#wrapper { margin-left:50%; }
.index {
background-image:url(images/pic.jpg);
background-position:0 0;
background-repeat:no-repeat;
}
.first {
background-image:url(images/pic1.jpg);
background-position:85px 0;
background-repeat:no-repeat;
}
.second {
background-image:url(images/pic2.jpg);
background-position:85px 0;
background-repeat:no-repeat;
}
.third {
background-image:url(images/pic3.jpg);
background-position:75px 0;
background-repeat:no-repeat;
}
.fifth {
background-image:url(images/pic5.jpg);
background-position:90px 0;
background-repeat:no-repeat;
}
.sixth {
background-image:url(images/pic6.jpg);
background-position:100px 0;
background-repeat:no-repeat;
}
.seventh {
background-image:url(images/pic7.jpg);
background-position:130px 0;
background-repeat:no-repeat;
}
.eighth {
background-image:url(images/pic8.jpg);
background-position:90px 0;
background-repeat:no-repeat;
}
#ball {
position:absolute;
margin-left:-630px;
width:172px;
height:192px;
background-image:url(images/ball.png);
}
.container {
width:930px;
top:0;
margin-left:-465px;
background-repeat:no-repeat;
}
/*-----------------H E A D E R--------------------*/
#header {
position:relative;
padding-top:25px;
}
#menu {
position:relative;
height:30px;
left:70px;
list-style:none;
z-index:3;
}
#menu li {
float:left;
font-family:arial;
margin-right:3px;
margin-left:3px;
color:#fff;
}
#menu li a {
color:#fff;
font-family:arial;
font-size:14px;
text-decoration:none;
}
li span {
color:#f5ca71;
font-family:arial;
font-size:14px;
text-decoration:none;
}
#menu li a:hover { color:#f5ca71; }
#logotype {
position:relative;
left:24px;
background-image:url(images/logotype.png);
background-repeat:no-repeat;
background-position:0 0;
width:561px;
height:110px;
display:block;
}
#logo {
position:relative;
left:8px;
background-image:url(images/logo.png);
width:580px;
height:129px;
display:block;
}
#righttext {
position:absolute;
right:-45px;
z-index:2;
}
#righttext p {
font-family:Trajan Pro;
font-size:18px;
font-weight:bold;
color:#000;
text-align:center;
}
#righttext span {
font-family:Trajan Pro;
font-size:11px;
font-weight:normal;
}
#righttext #alltime { font-size:13px; }
#clouds {
position:absolute;
left:365px;
top:0;
z-index:1;
}
/*----------------C O N T E N T--------------------*/
#content { margin-top:17px; }
#top {
position:relative;
top:0;
left:0;
width:960px;
min-height:333px;
background-image:url(images/top.gif);
background-repeat:no-repeat;
}
#bottom {
position:absolute;
bottom:0;
left:0;
width:960px;
height:10px;
background-image:url(images/bottom.gif);
}
#photo {
position:relative;
margin:15px;
float:left;
width: 264px;/*height:420px;*/
}
#storyphoto {
margin:15px;
float:left;
width: 350px;
height: 350px;
}
#theaterphoto {
margin:15px;
float:left;
width: 324px;
height: 417px;
}
#theatertext {
color:#FFF;
padding-top:25px;
width:545px;
margin-left:350px;
}
#theatertext h1 {
text-transform:uppercase;
font-size:36px;
font-family:arial;
}
#theatertext h2 {
font-family:arial;
text-transform:uppercase;
padding-bottom:10px;
font-size:18px;
border-bottom:#900 solid 1px;
margin-bottom:10px;
}
#theatertext h3 {
text-transform:uppercase;
font-size:48px;
font-family:arial;
}
#theatertext h4 {
font-size:18px;
font-family:arial;
color:#960;
}
#theatertext h5 {
font-size:14px;
font-family:sanf;
}
#theatertext1 {
margin-top:150px;
float:left;
color:#fff;
}
#theatertext1 h1 {
text-transform:uppercase;
font-size:36px;
font-family:arial;
color:#F90;
}
#theatertext1 h2 {
font-size:18px;
font-family:arial;
}
#theatertext1 h3 {
text-transform:uppercase;
font-size:18px;
font-family:arial;
color:#FF0;
}
#theatertext1 h4 {
font-size:14px;
font-family:arial;
}
#theatertext1 h5 {
text-transform:uppercase;
font-size:14px;
font-family:arial;
}
#theatertable {
margin-top:0;
float:left;
width:600px;
position:absolute;
}
#theater-f {
display:block;
width:32px;
height:32px;
float:right;
/*position:absulute;*/
background:url(images/FaceBook_32x32.png);
margin-top:-10px;
margin-right:5px;
}
#theater-t {
display:block;
width:32px;
height:32px;
float:right;
/*position:absulute;*/
background:url(images/Twitter_32x32.png);
margin-top:-10px;
margin-right:410px;
}
#theater-r {
display:block;
width:36px;
height:36px;
float:right;
/*position:absulute;*/
background:url(images/theaters-r.gif);
margin-top:10px;
margin-right:-470px;
}
/*----------T R A Y L E R-----------------*/
#trailer { position:relative; }
#index #trailer {
padding-left:370px;
padding-top:100px;
height:233px;
width:395px;
background-image:url(images/ipman.jpg);
}
#first #trailer {
padding-bottom:10px;
width:960px;
background-image:url(images/bgtrailer.gif);
}
#second #trailer {
position:relative;
padding-bottom:15px;
width:960px;
background-image:url(images/bgtrailer.gif);
}
#second h1 {
color:#fff;
margin-top:25px;
margin-bottom:20px;
font-family:Trajan Pro;
font-size:30px;
}
#third #trailer {
height:460px;
width:960px;
background-image:url(images/bgtrailer.gif);
}
#fifth #trailer {
height:435px;
width:960px;
background-image:url(images/bgtrailer.gif);
}
#sixth #trailer {
height:412px;
width:960px;
background-image:url(images/bgtrailer.gif);
}
#seventh #trailer {
height:800px;
width:960px;
background-image:url(images/bgtrailer.gif);
}
#eighth #trailer {
width:960px;
background-image:url(images/bgtrailer.gif);
}
#nineth #trailer {
width:960px;
background-image:url(images/bgtrailer.gif);
}
#trailer #box {
position:absolute;
top:-90px;
right:45px;
background-image:url(images/twoboxes.png);
width:624px;
height:237px;
}
/*------M E N U  C A S T S-------*/
#menucasts {
position:relative;
top:15px;
height:30px;
list-style:none;
}
#menucasts li {
float:left;
font-family:arial;
margin-right:3px;
margin-left:3px;
color:#fff;
}
#menucasts li a {
color:#fff;
font-family:arial;
font-size:14px;
text-decoration:none;
}
#menucasts li a:hover { color:#f5ca71; }
/*-----------*/
.textcast {
color:#ddd;
font-family:Trajan Pro;
font-size:13px;
font-weight:lighter;
margin-right:15px;
line-height:24px;
padding-left:270px;
}
.story {
padding-top:20px;
padding-left:380px;
}
.text {
color:#fff;
font-family:Trajan Pro;
font-size:20px;
text-align:center;
}
.text span { font-size:48px; }
.spots {
position:relative;
float:left;
top:160px;
height:315px;
margin:0 30px;
}
.spots h1 {
font-family:arial;
font-size:40px;
color:#f5ca71;
text-align:center;
margin-bottom:4px;
}
.spots h2 {
font-family:arial;
font-size:15px;
color:#aab4bd;
text-align:center;
clear:both;
}
.spots ul { clear:both; }
.spots li {
float:left;
list-style:none;
}
.spots a {
display:block;
width:110px;
height:65px;
background-image:url(images/spots.gif);
}
/*-------S P O T S-----------*/
#spot1 { background-position:0 0; }
#spot2 { background-position:-110px 0; }
#spot3 { background-position:0 -65px; }
#spot4 { background-position:-110px -65px; }
#spot5 { background-position:0 -130px; }
#spot6 { background-position:-110px -130px; }
#spot7 { background-position:-220px 0; }
#spot8 { background-position:-330px 0; }
#spot9 { background-position:-220px -65px; }
#spot10 { background-position:-220px -130px; }
#spot11 { background-position:-330px -65px; }
#spot12 { background-position:-330px -130px; }
#spot13 { background-position:-440px 0; }
#spot14 { background-position:-550px 0; }
#spot15 { background-position:-660px 0; }
#spot16 { background-position:-440px -65px; }
#spot17 { background-position:-550px -65px; }
#spot18 { background-position:-660px -65px; }
#spot19 { background-position:-440px -130px; }
#spot20 { background-position:-550px -130px; }
#spot21 { background-position:-660px -130px; }
#spot22 { background-position:0 -195px; }
#spot23 { background-position:-110px -195px; }
/*---------*/
#bluetext {
color:#aab4bd;
margin-top:40px;
font-family:Trajan Pro;
font-size:17px;
font-weight:bold;
letter-spacing:8px;
word-spacing:4px;
}
#tlist {
position:relative;
float:left;
top:30px;
left:35px;
width:200px;
}
#tlist li {
color:#fff;
font-size:14px;
line-height:24px;
}
#tlist a {
text-decoration:none;
color:#fff;
}
#tlist a:hover { color:#f5ca71; }
#player {
position:relative;
top:17px;
left:215px;
width:730px;
height:372px;
background-image:url(images/play.jpg);
}
#player div { position:absolute; }
#sweep1 {
position:absolute;
left:0;
top:30px;
padding:0 20px 0 25px; /*t r b l*/
width:365px;
height:800px;
}
#sweep1 h1 {
font-family:arial;
font-size:29px;
color:#f5ca71;
margin-bottom:20px;
}
#sweepprivacy {
font-family:arial;
font-size:12px;
font-weight:bold;
color:#8b8b8b;
}
#sweep2 {
position:absolute;
top:30px;
left:410px;
height:800px;
padding-right:15px;
}
#sweeptext {
font-family:arial;
font-size:12px;
color:#ddd;
line-height:150%;
margin-bottom:27px;
}
.photos1 {
position:absolute;
left:0;
top:0;
padding-top:24px;
padding-bottom:26px;
padding-left:14px;
height:410px;
width:617px;
}
.photos1 h1 {
font-family:arial;
font-size:30px;
color:#f5ca71;
margin-left:11px;
}
.photos2 {
position:absolute;
top:0;
left:642px;
padding-top:19px;
padding-bottom:26px;
height:405px;
width:314px;
margin-top:5px;
margin-bottom:5px;
margin-right:4px;
background:#1a1a1a;
}
.photos2 h1 {
font-family:arial;
font-size:30px;
color:#f5ca71;
text-align:center;
}
#photos1_1 { display: block; }
#photos1_2 { display: none; }
#photos1_3 { display: none; }
#photos2_1 { display: block; }
#photos2_2 { display: none; }
#photos2_3 { display: none; }
#photos2_4 { display: none; }
#photos2_5 { display: none; }
.poster {
float:left;
margin-right:11px;
margin-left:11px;
margin-top:28px;
width:130px;
height:130px;
border:1px solid #aab4bd;
}
.poster img { border:0; }
.page {
font-family:arial;
font-weight:bold;
font-size:12px;
margin-top:30px;
margin-left:11px;
margin-right:4px;
color:#ababab;
float:left;
}
.pageslist {
font-family:arial;
font-weight:bold;
font-size:12px;
float:left;
margin-top:26px;
color:#f5ca71;
}
.pageslist li {
list-style:none;
float:left;
padding:4px 8px;
}
.pageslist a { color:#f5ca71; }
.square {
color:#000;
background-color:#f5ca71;
}
/*---------------F O O T E R------------------*/
#footer {
position:relative;
padding-left:50%;
height:310px;
background:url(images/gray.gif) repeat-x 0 45px;
}
#newsletter {
position:relative;
top:45px;
float:left;
margin-left:-465px;
padding-top:40px;
height:209px;
width:215px;
}
#newsletter p {
font-family:arial;
font-size:12px;
font-weight:bold;
color:#8b8b8b;
}
#mc-embedded-subscribe-form {
padding-bottom:10px;
padding-top:10px;
}
#mc-embedded-subscribe-form2 {
height:42px;
width:350px;
margin-bottom:6px;
}
#mce-EMAIL {
display:block;
float:left;
background-color:#58513f;
color:#f5ca71;
border:0;
width:160px;
height:23px;
}
#mce-EMAIL2 {
display:block;
float:left;
background-color:#fff;
color:#585858;
font:italic 14px arial;
border:0;
width:272px;
height:17px;
padding-top:10px;
padding-bottom:15px;
padding-left:20px;
}
#mc-embedded-subscribe {
display:block;
float:left;
}
#mc-embedded-subscribe2 {
display:block;
float:left;
}
#gray3 {
margin-left:-250px;
width:250px;
height:230px;
float:left;
background:url(images/gray2.gif) repeat-x 0 45px;
}
#gray2 {
position:relative;
height:230px;
background:url(images/gray2.gif) repeat-x 0 45px;
}
#boxes {
position:relative;
top:18px;
left:-250px;
float:left;
margin-right:30px;
width:285px;
height:210px;
background-image:url(images/boxes.png);
}
#sweepstakes {
position:relative;
left:-250px;
float:left;
width:250px;/*	visibility: hidden; */
}
#sweepstakes h1 {
font-family:arial;
padding-top:50px;
font-size:34px;
font-weight:bold;
color:#ababab;
}
#sweepstakes p {
font-family:arial;
font-size:12px;
padding-top:4px;
padding-bottom:6px;
color:#ababab;
}
#sweepstakes a { color:#ababab; }
/*-----------L O G O S---------------*/
#logos {
margin-left:-220px;
clear:both;
}
#logos div {
float:left;
height:60px;
}
#logos p {
font-family:arial;
padding-top:10px;
padding-left:70px;
padding-bottom:10px;
font-size:11px;
color:#ddd;
clear:both;
}
#mandarin {
width:180px;
background-image:url(images/logos.gif);
background-position:0 0;
}
#wellgo {
width:80px;
background-image:url(images/logos.gif);
background-position:-180px 0;
}
#restricted {
width:180px;
background-image:url(images/logos.gif);
background-position:-260px 0;
}
#icons {
margin-left:170px;
width:60px;
height:28px;
}
#icons a {
display:block;
width:28px;
height:28px;
float:left;
}
#iconf {
background:url(images/xxx.gif) 0 0;
margin-right:4px;
}
#icont { background:url(images/xxx.gif) 28px 0; }
#fansheader {
float: left;
padding-top: 25px;
padding-right: 35px;
padding-left: 45px;
height: 75px;
}
#fansheader h1 {
text-transform:uppercase;
font-size: 30px;
font-weight: normal;
}
#fansheader span {
font-size: 12px;
font-weight: bold;
color: #ababab;
font-family: Arial;
}
#fansheader-centertext {
font-family: Arial;
font-size: 12px;
color: #ababab;
padding-top: 30px;
padding-left: 35px;
padding-right: 25px;
width: 375px;
float: left;
height: 75px;
}
#fansheader-banner {
float: left;
padding-top: 20px;
height: 75px;
}
.fan-wallp {
padding-left: 35px;
width: 275px;
height: 185px;
float: left;
text-align: center;
margin-bottom: 15px;
}
.fan-wallp img { border: 1px solid #aab4bd; }
.fan-wallp span {
color: #ababab;
font-family: Arial;
font-size: 12px;
}
.fan-wallp span a {
color: #f5ca71;
font-weight: bold;
font-family: Arial;
font-size: 12px;
}
#fans-banners {
width: 952px;
background-color: #1a1a1a;
margin-left:4px;
margin-top: 20px;
margin-bottom: 4px;
}
.clear {
width: 100%;
clear: both;
height: 1px;
}
.fan-banner {
padding-left: 35px;
width: 315px;
height: 260px;
float: left;
text-align: center;
margin-bottom: 25px;
}
.fan-banner img { border: 1px solid #aab4bd; }
.fan-banner span {
color: #ababab;
font-family: Arial;
font-size: 12px;
font-weight: bold;
}
.fan-banner span a {
color: #f5ca71;
font-weight: bold;
font-family: Arial;
font-size: 12px;
}
.fan-banner-b {
width: 728px;
height: 115px;
text-align: center;
margin-bottom: 20px;
}
.fan-banner-b img { border: 1px solid #aab4bd; }
.fan-banner-b span {
color: #ababab;
font-family: Arial;
font-size: 12px;
font-weight: bold;
}
.fan-banner-b span a {
color: #f5ca71;
font-weight: bold;
font-family: Arial;
font-size: 12px;
}
.ban_cont_main {
position: relative;
width: 140px;
height: 15px;
margin-top: 3px;
margin-left: 10px;
display: inline-block;
cursor: pointer;
}
.ban_cont_inner {
position: absolute;
z-index: 2;
width: 100%;
height: 15px;
}
.ban_cont_main * { cursor: pointer; }