/* GENERAL SETTINGS
----------------------------------------------------*/
body{ background: #000 url(../_images/bg/pages-bg2.png) repeat-x top left;}
.clear{clear: both;}

a.more,
a.see-all {
	font-weight:bold;
	float: right;
	background:transparent url(../_images/bullet-arrow.gif) no-repeat scroll left center;
	padding-left:15px;
	margin-top: 0px;
	font-size:11px;
	color:#2890b7;
	text-transform: lowercase;
}

#savior1 {
	position: absolute;
	z-index: 600;
	display: block;
	height: 77px;
	width: 340px;
	top: 90px;
	left: 265px;
}

#savior2 {
	position: absolute;
	z-index: 600;
	display: block;
	height: 78px;
	width: 320px;
	top: 90px;
	left: 373px;
}

/* STRUCTURE
----------------------------------------------------*/
#wrapper{ 
	position: relative; 
	background: transparent; 
	width: 100%; 
	overflow: hidden;
	height: auto;
	text-align: left;
}

#content-container{
	margin: 0 0 0 7.5%; 
	padding: 0; 
	position: relative; 
	background: transparent; 
	width: 954px; 
	height: auto; 
	overflow: hidden;
}

/* header */
#header {
	width:954px;
	height:148px;
	margin:6px 0 0;
	position: relative;
	z-index: 100;
	background: transparent;
	/* border-bottom: 1px solid #666; */
}

#logo a {
	width:60px;
	height:0;
	padding-top:33px;
	overflow:hidden;
	background:url(../_images/fx-logo.png) no-repeat;
	float:left;
	margin:23px 59px 20px 60px;
}

.top-ad {
	width: 730px;
	height: 91px;
	float: right;
	display: block;
	padding: 0;
	margin: 0 0 5px;
}

.nav-holder {
	padding: 0;
	margin: 0 0 10px 0;
	display: block;
	width: auto;
	height: 51px;
}

/* NAVIGATION
----------------------------------------------------*/
#navigation {
	float:left;
	width:500px;
	height:51px;
	overflow:hidden;
	/*background:url(../_images/fx-navigation.png) no-repeat;*/
}
#navigation li {
	display:inline;
}
#navigation li a {
	float:left;
	height:0;
	padding-top:51px;
	overflow:hidden;
}
#navigation li a:hover,
#navigation a:active,
#navigation a.selected {
	background-position:0 -78px;
}
#navigation li#gn-watch-episodes a { background-position:0 -10px; width:260px; margin-right:2px; }
#navigation li#gn-shows a { background-position:-262px -10px; width:108px; margin-right:2px; }
#navigation li#gn-movies a { background-position:-373px -10px; width:108px; margin-right:2px; }

#navigation li#gn-watch-episodes a:hover, #navigation li#gn-watch-episodes a.selected { background-position:0 -88px; }
#navigation li#gn-shows a:hover, #navigation li#gn-shows a.selected { background-position:-262px -88px; }
#navigation li#gn-movies a:hover, #navigation li#gn-movies a.selected { background-position:-373px -88px; }

#navigation li a {
	background:url(../_images/fx-navigation.png) no-repeat;
}


#gn-watch-episodes {
	position:absolute;
	left: 118px;
	left: 0px;
}

#gn-shows{
	position:absolute;
	left: 262px;
}

#gn-movies {
	position:absolute;
	left: 373px;
	z-index: 300;
}

/* Episodes
------------------------------------------------------------*/
#episodes {
	background:url(../_images/episodes-background-player3.png) no-repeat;
	position:absolute;
	top:95px;
	left:0px;
	z-index:100;
}
#episodes div.inner {
	position:relative;
	float:left;
	width:590px;
	height:95px;
	padding-top:88px;
	padding-left:27px;
}
#episodes ul {
	width:300px;
	float:left;
}
#episodes li {
	font-size:14px;
	line-height:24px;
}
#episodes div.close a {
	width:28px;
	height:0;
	padding-top:28px;
	overflow:hidden;
	background:url(../_images/bttn-close.png) no-repeat;
	position:absolute;
	right:-5px;
	top:65px;
}
#episodes div.action {
	position:absolute;
	left:485px;
	top:167px;
}

/* Shows Drop Down
------------------------------------------------------------*/
#shows-titles {
	background:url(../_images/shows-background-player3.png) no-repeat;
	position:absolute;
	top:95px;
	left:262px;
	z-index:100;
}

#shows-titles div.inner {
	position:relative;
	float:left;
	width:660px;
	height:91px;
	padding-top:88px;
	padding-left:27px;
	z-index: 5;
}
#shows-titles ul {
	width:300px;
	float:left;
}
#shows-titles li {
	font-size:14px;
	line-height:24px;
}
#shows-titles div.close a {
	width:28px;
	height:0;
	padding-top:28px;
	overflow:hidden;
	background:url(../_images/bttn-close.png) no-repeat;
	position:absolute;
	right:-5px;
	top:65px;
}

#shows-titles div.action {
	position:absolute;
	left:565px;
	top:167px;
}


/* Subnavigation 
-----------------------------------------------------*/
#subnavigation {
	float:right;
	font-size:14px;
	font-weight:lighter;
	list-style:none;
	position: relative;
	z-index: 300;
}
#subnavigation li {
	float:left;
	padding:8px 11px 0 10px;
	border-right:1px solid #404040;
	display: inline;
}
#subnavigation li.last {
	padding-right:0;
	border:none;
}

/* image replacement solution for subnav */
#subnavigation li a {
	display:inline;
	float:left;
	height:0px;
	overflow:hidden;
	padding-top:14px;
}

#subnavigation li a.schedule {
	background:transparent url(../_images/gotham-schedule.png) no-repeat scroll left top;
	width: 61px;
}

#subnavigation li a.community {
	background:transparent url(../_images/gotham-community.png) no-repeat scroll left top;
	width: 78px;
}

#subnavigation li a.hubfx {
	background:transparent url(../_images/gotham-hubfx.png) no-repeat scroll left top;
	width: 45px;
}

#subnavigation li a.mobile {
	background:transparent url(../_images/gotham-mobile.png) no-repeat scroll left top;
	width: 43px;
}

/* User Controls
--------------------------------------------------*/
#user-controls {
	clear:right;
	float:right;
	font-size:11px;
	margin:16px 0 0 0;
	width:112px;
	position: relative;
	z-index: 300;
}
#user-controls li {
	float:left;
	padding:0 12px 0 13px;
	border-right:1px solid #404040;
}
#user-controls li.last {
	padding-right:0;
	border:none;
}

/* image replacement solution for subnav */
#user-controls li a {	
	display:inline;
	float:left;
	height:0;
	overflow:hidden;
	padding-top:10px;
	margin: 0;
}

#user-controls li a.login {
	background:transparent url(../_images/gotham-login.png) no-repeat scroll left top;
	width: 28px;
}

#user-controls li a.register {
	background:transparent url(../_images/gotham-register.png) no-repeat scroll left top;
	width: 45px;
}


/* PROMO ROW  & PROMO ROW WITH ONE TITLE
----------------------------------------------------*/
.promo-row {
	width: 954px;
	height: auto;
	clear: both;
	margin: 20px 0 10px 0;
	padding: 20px 0 5px;
	border-top: 1px solid #666;
	
}

.promo-block {
	height: 155px;
	width: 292px;
	overflow: hidden;
	float: left;
	margin: 8px 38px 0 0;
}


.promo-wtitle {
	height: auto;
	width: 291px;
	float: left;
	margin: 8px 36px 0 0;
	border-top: 1px solid #666;
	padding-top: 10px;
}

.promo-wtitle.last {
	margin-right: 0px;
}

.promo-wtitle .promo-block {
	margin: 8px 0 0 0;
	padding: 0;
	overflow: hidden;
}

.promo-wtitle ul {
	height: auto;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.promo-wtitle ul li{
	border-bottom: 1px solid #666;
	padding: 8px 0 8px 0;
	margin: 0;
	height: auto;
}

.promo-wtitle ul li.top-li {
	padding: 0 0 8px 0 !important;
	margin: 0;
}

.promo-wtitle.last-promo,
.promo-block.last-promo {margin: 8px 0 0;}

.noborder {border: none;}

.promo-info{
	height: 90px;
	width: 285px;
	background: #000;
	padding: 2px 6px 2px 6px;
}

.promo-info p{margin: 0; padding: 0; line-height: 15px;}

#mobile-overview .promo-info p {width: 280px;}

p.promo-time{color: #8b8b8b;}

/* AD
----------------------------------------------------*/
.ad-block {
	height: auto;
	width: 300px;
	height: 265px;
	overflow: hidden;
	float: left;
	margin: 8px 0 0 -8px;
	font-size: 11px;
}



/* FOOTER
----------------------------------------------------*/
#footer {
	background: transparent !important;
	border-top:1px solid #4d4d4d !important;
	margin:40px 0 0 7.5%;
	width:954px !important;
	float: left;
	min-width: 954px;
	position: relative;
}

.fx-show-nav {
	margin: 1.3em 0 0;
	overflow: hidden;
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 1.2em;
	width:670px;
	_width:680px;
}

.fx-show-nav li {
	padding:0 7px 0 13px;
	margin-bottom:5px;
	float:left;
	background:transparent url(../_images/bg/fx-nav_sep.gif) no-repeat left center;
	background-position:0 4px;
}

.fx-devices {
	margin: 1.3em 0 0;
	overflow: hidden;
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 1.2em;
	width:670px;
	_width:680px;
}

.fx-devices li {
	margin-bottom:5px;
	float:left;
}

#footer .inner {margin:0;}
#footer h3 {color:#ccc;margin-bottom:8px;font-size:18px;}
.fx-show-nav h2 {position: absolute;left: -1000em;text-align: left;}
.fx-show-nav li:first-child {padding-left: 0;background: none;}
.nav-btm {padding: 10px 0 0 0;border-top: 1px solid #111;margin-bottom: 70px;}
.footer-logo {position: absolute;top:15px;right: 0px;z-index: 90;} 
.copyright {clear: left;padding: 5px 0 0 0;color: #fff;width: 500px;font-size: 11px;}	

/* Image Replacements 
---------------------------------------------------*/
a.watch-episodes {
	display:block;
	height:0;
	width:139px;
	padding-top:38px;
	overflow:hidden;
	background:url(../_images/watch-episodes.png) no-repeat;
}

a.dloads-promos {
	display:block;
	height:0;
	width:177px;
	padding-top:38px;
	overflow:hidden;
	background:url(../_images/dloads-promos.png) no-repeat;
}

ul.shows li a.dloads-promos {
	display:block;
	height:0;
	width:177px;
	padding-top:38px;
	overflow:hidden;
	background:url(../_images/dloads-promos.png) no-repeat;
	margin-left: -15px;
}

a.visit-official-site {
	display:block;
	height:0;
	width:137px;
	padding-top:38px;
	overflow:hidden;
	background:url(../_images/visit-official-site.png) no-repeat;
}


div.age-verification {
	width:auto;
	height:300px;
	padding-top:50px;
	text-align:center;
}