@font-face{font-family:franklingoth; src: url(../fonts/FRANKLGC.otf), url(../fonts/FRANKLGC.ttf);}

body {background-color: #000; overflow-y:hidden;}
.background-image {	background: no-repeat; background-size:cover; position:absolute; top:0px; left:0px; width:100%; height:100%;	z-index:-1;}
#bg-container{overflow:hidden;}
.date-upper, .date-lower{ display:block; clear:both;}
.date-upper{ font-size:40px; color:#5c6e78; height:24px;}
.date-lower{ font-size:70px; color:#5c6e78; letter-spacing:1px;}

#loader{ background: url("../img/loader.gif") no-repeat; margin: auto; position: relative; width: 247px; z-index:-2;}
.loader-container{ position: absolute; top: 200px; width: 100%; z-index:-2;}
#loader-s{ background: url("../img/loader-s.gif") no-repeat; margin: auto; position: relative; width: 80px; z-index:-2;}

p, li, a, span, h1{ font-family:Arial, Helvetica, sans-serif; text-decoration:none; list-style:none;}
a{ cursor:pointer;}
#container{width:100%;}
#iPadImage{ display:none;}
.textshadow { text-shadow: 1px 1px 2px #000;}
.close{ font-family:Arial, sans-serif; font-size:15px; position: relative; float:right; letter-spacing: 2px; text-shadow: 1px 1px 2px #000; padding-bottom:10px; right:85px; top:-15px; cursor: pointer; z-index:99;}
#mute-btn{ background:url(../img/sound-on.jpg) no-repeat scroll 0 0 transparent; width:16px; height:12px; cursor: pointer; position:absolute; float:right; top:5px; right:5px; z-index:99;}
#sound{}

/***************************
****                    ****
****     NAVIGATION     ****
****                    ****
****************************/
#menu {position:/*FOR LIVE absolute*/realtive; display: block; left:0px; top:0px; height:20px; margin:/*FOR LIVE 5px 0 0*/0px auto 0; padding:0px; width:100%}
#menu-outer{background:#000; position:absolute; display:block; width:100%; height: 20px; top:0px; z-index: 999;}
#menu-mask{	display: block; height: 20px; margin:/*FOR LIVE 0 0 0 175px*/ auto; overflow: hidden; position: relative; top: 0; width: 68%;}
#menu li{font-family:franklingoth, Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; /*letter-spacing: 2px; Text-transform: uppercase;*/ padding-right: 20px; clear:none; float:left;}
#menu li:last-child{ padding-right: 0px;}
#menu li a{color: #fff;}
.nav-selected{color: #ae0000;}

#nav-stuff-right{ position:relative; top:-23px; float:right; width:155px;}
#nav-stuff-left{ position:relative; top:-23px; float:left; width:155px;}
.nav-arrow-left{ background:transparent url(../img/sprite-nav.png) no-repeat -157px 0; width:15px; height:16px; cursor: pointer; float:right; z-index:99;}
.nav-arrow-right{ background:transparent url(../img/sprite-nav.png) no-repeat -135px 0; width:15px; height:16px; cursor: pointer; float:left; z-index:99;}
/***************************
****                    ****
****       TITLE        ****
****                    ****
****************************/
#tt-large-container{ position:absolute; width:100%; z-index:9;}
	.dom-tt-large-container{}
	.int-tt-large-container{}
#tt-large {	background: url("../img/tt-large.png") no-repeat; width:326px; height:73px; position:absolute; z-index:9;}
	.dom-tt-large { margin-left:20px;}
	.int-tt-large { right:20px;}
.dom-cast-names-upper{ margin-left:30px;}
.int-cast-names-upper{ margin-right:100px;}  
.dom-cast-names-lower{ margin: 0 0 25px 100px;}
.int-cast-names-lower{ margin: 0 25px 25px 0;}
	.dom-cast-names{ color:#758d9c; font-size:28px; line-height:28px;}
	.int-cast-names{ color:#fff; font-size:22px; line-height:22px; text-align:right;}
#pedigree-txt{ font-size:12px; line-height:20px; letter-spacing:1.5px;}
#pedigree-txt b{ color:#fff;}
	.dom-pedigree-txt{ color:#c70015; margin-left:65px;}
	.int-pedigree-txt{ color:#fff; margin-right:25px; text-align:right;}
#home-tagline{ font-size:12px; line-height:25px; letter-spacing:1.5px; margin-top:70px;}
	.dom-home-tagline{ color:#c70015;  margin-left:20px;}
	.int-home-tagline{ color:#fff;  margin-right:30px; text-align:right;}
#large-tt-copy{ color:#fff; font-size:21px;}
	.dom-large-tt-copy{margin-left:20px;}
	.int-large-tt-copy{margin-right:30px; text-align:right;}
#tt-small-container{ position:absolute; width:100%; z-index:9;}
#tt-small { position:absolute; right:25px; background: url("../img/tt-small.png") no-repeat; width:313px; height:126px;}
#small-tt-copy{ color:#fff; text-align:right; padding:95px 35px 0; font-size:22px;}
/******************************************
****                                   ****
****      HOME & PROMOS & QUOTES       ****
****                                   ****
*******************************************/
#home_page{ position:absolute; margin:auto; width:100%; top:0px;}
#promos-container{ background: url(../img/bg-promos.png) no-repeat 0 0; width:213px; height: 218px; position: absolute; left:30px; top:170px; z-index:1; /*display:none;*/}
.promos-rotator{ position: relative; top: 85px;}
.promos-arrow-left{ background:transparent url(../img/_promos/promos-arrow-left.png) no-repeat 0 0; position: absolute; width:11px; height:33px; left:15px; top:105px; cursor: pointer; z-index:99;}
.promos-arrow-right{ background:transparent url(../img/_promos/promos-arrow-right.png) no-repeat 0 0; position: absolute; width:11px; height:33px; right:15px; top:105px; cursor: pointer; z-index:99;}
.slide-txt{ display:block; color:#990000; font-size:14px; text-align:center; line-height:11px;}

#quotes-container{ position: absolute; top:100px; left:75px;}
	.dom-quotes-container{left:30px;}
	.int-quotes-container{right:50px;}
.quotes-slide{}
.quote-txt-upper{ display:block; color:#FFF; font-size:50px; /*text-transform:uppercase;*/ line-height:50px;}
.quote-txt-lower{ display:block; color:#FFF; font-size:18px;/* text-transform:uppercase;*/}
	.dom-quote-txt{ text-align:left;}
	.int-quote-txt{ text-align:right;}

.quotation-mark{}

#video-scrim{position:absolute; top:0px; width:100%; height:100%; z-index:-1; background:#000000;}
/***************************
****                    ****
****      CONTENT       ****
****                    ****
****************************/
.content{ position:absolute; z-index:99;}
.content h1{ position:relative; font-size: 22.5px; color:#fff; left:30px;}
.content .page-menu { position:relative; left:29px; line-height:12px;}
.page-menu a{ color:#fff; font-size: 12.5px; /*text-transform:uppercase; */}
.page-menu li{ display:inline; padding: 0 10px 0 0;}
.content .sub-menu{ float:left; position:relative; left:25px;  top:22px;}
.content .dropdown-btn{ background: none repeat scroll 0 0 #5C6E78; color:#fff; padding: 3px; line-height:21px;}
.content-upper{ position:relative; width:551px; height:45px;}
.content-lower{ position:relative; background: url("../img/bg-content.png") no-repeat; width:543px; height:306px;}

.dropdown { /*background-color:#DAD7CE;*/ position: relative; /*width:200px;*/ top: 0px; right: 10px; /*border-style:solid; border-width:2px; border-color:#5c6e78;*/ z-index: 1;}
.dropdown li{color: #fff; margin: 0; padding: 0; /*text-transform: uppercase; */text-align:right; line-height:11px}
.dropdown li a{ font-size:11px;}
.dropdown-arrow{ background:transparent url(../img/sprite-about-arrows.png) no-repeat 0 0; position: absolute; width:11px; height:6px; left:330px; top:84px;}

.inner{ display: block; widows:500px; height: auto; overflow: hidden; position: absolute; top: 0;}
.arrow_up{ background:transparent url(../img/sprite-arrows.png) no-repeat 0 0; position: absolute; width:28px; height:29px; left:480px; top:100px; cursor: pointer; z-index:99;}
.arrow_down{ background:transparent url(../img/sprite-arrows.png) no-repeat -29px 0; position: absolute; width:28px; height:29px; left:480px; top:150px; cursor: pointer; z-index:99;}

/**************************
****                   ****
****       ABOUT       ****
****                   ****
***************************/
#about_page{ /*width:553px;margin:auto;*/}
#about_page #about-container{/* position:relative; width:553px; height:313px;*/}
#about_page .scroll-pane p{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#fff; /*text-indent: 20px;*/}
#about_page .scroll-pane{ position:relative; float:left; left: 30px; top: 45px; margin:auto; /*width: 435px; height: 225px; overflow: auto;*/}
#about_page .myScrollPane {/*margin:auto;*/	width:/*435px*/100%; height:225px; overflow:auto;}
.img-char{ display: inline-block;}
.current-name{ position: relative; left: 0; padding: 0 0 0 0px; /*text-transform: uppercase;*/ top: -3px; font-size:20px; line-height:20px; color:#AE0000; z-index:0;}
/*****************************
****                      ****
****      DOWNLOADS       ****
****                      ****
******************************/
#downloads_page{/*width:553px;*/margin:auto;}
#downloads_page #downloads-container{ position:relative; /*width:500px;height:313px;*/ }
#downloads_page .scroll-pane{ position:relative; float:left; left: 30px; top: 45px; margin:auto; }
#downloads_page .myScrollPane { width:100%; height: 225px;}
#downloads_page #wallpapers .wallpapers-list{ clear: none; display: block; float: left; list-style: none outside none; width:205px; margin: 0 2px 20px 0; padding: 0;}
#downloads_page #wallpapers .wallpapers-size{}
#downloads_page #wallpapers .wallpapers-size a{ background-color: #262626; color:#fff; display: block; font-size:12px; margin: 3px 0; padding:3px 0; text-align: center; line-height:15px;}
#downloads_page #wallpapers .wallpapers-list li a img{ width: 206px; height:127px;}

#downloads_page #ipad .ipad-list{ display: block; list-style: none outside none; }
#downloads_page #ipad .ipad-list li{ display: block; clear:none; float:left; padding:0; margin: 0 2px 2px 0;}
#downloads_page #ipad .ipad-list li a img{ width: 135px;}

#downloads_page #iphone .iphone-list{ display: block; list-style: none outside none; }
#downloads_page #iphone .iphone-list li{ display: block; clear:none; float:left; padding:0; margin: 0 2px 2px 0;}
#downloads_page #iphone .iphone-list li a img{ width: 135px;}

#downloads_page #facebook .facebook-list{ display: block; list-style: none outside none; }
#downloads_page #facebook .facebook-list li{ display: block; clear:none; float:left; padding:0; margin: 0 2px 22px 0;}
#downloads_page #facebook .facebook-list li a img{ width: 415px;}
/***************************
****                    ****
****      VIDEOS        ****
****                    ****
****************************/
#video_page{ position:absolute; z-index:9; width:100%; top:0px;}
#video-container{width: 100%; margin: 0 auto; overflow: hidden;}
#video_page #video-container #player{  /*border-color: #5c6e78; border-style: solid; border-width: 1px; height: 295px;*/ position: absolute; /*width: 100%;*/}
#menu-videos{ text-align:center; top: 36px; z-index: 1;}
#menu-videos a{ color:#fff; /*text-transform:uppercase;*/ letter-spacing:1px; padding:0 5px; font-size:12px;}
#video-nav{ position:absolute; height:22px; left:0; top:22px; width:100%; padding:0px; background:#000; z-index:1;}
#close-player{ position:relative; text-align:center; color:#fff; cursor:pointer;}
/***************************
****                    ****
****      GALLERY       ****
****                    ****
****************************/	
#gallery_page { position: static; /*top:30px; margin:30px 0 0;*/}
#gallery_page .close{ position: absolute; right: 10px; top: 5px; margin: 0 10px; z-index:999;}
#gallery-container{width: 100%; margin: 0 auto; overflow: hidden;}
#nav-arrows-container{margin: auto; position: relative; top: -7px; width: 600px;}
/***************************
****                    ****
****      SWEEPS        ****
****                    ****
****************************/
#sweeps-container{ position: relative;}
#sweeps-headline{ position:absolute; text-align:center; top:20px; left:60px; font-size:12.5px;}
#sweeps_page .scroll-pane{ position:relative; float:left; left: 30px; top: 60px; margin:auto; /*width: 435px; height: 225px; overflow: auto;*/}
#sweeps_page .myScrollPane{ /*margin:auto;*/	width:/*435px*/100%; height:225px; overflow:auto;}
.sweeps-list { margin:auto; width: 400px; padding:0px;}
#sweeps_page p{ color:#ae0000;}
#sweeps_page .sweeps-thumbs{ position:relative; left:30px; display: block; list-style: none outside none; width:426px; top:90px;}
#sweeps_page .sweeps-thumbs li{ display: block; clear:none; float:left; padding:0; margin: 10px;}

#sweeps_page .sweeps-list li a{ background-color: #262626; color:#fff; display: block; font-size:14px; margin: 3px 0; padding:3px 0; text-align: center; line-height:20px;}

/****************************
****                     ****
****      PARTNERS       ****
****                     ****
*****************************/
#partners_page{/*width:553px;*/ margin:auto;}
#partners_page #menu-partners{ display: block; list-style: none outside none;}
#partners_page #menu-partners li{display: block; clear:none; float:left; padding:0; margin: 1px; cursor:pointer;}
#partners_page #partners-container{ position:relative; width:553px; height:313px;}
#partners_page .scroll-pane{ position:absolute; float:left;	left: 0px; top: 60px; /*width: 460px;*/ height: 225px; overflow: hidden;}
#partners_page .scroll-pane p{ font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#5c6e78; text-indent: 20px;}
#partners_page .myScrollPane { width:500px; height: 200px;}
/*#partners .scroll-pane .inner{	position:absolute; padding:0 20px; top: 0px; display:block; height:auto; overflow:hidden;}*/
#partners_page .partners-body-img{ text-align:center;}
/***************************
****                    ****
****      FOOTER        ****
****                    ****
****************************/
#footer{ background:#000; position:absolute;width: 100%; height: 50px; bottom:0px; z-index:99;}

#footer-left{ position:absolute; float:left; margin:20px 0 0; height:25px; left:10px; z-index:99;}
#footer-left li{ display:inline-block; padding-right:5px; cursor:pointer;}
	.share-closed{background:url(../img/_footer/share-arrow-right.png) no-repeat scroll 42px center transparent;}
	.share-open{background:url(../img/_footer/share-arrow-left.png) no-repeat scroll 42px center transparent;}
	
#footer-left #share-container{overflow:hidden; height:24px; line-height:24px;}
#footer-left #share-links{left: -340px;position: relative;}
#footer-left #share-links li{ display:inline-block; padding-right:5px;}

#footer-center{ position: relative; margin: 2px 0 0; padding:0; text-align: center;}
#footer-center p{font-size:9px; margin: 0 0 2px; color:#fff;}
#footer-center .release-date {font-size:30px; line-height:25px;}
	.credits-closed{background:url(../img/_footer/credits-arrow-up.png) no-repeat scroll 50px center transparent;}
	.credits-open{background:url(../img/_footer/credits-arrow-down.png) no-repeat scroll 50px center transparent;}
	.inter-closed{background:url(../img/_footer/credits-arrow-up.png) no-repeat scroll 85px center transparent;}
	.inter-open{background:url(../img/_footer/credits-arrow-down.png) no-repeat scroll 85px center transparent;}

#footer-right{ position:absolute; margin:20px 0 0 0; float:right; top:0px; right:10px;}
	.btn-footer{font-family:Helvetica, sans-serif; color:#a3a3a3; font-size:10px; font-weight:bold; padding:0 15px 0 0; cursor:pointer; text-align:right; width:auto;}
#footer-right #wb-flags{background: none repeat scroll 0 0 #000000;position:absolute;padding:5px;right:80px;top:-135px;}
#footer-right #wb-flags p{font-family:Arial, sans-serif; font-size:15px;margin:0px 0 8px;float:right;cursor:pointer; color:#6e6e6e;}
#footer-right-upper{ float: right;}
#footer-right-upper, #footer-right-lower{ line-height:10px;}
#footer-right-upper li, #footer-right-lower li{ display:inline-block; line-height:10px;}
#footer-right-lower{ float: right; clear:both;}
#footer-right-lower li { padding-right:10px; cursor:pointer;}
#footer-right-lower li:last-child{ padding-right: 0px;}
#footer-right-lower li a{ color:#a3a3a3; font-size:9px; font-weight:bold;}

#credits{ background-color:#000; position:absolute; width:100%; height:228px; bottom:-228px; z-index:999;}
#credits #rating{ position:relative; text-align:center; top:220px;}
#credits #bb{ text-align:center; margin-top:10px;}
#credits .btn-credits-close{font-family:Arial, sans-serif; color:#6e6e6e; position:absolute; float:right; right:10px; margin: 5px; z-index:999;}
#credits #legals{ position: relative; text-align: center; top: 5px;}
#credits #legals li{ font-family: Arial, sans-serif; font-size: 11px;}
#credits #legals li a{ color:#6e6e6e;}

#facebooklike {}
#plusone { height: 22px;}
#getglue {}

.video-container,.video-content {top:0 !important;} 

/* VIDEO PLAYER STYLE */
.tdk-vid {
	height: 100%;
	
}

.vjs-spinner {
	visibility: hidden;
}

.tdk-vid .vjs-controls {
	color: #FFF;
	background: transparent;
	display: block;
	width: 70%;
	margin: 0px auto 0px auto;
	padding: 15px 0px 0px 0px;
	/*border-top: 1px solid #404346;*/
}
.tdk-vid.video-js-box.vjs-controls-below .vjs-controls {
	background: transparent;
}

.tdk-vid .vjs-controls > div {
	top: 0;
	background: none;
	border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;
	box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}

/* Top Level Items */
.tdk-vid .vjs-controls > div.vjs-play-control,
.tdk-vid .vjs-controls > div.vjs-volume-control {
	top: 15px; height: 27px;
}
/* Bottom Level Items */
.tdk-vid .vjs-controls > div.vjs-progress-control, .tdk-vid .vjs-controls > div.vjs-time-control {
	margin-top: 20px; height: 14px;
}

/* Placement of Control Items */
.tdk-vid .vjs-controls > div.vjs-play-control       { width: 33px; left: 0px; }
.tdk-vid .vjs-controls > div.vjs-progress-control   { left: 40px; right: 95px; }
.tdk-vid .vjs-controls > div.vjs-time-control       { display: none; }
.tdk-vid .vjs-controls > div.vjs-volume-control     { width: 43px; right: 40px; }
.tdk-vid .vjs-controls > div.vjs-fullscreen-control {
	top:17px;
	right: 0;
	background: url(../images/fullscreen.gif) left top no-repeat;
	width: 33px;
	height: 20px;
}
.tdk-vid .vjs-controls > div.vjs-fullscreen-control div { display: none; }

/* Play/Pause */
.tdk-vid.vjs-paused .vjs-play-control span { margin: 9px 0 0 12px; }
.tdk-vid.vjs-playing .vjs-play-control span { margin: 9px 0 0 12px; }

/* Progress */
.tdk-vid .vjs-progress-holder {
	height: 14px; border: none;
	margin: 0px 0px 0 0px;
	background: #000;
	border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;
	border: 1px solid #59606B;
}
.tdk-vid .vjs-progress-holder div {
	height: 14px; 
	border-radius: 0; 
	-webkit-border-radius: 0; 
	-moz-border-radius: 0;
}
.tdk-vid .vjs-play-progress {
	background: #767F83;
}
.tdk-vid .vjs-load-progress { background: #24282A; }

/* Time Display */
.tdk-vid .vjs-controls .vjs-time-control { font-size: 11px; background: #000; }
.tdk-vid .vjs-controls .vjs-time-control span { line-height: 19px; /* Centering vertically */ }

/* Volume */
.tdk-vid .vjs-volume-control div { margin: 0 5px 0 5px; padding: 2px 0 0 0; }
.tdk-vid .vjs-volume-control div span {
	background: #24282A;
	margin: 0 2px 0 0;
	width: 3px; height: 0px;
	border-bottom: 20px solid #24282A;
}
.tdk-vid .vjs-volume-control div span.vjs-volume-level-on { border-color: #FFF; }
.tdk-vid .vjs-volume-control div span:nth-child(1) { border-bottom-width: 2px; height: 18px; }
.tdk-vid .vjs-volume-control div span:nth-child(2) { border-bottom-width: 6px; height: 14px; }
.tdk-vid .vjs-volume-control div span:nth-child(3) { border-bottom-width: 10px; height: 10px; }
.tdk-vid .vjs-volume-control div span:nth-child(4) { border-bottom-width: 14px; height: 6px; }
.tdk-vid .vjs-volume-control div span:nth-child(5) { border-bottom-width: 18px; height: 2px; }

/* Start Button */
.tdk-vid div.vjs-big-play-button {
	width: 76px;
	height: 70px;
	margin: -35px 0 0 -38px;
	border: 1px solid #ccc; opacity: 0.8;
	border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;
	background: rgba(50,50,50,0.8);
	box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
.tdk-vid div.vjs-big-play-button:hover {
	box-shadow: 0px 0px 80px #fff; -webkit-box-shadow: 0px 0px 80px #fff; -moz-box-shadow: 0px 0px 80px #fff;
}
.tdk-vid div.vjs-big-play-button span {
	margin: 16px 0 0 21px;
	border-left: 40px solid #fff;
	border-top: 20px solid rgba(0,0,0,0); border-bottom: 20px solid rgba(0,0,0,0);
}