@charset "UTF-8";

/* --- HTML ELEMENTS --- */


html, body { 
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border: 0;
}



body {
	font-size: 13px;
	color:#fff;
	min-width:1024;
	min-height:768px;
	font-family: Times New "Times New Roman", Times, serif;
	background:#000;
}

body.less {
	margin-bottom:-130px;		
}

a, a:visited {
	color:#43a5ff;
	text-decoration: none;
	
}

a.page {
	color:#00314b;
	text-decoration: none;
	
}

a:hover {
	color:#f2e2c4;
	text-decoration: none;
	cursor:pointer;
}

img {
	border:0 none;
}

#ie_update{
	position:relative;
	margin:auto;
	top:200px;
	padding:30px;
	width:400px;
	height:300px;
	font-size:16px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	background:#999;
	background:url(../images/bg_gallery_thumbs.png);
}


#background_ie7
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url(../images/bg_ie.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}


#ie_update a:link{
	color:#ffffff;
	text-decoration:underline;
}

#container
{
	width:700px;
	margin:0 auto;
	
	z-index:100;
}

#nav
{
	width:100%;
	margin:0 auto;
	padding:0;
	padding-top:8px;
	height:27px;	
	text-align:center;
	z-index:999;
}

#nav_background
{
	top:0px;
	background:#000000;
	width:100%;
	height:37px;
	position:absolute;
	z-index:-1;
}

#nav a
{
	display:inline-block;
	margin-right:20px;
	/*text-transform:uppercase;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#f2e2c4;
}
#rdate
{
	
	/*text-transform:uppercase;
	font-family:"Arimo", Arial, Helvetica, sans-serif;*/
	font-family:"Arimo", Arial, Helvetica, sans-serif;
	/*height:40px;*/
	font-weight:700;
	font-size:44px;
	color:#ffffff;
}
#tagline
{
	
	/*text-transform:uppercase;*/
	/*font-family:"Maven Pro", Arial, Helvetica, sans-serif;*/
	position:relative;
	/*font-family:'Questrial', Arial, Helvetica, sans-serif;*/
	font-family:'Questrial', Arial, Helvetica, sans-serif;
	margin-top:-10px;
	font-weight:500;
	letter-spacing:0.9px;
	font-size:26px;
	color:#0d3d58;
	width:600px;
}
#nav .page
{
	display:inline-block;
	margin-right:20px;
/*	text-transform:uppercase;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding-left:10px;
	padding-right:11px;
	color:#7f7050;
	background:#000;
	height:35px;
}

#nav a:last
{
	display:block;
	margin-right:0px;
}


#trailer_container
{
	position:absolute;
	top:13px;
	width:668px;
	/*margin:56px auto;*/
}

#trailer_container_index
{
	position:absolute;
	top:60px;
	width:668px;
	display:none;
}


#container .title_treatment
{
	position:absolute;
	top:0px;
	width:461px;
}


#container .title_treatment_small
{
	width:299px;
	height:170px;
	margin:0 auto;
}

#background
{
	position:absolute;
	z-index:-1;
	overflow:hidden;
	
	background:#000;
}

#background img
{
	position:absolute;
	z-index:1;
}

#background #bg_black
{
}



#trailer_close{
	position:relative;
	left:800px;
	top:32px;
	width:31px;
	height:32px;
	background:url(../images/synopsis_close.jpg);
	cursor:pointer;
}

#trailer_close_home{
	position:relative;
	display:none;
	left:800px;
	top:32px;
	width:31px;
	height:32px;
	background:url(../images/synopsis_close.jpg);
	cursor:pointer;
}

#trailer_close_index{
	position:relative;
	left:806px;
	top:62px;
	width:31px;
	height:32px;
	background:url(../images/synopsis_close.jpg);
	cursor:pointer;
	display:none;
}


#container .trailer
{
	margin:30px auto 0 auto;
	padding-bottom:44px;	
	width:658px;
	
}

#container .trailer #player
{
	border:solid 1px #000;
	width:550px;
	height:225px;
}

#container .trailer #options_button
{
	margin-top:4px;
	float:right;	
}

#container .trailer #options_button a
{
	color:#fff;
	font-size:11px;
}


#viewing_options {
	font-family: Arial, Helvetica, sans-serif;
	left:50%;
	margin-left:-328px;
	margin-top:1px;
	width:657px;
	height:364px;
	position:absolute;
	background:#000000;
	color:#43a5ff;
	opacity:.8;
	z-index:1000;
	display:none;
	text-transform:uppercase;
}

#viewing_options table
{
	width:658px;
}

#viewing_options td {
	vertical-align:top;
	padding:5px;
}

#viewing_options .col
{
	text-align:center;
	line-height:22px;
}

#viewing_options li {
	list-style: none;
}

#viewing_options a {
	color:#fff;
	font-size:12px;
}





#billing 
{
	display:none;
	z-index:99;
	position:absolute;
	bottom:100px;
	width:100%;
	height:250px;
	font:Arial, Helvetica, sans-serif !important;
	overflow:hidden;
}

#billing_container{
	position:absolute;
	background:url(../images/billing_bg.png);
	width:100%;
	height:250px;
	top:230px;
	padding-top:10px;
}

#billing #billing_img{
	position:relative;
	text-align:center;
}

#billing #billing_links{
	position:relative;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
}

#billing #billing_links a{
	color:#ffffff;
}

#footer {
	background:#000;
	height:103px;
	/*width:100%;*/
	position:absolute;
	z-index:200;
	bottom:0px;
}

#footer_container {
	position:relative;
	width:1000px;
	height:90px;
	overflow:hidden;
}


#footer .share_buttons
{
	position:relative;
	width:400px;
	height:20px;
	
	top:-11px;
	left:170px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	color:#b6b9ba;
	
}

#footer .share_buttons .share_buttons_container .share_button_holder .fb,
#footer .share_buttons .share_buttons_container .share_button_holder .twitter,
#footer .share_buttons .share_buttons_container .share_button_holder .gg,
#footer .share_buttons .share_buttons_container .share_button_holder .gplus,
#footer .share_buttons .share_buttons_container .share_button_holder .fbshare
{
	display:inline-block;
	vertical-align:top;
}

#footer .share_buttons .share_buttons_container .share_button_holder .fb
{
	width:100px;	
	overflow:hidden;
}

#footer .share_buttons .share_buttons_container .share_button_holder .twitter
{
	width:64px;	
}

#footer .share_buttons .share_buttons_container .share_button_holder .gplus
{
	width:37px;	
	overflow:hidden;
}

#footer .share_buttons .share_buttons_container .share_button_holder .gg
{
	/*width:132px;	*/
	width:140px;
}

#footer .share_buttons .share_buttons_container .share_button_holder .fbshare
{
	width:30px;
}

#footer .share_buttons .txt .link_arrow_leftright
{
	position:relative;
	background:url(../images/arrow_leftright.png);
	width:7px;
	height:9px;
	top:-13px;
	
	display:none;
	/*left:45px;*/
}

#footer .share_buttons .share_buttons_container{
	position:relative;
	width:390px;
	height:25px;
	
	top:-27px;
	/*left:64px;*/
	
	overflow:hidden;
}

#footer .share_buttons .share_buttons_container .share_button_holder
{
	position:absolute;
	
	left:-390px;
}

.share
{
	position:relative;
	top:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#b6b9ba;
	/*width:auto;*/
}

.share .txt
{
	position:relative;
	bottom:8px;
}

.share img
{
	
}


#footer .credits
{
	position:relative;
	left:900px;
	top:-30px;
	width:300px;
	height:45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#b6b9ba;
	display:none;
}


#footer .credits .link_arrow_updown
{
	position:relative;
	background:url(../images/arrow_updown.png);
	background-position:0px -7px;
	width:9px;
	height:7px;
	top:-12px;
	left:90px;
}

#footer .credits a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#b6b9ba;
}

#footer .legal_links
{
	position:relative;
	top:-45px;
	/*width:300px;*/
	margin:0 auto;
	text-align:center;
	line-height:8px;
	display:none;
}

#footer .legal_links,
#footer .legal_links a
{
	font-size:10px;
	color:#b6b9ba;
	
	font-family:Arial, Helvetica, sans-serif;	
}

.clear
{
	clear:both;	
}

#synopsis_container
{
	position:absolute;
	width:456px;
}
.scroll_container {
	width:456px;
	height:414px;
	background:#000;
	margin:45px auto 27px auto;
}

.scroll {
	position:relative;
	top:80px;
	width:440px;
	height:280px;
}

#synopsis_container #synopsis .scroll_text
{
	width:350px;
	font-size:15px;
	color:#f2e2c4;
	line-height:28px;
	padding-left:66px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	
}

#synopsis_close{
	position:relative;
	left:456px;
	top:77px;
	width:31px;
	height:32px;
	background:url(../images/synopsis_close.jpg);
	cursor:pointer;
}

#synopsis_title
{
	position:relative;
	float:left;
	left:64px;
	top:70px;
	font-size:32px;
	color:#7f7050;
/*	text-transform:uppercase;*/
	display:block;
	font-family:Arial, Helvetica, sans-serif;
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape){
body {
	font-size: 13px;
	color:#fff;
	min-width:1024;
	min-height:680px;
	font-family: Times New "Times New Roman", Times, serif;
	background:#000;
}
#billing 
{
	display:none;
	z-index:1000;
	position:absolute;
	top:410px !important;
	height:182px;
	width:100%;
	overflow:hidden;
}

#billing_img img{
	width:80%;
	height:80%;
}

#billing_container{
	position:absolute;
	background:url(../images/billing_bg.png);
	width:100%;
	height:182px;
	top:182px;
}

#footer {
	background:#000;
	width:1024px;
	position:absolute;
	top:590px !important;
	z-index:0;
}


#background
{
	position:absolute;
	z-index:-1;
	overflow:hidden;
	
	background:#000;
	width:1024px;
	height:690px;
}

#background img
{
	top:-350px;
	width:1024px;
	height:975px;
}


#trailer_container
{
	position:absolute;
	top:150px;
	left:225px;
	width:400px;
	/*margin:56px auto;*/
}

#trailer_container_index
{
	position:absolute;
	top:100px;
	left:225px;
	width:400px;
	/*margin:56px auto;*/
}

#trailer_close{
	position:relative;
	left:550px;
	top:32px;
	width:31px;
	height:32px;
	background:url(../images/synopsis_close.jpg);
	cursor:pointer;
}

#trailer_close_home{
	position:relative;
	left:550px;
	top:32px;
	width:31px;
	height:32px;
	background:url(../images/synopsis_close.jpg);
	cursor:pointer;
}

#trailer_close_index{
	position:relative;
	left:551px;
	top:62px;
	width:31px;
	height:32px;
	background:url(../images/synopsis_close.jpg);
	cursor:pointer;
}


#synopsis_container
{
	position:absolute;
	top:34px;
	left:200px;
	width:456px;
	/*margin:56px auto;*/
}

#synopsis_title
{
	position:relative;
	float:left;
	left:64px;
	top:50px;
	font-size:32px;
	color:#7f7050;
	text-transform:uppercase;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
}


#synopsis_container #synopsis .scroll_text
{
	width:350px;
	font-size:15px;
	color:#f2e2c4;
	line-height:28px;
	padding-left:66px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}

.scroll_container {
	width:456px;
	height:414px;
	background:#000;
	margin:11px auto 27px auto;
}

.scroll {
	position:relative;
	top:74px;
	width:436px;
	height:250px;
}

#synopsis_close{
	position:relative;
	left:456px;
	top:43px;
	width:31px;
	height:32px;
	background:url(../images/synopsis_close.jpg);
	cursor:pointer;
}

#container .title_treatment
{
	position:relative;
	top:-20px;
	width:461px;
	height:350px;
	margin:56px auto;
}

#container .title_treatment img
{
	position:relative;
	width:322px;
	height:300px;
	left:0px;
}

}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
#billing 
{
	display:none;
	z-index:99;
	position:absolute;
	top:675px !important;
	height:182px;
	width:100%;
	background:#000;
	overflow:hidden;
}

#billing_container{
	position:absolute;
	background:#000;
	width:100%;
	height:182px;
	top:182px;
}


#footer {
	background:#000;
	width:768px;;
	position:absolute;
	top:850px !important;
	z-index:0;
}



#background
{
	position:absolute;
	z-index:-1;
	overflow:hidden;
	
	background:#000;
	width:768px;
	height:690px;
}

#background img
{
	top:-200px;
	width:768px;
	height:736px;
}


#trailer_container
{
	position:absolute;
	top:120px;
	left:100px;
	width:400px;
	/*margin:56px auto;*/
}

#trailer_container_index
{
	position:absolute;
	top:80px;
	left:100px;
	width:400px;
	/*margin:56px auto;*/
}

#trailer_close{
	position:relative;
	left:550px;
	top:32px;
	width:31px;
	height:32px;
	background:url(../images/synopsis_close.jpg);
	cursor:pointer;
}

#trailer_close_home{
	position:relative;
	left:550px;
	top:32px;
	width:31px;
	height:32px;
	background:url(../images/synopsis_close.jpg);
	cursor:pointer;
}

#trailer_close_index{
	position:relative;
	left:551px;
	top:62px;
	width:31px;
	height:32px;
	background:url(../images/synopsis_close.jpg);
	cursor:pointer;
}

#container .title_treatment
{
	position:relative;
	top:-20px;
	width:460px;
	margin:56px auto;
}

#container .title_treatment img
{
	position:relative;
	width:322px;
	height:300px;
	left:0px;
}

#footer_container {
	position:relative;
	width:768px;
	height:90px;
	overflow:hidden;
}

#footer .credits
{
	position:relative;
	left:665px;
	top:-30px;
	width:300px;
	height:45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#b6b9ba;
}


#synopsis_container
{
	position:absolute;
	top:34px;
	left:40px;
	width:456px;
	/*margin:56px auto;*/
}

#synopsis_title
{
	position:relative;
	float:left;
	left:64px;
	top:50px;
	font-size:32px;
	color:#7f7050;
	text-transform:uppercase;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
}


#synopsis_container #synopsis .scroll_text
{
	width:350px;
	font-size:15px;
	color:#f2e2c4;
	line-height:28px;
	padding-left:66px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}

.scroll_container {
	width:456px;
	height:414px;
	background:#000;
	margin:11px auto 27px auto;
}

.scroll {
	position:relative;
	top:74px;
	width:436px;
	height:250px;
}

#synopsis_close{
	position:relative;
	left:456px;
	top:43px;
	width:31px;
	height:32px;
	background:url(../images/synopsis_close.jpg);
	cursor:pointer;
}
}
/* 
.fb_edge_widget_with_comment iframe
{
    width:100px !important;
}
*/
span.fb_edge_comment_widget.fb_iframe_widget iframe
{
    width:401px !important;
}

#player{
	width:800px;
	height:360px;
}

#portraitTest {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: #000;
	text-align: center;
}
	#portraitTest img {
		width: 90%;
	}
	
	#fbfind{
		display:none;
	}


	#twfind{
		display:none;
	}

/* 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);
}

