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

* { margin:0; padding:0; border:0; outline:0; } 
html, body, #wrap { /*height:100%;*/ font-family: /*"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",*/ Helvetica, Arial, sans-serif; font-weight: 300; color:#231010; }
body { background:white url(../images/mainBack.jpg) no-repeat; }
body > #wrap { /*height:auto; min-height:100%;*/ margin:0 auto; width:916px; }
.clear { clear:both; }
.clearImg { clear:left; }
h1, h2, h3, h4 { padding:0; margin:20px 0; }
h4 { color:#999999; font-size:.8em; margin:10px 0 10px 0; text-transform:uppercase }
h2 span { color:#7b2e28; }
/*h2:first-child { margin:0 0 20px 0; }
h3:first-child { margin:0 0 20px 0; }*/
h3:last-child { margin:20px 0 0 0; }
/*h4:first-child { margin:0 0 20px 0; }*/
p { margin:20px 0; padding:0; font-size:.8em; line-height:14pt;  }
q { margin:20px 0; padding:0; font-size:.8em; }
blockquote { margin:20px 0 25px 0; padding:0 0 0 30px; font-size:.8em; background:transparent url(../images/quoteL.png) no-repeat 0% 0%; }
blockquote p { margin:8px 0 0 0; padding:0; font-size:.9em; text-transform:none; color:#999999; }
strong { font-weight:bold; }
a:link { color:#231010; }
a:visited { color:#3b1f1f; }
a:hover, a:active { color:#7b2e28; }
#main { padding:0; /*padding-bottom:150px;*/ margin:0; }  /* must be same height as the footer */
#logo { background:transparent url(../images/yiChenLogo.png) no-repeat; width:245px; height:59px; text-indent:-9999px; margin-top:-10px; }
#logo div a { width:245px; height:59px; background:none; display:block; text-indent:0 !important; margin:-34px 0 0 0; padding:0; }
#main ul { margin:-10px 0 0 0; padding:0; list-style-type:none; background:none; }
#main ul li { float:left; margin:24px 0 14px 0; padding:0 2.5% 0 2%; text-transform:uppercase; font-weight:bold; background:transparent url(../images/listSlash.png) no-repeat right; text-align:center; font-size:.7em; height:1.1em; }
#main ul li:first-child { padding:0 2.5% 0 0; }
#main ul li:last-child { background:none }
#main ul li a:link, #main ul li a:visited { color:#231010; text-decoration:none; }
#main ul li a:hover { color:#7b2e28; text-decoration:underline; }
#main ul li.active { color:#7b2e28; }
#leftContent { float:left; width:30%; margin:0 0 14px 0; }
#leftContent ul { margin:8px 0 24px 0; padding:0; }
#leftContent ul li { float:none; background:none; margin:0 0 8px 0; padding:0; text-align:left; }
#rightContent { float:right; width:65%; margin:0 0 14px 0; }
#rightContent img { float:right; text-align:right; }
#footer { margin:1em auto; width:916px; background:none; padding:0; /*border-top:1px solid #999;*/ }
#footer h3 { font-size:.7em; font-weight:100; margin-top:0; padding-top:0; }
#footerContact { margin:3em auto 1em; width:916px; background:none; padding:0; /*border-top:1px solid #999;*/ }
#footerContact h3 { font-size:.7em; font-weight:100; margin-top:0; padding-top:0; }
/*#footer { position:relative; margin:-150px auto 0 auto; height:150px; clear:both; width:916px; background:none; }
#footer h3 { font-size:1em; }*/
/* CLEAR FIX*/
/*.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }*/
/* Hides from IE-mac \*/
/** html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */
/**** Slider ****/
#featured{ width:516px; padding:0 0 0 360px; position:relative; background:transparent; margin:10px 0 0 0; height:auto; }
#featured ul.ui-tabs-nav { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
#featured ul.ui-tabs-nav ul { margin:8px 0 24px 0; padding:0; }
#featured ul.ui-tabs-nav li{ float:none; background:none; margin:0 0 8px 0; padding:0; text-align:left; text-transform:none; font-weight:100; font-size:.9em; }
#featured ul.ui-tabs-nav li img { float:left; }
#featured li.ui-tabs-nav-item a{ display:block; /*height:60px; */ }
#featured li.ui-tabs-nav-item a:hover{ /*background:#f2f2f2; */ }
#featured li.ui-tabs-selected li { color:#7b2e28; }
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ /*background:white;*/ }
#featured .ui-tabs-panel{ width:563px; height:585px; position:relative; margin:0 0 10px 0; padding:0; }
#featured .ui-tabs-panel .info{ position:absolute; top:180px; left:0; height:70px; }
#main #featured .info { position:absolute; top:228px; left:-360px; width:300px; padding:0; margin:0; }
#featured .info h3 { font-size:.9em; font-weight:100;  }
#featured .info p{  }
#featured .info a{  }
#featured .info a:hover{  }
#featured .ui-tabs-hide{ display:none; }
/**** Non-Gallery Content ****/
#nleftContent { float:left; width:64%; margin:0 0 -10px 0; padding:0 }
#nleftContent ul { margin:8px 0 24px 0; padding:0; }
#nleftContent ul li { float:none; background:none; margin:0 0 8px 0; padding:0; text-align:left; }
#nleftContent img { float:right; margin:0 0 0 20px; padding:0; border:0; }
#nleftContent h4 { border-top:1px solid #999; padding-top:20px; margin-top:20px; }
#nrightContent { float:right; width:30%; margin:0; padding:0 }
#nrightContent img { margin:0 0 10px; }
#nrightContent h4 { border-top:1px solid #999; padding-top:20px; margin-top:20px; }
#nrightContent h4:first-child { border-top:0; padding-top:0; }
#order { margin:20px 0; padding:20px 0 0 0; border-top:1px solid #999; position:relative; }
#order img {float:left; margin:0 10px 0 0; padding:0; }
#film { margin:1em 0 0 0; padding:0 0 2em 0; background:none; width:916px; border-bottom:1px solid #999; }
#film #filmLeft { position:relative; z-index:100; }
#filmLeft { float:left; width:425px; }
#filmRight { float:right; width:460px; padding:0; }
#filmRight h2 { margin-top:0; }
#cast { width:400px; }
#cast p { margin:0; }
#cast p span { float:right; font-weight:bold; }
#credits { width:400px; }
#credits p { margin:0; }
#credits p span { float:right; font-weight:bold; }
#production { margin:1.5em 0 0 0; }
#production img { float:left; padding:0; margin:0 3px 3px 0; /*position:relative; z-index:1000;*/ }
form { margin:0; padding:0; position:absolute; bottom:15px; left:93px; }
form button { padding:5px; background:#231010; color:white; font-size:1em; border:1px solid #231010; text-transform:uppercase; font-weight:bold; font-family:Helvetica, Arial, sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; text-shadow:#101010 0 1px 1px; }
form button:hover, form button:active, form button:focus { background:#7b2e28; border-top:1px solid #aa5b55; border-left:1px solid #aa5b55; border-right:1px solid #310906; border-bottom:1px solid #310906; }
/**** Add PDF Icon ****/
/*a[href$='#top']:after { content:url(../images/arrow.png); margin-left: 3px; }*/
.film { margin:1em 0; padding:1em 0 2em 0; background:none; width:916px; border-bottom:1px solid #999; }
.filmLeft { float:left; width:425px; }
.filmRight { float:right; width:460px; padding:0; }
.filmRight h2 { margin-top:0; }
.narrow { width:330px; }
#noTop { padding-top:0; }
#noBot { border-bottom:0; padding-bottom:0; }
#main #featured .contact { position:absolute; top:-15px; left:-360px; width:300px; padding:0; margin:0; }
#featured .contact p { width:520px; }
#featured .contact h3 { font-size:.9em; font-weight:100; }
#featured .contact form { margin:20px 0; position:relative; top:0; left:0; width:300px; }
#featured .contact legend { margin:20px 0 -10px; font-size:.9em; font-weight:bold; }
#featured .contact label { font-size:.9em; position:relative; top:27px; left:55px; margin:0 0 -27px -40px; z-index:1; color:#666; }
#featured .contact ul { margin:10px 0; padding:0; }
#featured .contact ul li { margin:5px 0; list-style-type:none; background:none; padding:0; width:300px; }
#featured .contact ul li input { width:30px; float:left; margin:0; }
#featured .contact ul li label { margin:2px 0 0; float:left; }
#featured .contact input { margin:10px 100px 10px 0; border:1px solid #231010; padding:8px; width:200px; font-family:Helvetica, Arial, sans-serif; font-weight: 300; color:#666; z-index:100; position:relative; -moz-border-radius:5px; -webkit-border-radius:5px; background:none; }
#featured .contact input:hover, #featured .contact input:focus { border:1px solid #7b2e28; background:white; }
#featured .contact input#mc-embedded-subscribe { width:auto; padding:5px; background:#666; color:white; font-size:1em; border:1px solid #666; text-transform:uppercase; font-weight:bold; font-family:Helvetica, Arial, sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; margin-top:15px; text-shadow:#101010 0 1px 1px; }
#featured .contact input#mc-embedded-subscribe:hover, #featured .contact input#mc-embedded-subscribe:active, #featured .contact input#mc-embedded-subscribe:focus, #featured .contact input#mc-embedded-subscribe:visited { background:#7b2e28; border-top:1px solid #aa5b55; border-left:1px solid #aa5b55; border-right:1px solid #310906; border-bottom:1px solid #310906; }
/**** Social Icons ****/
#twitter a:link, #twitter a:visited { width:53px; height:50px; background:transparent url(../images/twitterOff.png) no-repeat; margin:0 20px 20px 0; padding:0; float:left; text-indent:-9999px; }
#twitter a:hover, #twitter a:active { background:transparent url(../images/twitterOn.png) no-repeat; }
#facebook a:link, #facebook a:visited { width:53px; height:50px; background:transparent url(../images/facebookOff.png) no-repeat; margin:0 20px 20px 0; padding:0; float:left; text-indent:-9999px; }
#facebook a:hover, #facebook a:active { background:transparent url(../images/facebookOn.png) no-repeat; }
#flickr a:link, #flickr a:visited { width:53px; height:50px; background:transparent url(../images/flickrOff.png) no-repeat; margin:0 20px 20px 0; padding:0; float:left; text-indent:-9999px; }
#flickr a:hover, #flickr a:active { background:transparent url(../images/flickrOn.png) no-repeat; }
#youtube a:link, #youtube a:visited { width:53px; height:50px; background:transparent url(../images/youtubeOff.png) no-repeat; margin:0 20px 20px 0; padding:0; float:left; text-indent:-9999px; }
#youtube a:hover, #youtube a:active { background:transparent url(../images/youtubeOn.png) no-repeat; }
#facebookFilm a:link, #facebookFilm a:visited { width:77px; height:32px; background:transparent url(../images/facebookFilmOff.gif) no-repeat; margin:0 0 0 20px; float:left; padding:0; text-indent:-9999px; float:left; -moz-border-radius:5px; -webkit-border-radius:5px; display:inline; }
#facebookFilm a:hover, #facebookFilm a:active { background:transparent url(../images/facebookFilmOn.gif) no-repeat; }
img.imbd { float:left; }
/*img.clearImg { clear:both; margin-top:10px; }*/
img.top { margin:-15px 0 5px; }
#update { margin:20px 0; padding:5px 20px; border:1px solid #666; background:#ccc; -moz-border-radius:5px; -webkit-border-radius:5px; }
#update em { color:#666; text-transform:uppercase; }
#update p { margin:10px 0; font-size:.8em; }