body.shows {
	/*border-top:3px solid #ff4b00;*/
	background:url(../_images/fx-shows-bg.jpg) #000 top repeat-x !important;
}

#content-container { width: 1045px !important; }

body.shows #header {
	width:974px;
	height:78px;
	background:#000;
	margin:3px 0 0 0;
	position: relative;
	z-index: 100;
}
body.shows #header #logo a {
	width:60px;
	height:0;
	padding-top:33px;
	overflow:hidden;
	background:url(../_images/fx-logo.png) no-repeat;
	float:left;
	margin:23px 59px 0 0;
}

#savior1 {
	left:346px !important;
	top:0px !important;
	width:362px !important;
}

#savior2 {
	left:459px !important;
	top:0px !important;
	width:259px !important;
}



/* Navigation
------------------------------------------------------------*/
#navigation {
	float:left;
	width:500px;
	height:76px;
	overflow:hidden;
	margin-left: -32px;
	/*background:url(../_images/fx-navigation.png) no-repeat;*/
}
#navigation li {
	display:inline;
}
#navigation li a {
	float:left;
	height:0;
	padding-top:78px;
	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 0; width:260px; margin-right:2px; }
#navigation li#gn-shows a { background-position:-262px 0; width:108px; margin-right:2px; }
#navigation li#gn-movies a { background-position:-373px 0; width:108px; margin-right:2px; }

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

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

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

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

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

/* Subnavigation ***NOTE: The Homepage is also using this now...what's the best way to integrate?
------------------------------------------------------------*/
#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;
	behavior: url("_ui/css/iepngfix.htc");
	width: 61px;
}

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

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

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



/* User Controls
------------------------------------------------------------*/
#user-controls {
	clear:right;
	float:right;
	font-size:11px;
	margin:16px 0 0 0;
	width:112px;

}
#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;
}

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

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

/* Episodes
------------------------------------------------------------*/
#episodes {
	background:url(../_images/episodes-background-player3.png) no-repeat;
	position:absolute;
	top:1px;
	left:87px;
	height: 200px;
	z-index:100;
}
#episodes div.inner {
	position:relative;
	float:left;
	width:590px;
	height:90px;
	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;
	_height: 28px; /* ie7 fix */
	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;
	_left: 470px;
	*left: 455px;
	*padding-right: 25px;
	top:167px;
}

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

#shows-titles div.inner {
	position:relative;
	float:left;
	width:660px;
	height:90px;
	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;
	_height: 28px; /* ie7 won't take the conditional css */
	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;
	_left: 505px;
	*left: 490px;
	*padding-right: 25px;
	top:167px;
}