/* Reset CSS */
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,
dl, dt, dd, ol, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height:1;
	color: black;
	background: white;
}
ol, ul {
	/*list-style: none;*/
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}







/* CSS Document */
a { outline:none; }
a img { border:0; outline:0; }
.clearboth { width:100%; clear:both; height:0; overflow:hidden;}


body { background-color:#000; background-image:url(../images/body-bg.jpg); background-repeat:no-repeat; background-position:top center; background-attachment:fixed; font-family:Arial, Helvetica, sans-serif } 


/* Global */
.f-left { float:left!important; }
.f-right { float:right!important; }


/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 9px; height: 100%; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; }
.jspVerticalBar *,
.jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { position: relative; background-image:url(../images/jscrollpane-track-bg.png)!important; background-repeat:repeat-y!important; background-position:top center; }
.jspDrag { background: #c61c1d; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow {  text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; }
.jspVerticalBar .jspArrow { height: 5px; background-image:url(../images/scrollbar-top.png); background-repeat:no-repeat; background-position:0 0; }
.jspVerticalBar .jspArrow.jspArrowDown { background-image:url(../images/scrollbar-bottom.png); background-repeat:no-repeat; background-position:0 0; }

.jspHorizontalBar .jspArrow { width: 9px; float: left; height: 100%; }


.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }


#wrapper { width:1024px; display:block; margin:auto; position:relative; }

/* 
	HEADER
*/

.main-menu-wrap { width:100%; height:24px; position:fixed; left:80px; top:0px; z-index:100; }
.main-menu { width:900px; height:24px; padding:0; list-style:none; display:block; margin:auto; }
.main-menu li { float:left; padding:0 12px; font-size:18px; color:#ffffcc; text-transform:uppercase; }
.main-menu li a { display:block; padding:4px 0; color:#ffffcc; text-decoration:none; text-shadow: 0 0 8px #ffffcc; }
.main-menu li a.active { color:#ffcc33; } 
.main-menu li .separator { display:block; width:4px; height:24px; background-image:url(../images/main-menu-separator.png); background-repeat:no-repeat; }


.container { width:1024px; height:846px; margin-bottom:200px; display:block; }

.header { display:block; height:120px; position:relative; }
.header .cast-row { display:block; height:43px; padding:40px 0 0 0; text-align:center; }
.header .producer-row { display:block; text-align:center; padding:12px 0 0 0; }

ul.social-icon { width:71px; height:35px; display:block; position:absolute; left:48px; top:42px; z-index:10; padding:0; margin:0; list-style:none; }
ul.social-icon li { float:left; } 
ul.social-icon li a { display:block; height:35px; background-image:url(../images/social-icons.png); background-repeat:no-repeat; }
ul.social-icon li a.twitter { width:36px; background-position:0 0; }
ul.social-icon li a.facebook { width:35px; background-position:-36px 0; }


/* 
	CONTENT
*/
.content-wrap { display:block; height:503px; padding:12px 0 0 0; }

.transparent-box { width:726px; height:488px; display:block; margin:0 auto; background-image:url(../images/transparent-black-box.png); background-repeat:repeat; }
.transparent-box h1 { display:block; font-size:16px; color:#ffcccc; font-weight:bold; text-transform:uppercase; margin-bottom:16px; }

.synopsis-content { display:block; padding:20px 26px 0 45px; }
.synopsis-pane { width:644px; height:398px; padding-right:10px; }
.synopsis-content p { font-size:14px; color:#ffffff; line-height:18px; margin-bottom:12px; border-bottom:1px dotted white; padding-bottom:20px; }
.synopsis-content a {color: white;}
.synopsis-content h3 { display:block; font-size:14px; color:#ffcccc; font-weight:bold; margin-bottom:12px;line-height:18px; }


.trailer-content { width: 728px; height: 489px; display:block; margin:auto; -moz-box-shadow: 0 0 65px #1a1a1a; -webkit-box-shadow: 0 0 65px #1a1a1a; box-shadow: 0 0 65px #1a1a1a; }


.cast-crew-content { display:block; padding:20px 0 0 20px; }
.cast-crew-content .left-col  { width:340px; height:446px; float:left; border:1px solid #908f8f; }
.cast-crew-content .right-col  { width:304px; float:left; margin:0 0 0 34px; }

.cast-crew-names { display:block; height:167px; padding:0; margin:0; list-style:none; position:relative; left:-14px; }
.cast-crew-names li { display:block; }
.cast-crew-names li a { display:block; text-decoration:none; color:#ffffff; font-size:14px; line-height:26px;  padding-left:16px; }
.cast-crew-names li a:hover,
.cast-crew-names li.active a { color:#ffcccc; background-image:url(../images/tab-active-btn-bg.png); background-repeat:no-repeat; background-position:left center; }

.tab-content { width:284px; height:258px; padding:24px 0 0 20px; background-image:url(../images/transparent-black-box-opac34.png); background-repeat:repeat; }
.tab-content .scroll-pane { width: 262px; height:212px; padding:5px 18px 0 0; overflow: auto; float: left; margin:0; }
.tab-content h3 { display:block; font-size:14px; color:#ffcccc; font-weight:bold; margin-bottom:14px; }
.tab-content  p { color:#ffffff; font-size:12px; line-height:18px; margin-bottom:10px;  }



.gallery-content { width: 724px; height: 486px; display:block; margin:auto; -moz-box-shadow: 0 0 65px #1a1a1a;; -webkit-box-shadow: 0 0 65px #1a1a1a; box-shadow: 0 0 65px #1a1a1a; border:1px solid #000; }
.gallery-content .each-image { display:block; position:relative; }
.gallery-content .each-image .caption-box { width:100%; height:42px; padding:4px 0 0 0; text-align:center; background-color:#000; position:absolute; z-index:10; left:0; bottom:0; font-size:12px; color:#fff; line-height:18px; }
.gallery-content .each-image .caption-box span { width:100%; font-size:10px; display:block; }



/* 
	FOOTER
*/
.footer-wrap { display:block; height:211px; }
.footer-wrap .based-on-row { display:block; text-align:center; padding-bottom:5px; }
.footer-wrap .movie-title-row { display:block; text-align:center; padding-bottom:10px; }
.footer-wrap .only-in-row { display:block; text-align:center; color:#fff; text-transform:uppercase; font-size:21px; line-height:23px; padding-bottom:5px; color:#ffffff; font-weight:bold; }
.footer-wrap .footer-text-image { display:block; text-align:center;}
.footer-wrap .downloads { display:block; text-align:center;}