#background {position: relative;margin: 0 auto;padding: 0;width: 100%;min-width: 970px;height: 1253px;background: url(../assets/background.jpg) 50% 0 no-repeat;border-top:1px solid #4d4d4d;}
#background-internal {position: relative;margin: 0 auto;padding: 0;width: 100%;min-width: 970px;height: 1253px;background: url(../assets/background-internal.jpg) 50% 0 no-repeat;border-top:1px solid #4d4d4d;}

a.promoLinks{color:#fff; text-decoration:none}
a.sidePromoLinks{color:#e3e3e3; text-decoration:none}

.tweets #background-internal {height: 1322px;}

.index #sideBanner {top: 165px}
.index #sideBannerText {top: 419px}
#topBannerText {color: #7d7d7d}
#sideBannerText {color: #ffffff}
.underline {text-decoration:underline;}
/***************CUSTOM PAGE BACKGROUNDS**************/


/***************Begin Main Content***************/
#showTitle {position: absolute;top: 11px;left: 0;margin: 0;padding: 0}
#showMenu {position: absolute;top: 112px;left: 0px;margin: 0;padding: 0;width: 975px;height: 31px;font-size:0px;z-index:20000 }

#homepageMain {position: absolute;top: 159px;left: 0px;margin: 0;padding: 0;width: 640px;height: 334px}
	#homepageMainText {position: absolute;top: 47px;left: 354px;margin: 0;padding: 0;width: 260px;font-size: 16px;font-weight: bold}
	#homepageMainSubText {font-size: 12px;font-weight: normal}
	#homepageMainTuneIn	{font-size: 13px;font-weight: bold}

#showPromos {position: absolute;top: 468px;left: 0px;margin: 0;padding: 0;width: 970px}

/***************Main Promo Row of 3 columns*****************/
.promoMain {position: relative;float: left;top: 3px;padding: 0;width: 310px;height: 219px;display: inline; margin-left: 10px}
	.homepageTitle {position: absolute;top: 0;left: 0;width: 310px;height: 37px}
	.homepagePromo {position: absolute;width: 320px;height: 205px}
	.homepageText {position: absolute;top: 160px;left: 13px;width: 290px;color: #fefefe;font-size: 12px;}
	
	.homepageLink {position: absolute;top: 176px;left: 266px;color: #b88b35;font-size: 12px}
	.homepageLink a {color: #d50000;text-decoration: none;font-weight: bold}
	.homepageLink a:hover {color: #ebc883;text-decoration: none;font-weight: bold}

/***************Promo Row of 3 columns*****************/
.promoRowOf3 {position: relative;float: left;padding: 0;width: 300px;height: 125px;display: inline;top: -4px;left: 2px; margin-left: 20px}
	.homepageRowOf3 {position: absolute;top: 0;left: 0}
	
	.homepageRowOf3Title {font-size: 12px; display: none}
	.homepageRowOf3Title a {color: #d50000;text-decoration: none;font-weight: bold}
	
	.homepageRowOf3_Text {position: absolute;top: 66px;left: 0;width: 300px;font-size: 12px; color: #000; *top:75px;}
		
	.homepageRowOf3_Text a {color: #fff;text-decoration: none}
	
	.homepageRowOf3Link	{position: absolute;top: 99px;left: 266px;color: #b88b35;font-size: 12px}
	.homepageRowOf3Link a {color: #b88b35;text-decoration: none;font-weight: bold}
	.homepageRowOf3Link a:hover {color: #ebc883;text-decoration: none;font-weight: bold}
	
/**************10px height div for end of main promos**********/
.promoEnd {position: relative;float: left;margin: 0;padding: 0;width: 970px;height: 10px;font-size: 0px}

/***************Promo Row of 2 columns*****************/
#promoRowOf2_1 {position: relative;float: left;margin-left: 10px;padding: 0;width: 469px;height: 107px;}
#promoRowOf2_1 .homepageRowOf2Title {position: absolute; top: 39px; left: 233px; color: #000; font-size: 12px; width: 213px}

#promoRowOf2_2 {position: relative;float: left;margin-left: 10px;padding: 0;width: 469px;height: 107px; display: inline}
#promoRowOf2_2 .homepageRowOf2Title {position: absolute; top: 39px; left: 243px; color: #000; font-size: 12px; width: 213px}

/***************Promo Row of 1 columns*****************/
#promoRowOf1 {position: relative;float: left;margin: 1px 0 0 15px;padding: 0;width: 1044px;height: 110px}
.promoRowOf1Desc {width:508px;position:absolute;top:90px;left:335px;margin:10px 0}

/***************Bottom Social*****************/
.index #bottomSocial {top: 1050px;}
.aboutTheShow #bottomSocial {top: 905px;}
.episode #bottomSocial {top:1290px;} 
.cast #bottomSocial, 
.crew #bottomSocial {top: 1290px;}
.download #bottomSocial {top: 860px;}
.blog #bottomSocial {top: 945px;}
.mobile #bottomSocial {top: 900px;}
.tweets #bottomSocial {top: 1290px;}
.gallery #bottomSocial {position:absolute;top:0px}

/***************Footer*****************/
#footer {top: 842px;font-size: 12px;font-weight: bold;color:#fff}
.index #footer{top:1070px;}
.episode #footer, .cast #footer, .crew #footer{top:1310px;}
.aboutTheShow #footer{top:926px;}
#footer a {font-size: 12px;font-weight: bold; text-decoration: underline;color:#fff}

#footerInternal {position: absolute;top: 920px;left: 0;width: 100%;text-align: center;margin: 0;padding: 0;font-size: 12px;font-weight: bold;color: #fff}
	#footerInternal a {color: #fff;font-size: 12px;font-weight: bold}
	
#footerInternalCommunity {position: absolute;top: 680px;left: 155px;width: 100%;text-align: center;margin: 0;padding: 0;font-size: 12px;font-weight: bold;	color: #fff}
	#footerInternalCommunity a {color: #fff;font-size: 12px;font-weight: bold}

#footerDownload {position: absolute;top: 870px;left: 0;width: 100%;text-align: center;margin: 0;padding: 0;font-size: 12px;font-weight: bold;	color: #fff}
	#footerDownload a {color: #fff;font-size: 12px;font-weight: bold}

#footerBlog {position: absolute;top: 958px;left: 0;width: 100%;text-align: center;margin: 0;padding: 0;font-size: 12px;font-weight: bold;color: #fff}
	#footerBlog a {color: #fff;font-size: 12px;font-weight: bold}

#footerTweets {position: absolute;top: 1310px;left: 0;width: 100%;text-align: center;margin: 0;padding: 0;font-size: 12px;font-weight: normal;	color: #fff}
	#footerTweets a {color: #fff;font-size: 12px;font-weight: bold}
.gallery #footer {position:absolute;top:30px}
	
/*********Internal Pages**********/
#internalBody {position: absolute;top: 158px;left: 0px;margin: 0;padding: 0;width: 640px;height: 637px}
#internalPhoto {position: absolute;top: -6px;left: 0;margin: 0;padding: 0;width: 272px;height: 637px}
.episode #internalPhoto{left:-12px; top:1px;}
.episode #internalBody {top: 157px;}
.crew #internalPhoto {top: -5px}
.cast #internalPhoto {left:0; top:-5px;}
.mobile #internalPhoto {left:-15px; top:-12px;}

#internalBackground {position: absolute;top: -5px;left: 284px;margin: 0;padding: 0;width: 368px;height: 637px}
.episode #internalBackground{top:1px;}
#internalTitle {position: absolute;top: 26px;left: 272px;margin: 0;padding: 0;width: 368px;height: 256px}
.crew #internalTitle {top: 56px; left:284px;}
.cast #internalTitle {top:19px; left:253px;}
.mobile #internalBackground {left:270px; top:-11px;}

/*******Side Promo************/
#sidePromoContainer {position: absolute;top: 430px;left: 658px;margin: 16px 0 0;padding: 0}
.sidePromo {position: relative;float: left;margin: 0 0 14px;padding: 0;width: 350px;height: 170px}
	.sidePromoImage {position: absolute;top: 0;left: 0;width: 350px}
	.sidePromoTitle	{position: absolute;top: 35px;left: 7px;width: 290px;height: 97px}
	.sidePromoText {display: none;position: absolute;top: 135px;left: 13px;width: 330px;color: #fff;font-weight: bold;font-size: 15px}
		.sidePromoText a {color: #fff;font-weight: bold;font-size: 15px;text-decoration: none}
	.sidePromoDesc {position: absolute;top: 135px;left: 10px;color: #000;font-size: 12px;display: block;width: 300px;height: 30px}
	.cast .sidePromo1 .sidePromoDesc {top:132px;line-height:12px}
	.download .sidePromo2 .sidePromoImage {left:5px}
	/*.episode .sidePromo1 .sidePromoDesc {top:127px;line-height:12px}*/
	
/*********About the Show**********/
#link-episodeGuide {position: absolute;top: 10px;left: 425px;margin: 0;padding: 0;width: 205px;height: 30px}
	#link-episodeGuide img {width:166px; height: 30px; display: block}
	#link-episodeGuide a {width: 166px; height: 30px; display: block}

#content-aboutTheShow {position: absolute;top: 290px;left:25px;margin: 0;padding: 0;font-size: 14px}
#content-aboutTheShowHolder {font-size:15px;width: 250px;height: 305px;color: #010101;overflow: auto;font-weight:bold;text-align:left}
	
/*********Episode Guide**********/	
#link-about {position: absolute;top: 18px;left: 360px;margin: 0;padding: 0;width: 90px;height: 25px}
	#link-about img {width: 87px; height: 22px; display: block}
	#link-about a {width: 90px; height: 25px; display: block}
	#link-about a:hover {background: url('../assets/clear.gif') no-repeat}

/*********Cast and Crew**********/
#link-cast {position: absolute;top: -3px;left: 345px;margin: 0;padding: 0;width: 70px;height: 25px}
	#link-cast img {width: 70px; height: 19px; display: block}
	#link-cast a {width: 70px; height: 19px; display: block}
	#link-cast a:hover {background: url('../assets/clear.gif') no-repeat}

#link-crew {position: absolute;top: -1px;left: 510px;margin: 0;padding: 0;width: 76px;height: 25px}
	#link-crew img {width:76px; height: 19px; display: block}
	#link-crew a {width: 76px; height: 19px; display: block}
	#link-crew a:hover {background: url('../assets/clear.gif') no-repeat}

#content-castCrew {position: absolute;top: 282px;left: 310px;margin: 0}
    .crew #content-castCrew {top:50px}
#content-castCrewHolder {width: 305px;height: 165px;overflow: auto;font-size: 15px;color: #ffffff;font-weight: bold}
    .crew #content-castCrewHolder {height:380px}
	#content-castCrewHolder  a {color:#ffffff}
#castCrewContainer {position: absolute;top: 513px;left: 330px;margin: 0;padding: 0;width: 278px; height: 107px; overflow: hidden}
.castImage {margin: 9px 0px;cursor: pointer;cursor: hand}

/***********Cast/Crew Side Scroller************/
#shifter {position: relative; margin: 0; width: 834px; height: 107px} /** make sure width can hold all thumbs **/
.pane {position: relative;float: left;margin: 0;width: 278px;height: 107px;overflow: hidden}
#buttonRight {display: none;position: absolute;top: 555px;left: 290px}
#buttonLeft {position: absolute;top: 555px;left: 600px}
.crew #shifter {width:556px}
/*********Episode and Music Guide**********/
#episodeDropdown {position: absolute;top: 94px;left: 520px}
#episodeMenu {position: absolute;top: 135px;left: 345px;font-size: 14px;color: #ffffff}
	#episodeMenu a {color: #959595}
	#episodeMenu a:hover {color: #fff}
.epNumber {cursor: pointer;color: #ffffff;font-weight: bold}
.epNumberOver {color: #ffffff}
.epTitle {color: #ffffff;font-weight: bold}
.epSeason {color: #ffffff;font-weight: bold}


#episodeTitle {position: absolute;top: 195px;left: 345px;font-size: 13px;color: #ffffff}
#content-episode {position: absolute;top: 250px;left: 345px;margin: 0;padding: 0}
#content-episodeHolder {width: 255px;height: 120px;overflow: auto;color: #ffffff;font-size: 12px;font-weight: bold}

#content-music {position: absolute;top: 555px;left: 345px; margin: 0;padding: 0; font-size: 12px;}
#content-musicHolder {width: 255px; height: 95px; overflow: auto; font-size: 12px}
	#content-musicHolder a {text-decoration: none}
	#content-musicHolder tr {color: #fff}
	#content-musicHolder tr.alt {color: #fff}

#content-music-comingsoon {position: absolute; top: 438px; left: 296px; width: 320px; color: #fff;font-size:14px; display:none;}
	
.musicLink a {color: #ffffff;text-decoration: none}
.alt .musicLink a {color: #ffffff}
.musicLink a:hover {color: #ffffff;text-decoration: none}
.musicLink.trackBand {clear: left; font-weight:bold;}
.trackTitle {display: inline; font-style:italic; font-weight: normal;}
.learnMore {color: #ffffff; clear: both; display: block; width: 50px}
	.learnMore a {color: #ffffff}
	
#musicPlayer {position: absolute;top: 420px;left: 345px;margin: 0;padding: 0;width: 347px;height: 132px;}

/*********Mobile**********/
#content-mobile {position: absolute;top: 289px;left: 295px}
#content-mobileHolder {width: 310px;height: 270px;overflow: auto;color: #ffffff;font-size: 12px}

/*********Downloads**********/
#downloadContainer {position: absolute;top: 159px;left: 0px;margin: 0;padding: 0;width: 640px;height: 665px; /*background: url("../assets/downloadBackground.jpg") no-repeat*/}
#downloadContainer a:hover {color: #fff;}

#downloadTabs {display: inline;position: absolute;top: 0px;left: 0px;margin: 0;padding: 0;width: 640px; z-index:150;}
	.btnWallpaper {position: absolute; left: 235px; height:31px ; width:95px ;}
	.btnPoster {position: absolute; left: 333px; height:39px ; width:163px ;}
	.btnScreensaver {position: absolute; left: 490px; height:25px ; width:115px ;}

.tabDownloads {cursor: pointer;cursor: hand}

#downloadWallpaper {position: absolute;top: -1px;left: -3px;margin: 0;padding: 0;width: 648px;height: 662px;background: url("../assets/downloadWallpaperBackground.jpg") no-repeat;}
	.downloadWallpaperText {position: absolute;top: 104px;left: 37px;margin: 0;padding: 0;width: 619px;color:#ffffff;}
	#downloadWallpaperLinks1 {position: absolute;top: 340px;left: 50px;margin: 0;padding: 0;width: 148px;text-align: center}
	#downloadWallpaperLinks2 {position: absolute;top: 340px;left: 253px;margin: 0;padding: 0;width: 148px;text-align: center}
	#downloadWallpaperLinks3 {position: absolute;top: 340px;left: 447px;margin: 0;padding: 0;width: 148px;text-align: center}
	#downloadWallpaperLinks4 {position: absolute;top: 565px;left: 141px;margin: 0;padding: 0;width: 148px;text-align: center}
	#downloadWallpaperLinks5 {position: absolute;top: 565px;left: 352px;margin: 0;padding: 0;width: 148px;text-align: center}

	.wallpaperText {color: #ffffff;font-size: 12px; font-weight:bold;}
		.wallpaperText a {color: #c4471a;text-decoration: none;font-weight: bold}
		.wallpaperText a:hover {color: #fff;text-decoration: none;font-weight: bold}

#downloadPoster {position: absolute;top: -1px;left: -3px;margin: 0;padding: 0;width: 648px;height: 662px;background: url("../assets/downloadPosterBackground.jpg") no-repeat;display: none}
	.posterText {color: #fff;font-size: 12px}
	.posterText a {position:absolute;top:150px;left:-13px}
	.posterText a:hover {color: #fff;text-decoration: none;font-weight: bold}
	.posterText a img {width:160px;height:20px}
	
	#downloadPosterLink1 {position: absolute;top: 413px;left: 105px;margin: 0;padding: 0;width: 180px; color:#ffffff;}
	#downloadPosterLink2 {position: absolute;top: 413px;left: 383px;margin: 0;padding: 0;width: 180px; color:#ffffff;}
	
#downloadScreensaver {position: absolute;top: -1px;left: -3px;margin: 0;padding: 0;width: 648px;height: 662px;background: url("../assets/downloadScreensaverBackground.jpg") no-repeat;display: none}
	#downloadScreensaverLink {position: absolute;top: 481px;left: 232px;margin: 0;padding: 0;width: 158px;font-weight: bold;color: #fff; text-align: center}
	#downloadScreensaverLink  a img {width:79px}

#downloadBanner {position: absolute;top: 95px;left: 10px;margin: 0;padding: 0;width: 618px;height: 413px;background: url("../assets/downloadBannerBackground.jpg") no-repeat;display: none}
	#downloadBannerLink {position: absolute;top: 140px;left: 40px;margin: 0;padding: 0;width: 165px}
	#bannerDownload {color: #fff;text-decoration: none;width: 100%;text-align: center}

/*********Gallery**********/
#firefighterGalleryContainer{position:absolute;top:150px;left:0;height:880px;width:970px}
.gallery #bottomContent {position:relative;top:950px}

/***********Production blog*************/
#productionBlog {position: absolute;top: 158px;left: 0px;margin: 0;padding: 0;width: 970px;height: 758px;background: url("../assets/blogBackground.jpg") no-repeat}

#content-productionBlog {position: absolute;top: 79px;left: 31px;margin: 0;padding: 0;width: 916px;height: 615px}
#content-productionBlogHolder {width: 916px;height: 615px;overflow: auto}

/*********Community Module**********/
#communityBody {position: absolute;top: 840px;left: 0px;margin: 0;padding: 0;background: url("../assets/communityBody.png") 0 0 no-repeat;width: 641px;height: 347px}
#communityTitle {position: absolute;top: 6px;left: 10px;font-size: 14px;color: #d50000;margin: 0px;padding: 0px;font-weight: bold}
	#communityTitle a {text-decoration: none;color: #fff;font-weight: bold}
	#communityTitle a:hover {text-decoration: underline;color: #ffffff;font-weight: bold}
	
	#communityForumLink a {color: #c9eafd;text-decoration: none;font-weight: bold}
	#communityForumLink a:hover {color: #fff;text-decoration: underline;font-weight: bold}

	#communityRowHolder {position: absolute;top: 28px;left: 0px;width: 640px;height: 80px;margin: 0px;padding: 0px}
	.communityRow {position: relative;float: left;width: 600px;height: 80px;margin: 0px;padding: 0px}

	.communityAvatar {position: absolute;top: 4px;left: 13px;margin: 0px;padding: 0px}
	.communityUsername {position: absolute;top: 64px;left: 13px;margin: 0px;padding: 0px;color: #d50000;font-size: 12px}
		.communityUsername a {color: #c5491b;text-decoration: none;font-weight: bold}

.communityPost, .communityPost2Lines {position: absolute;top: 25px;left: 137px;margin: 0px;padding: 0px;color: #9f9f9f;font-size: 12px}
	.communityPost a, .communityPost2Lines a {color: #fff;text-decoration: underline;font-weight: bold}
	.communityPost a:hover, .communityPost2Lines a:hover {color: #fff}

	.communityPost2Lines {top: 16px}

.communityLink {position: absolute;top: 43px;left: 616px;margin: 0px;padding: 0px}

/* -- tweets -- */
#tweetContent {position: absolute; top: 157px; left: 0; color: #fff; background: url("../assets/tweetsBackground.jpg") no-repeat; width: 640px; height: 1024px}
	#tweetContent p {position: absolute; left: 25px; width: 487px; font-size:15px; font-weight:bold;}
	#tweetContent a {display: block;position:absolute;left:513px;top:172px;width:95px;height:30px}
	.tweetContent1 {top: 135px}
	.tweetContent2 {top: 217px}
	.tweetContent3 {top: 297px}
	
	.tweetContent1 a img{position:absolute; height:36px; width:118px; left:43px;}

#twitters {position:absolute;top:413px;left:30px;width:559px;color:#000;font-size:12px;z-index: 1000}
#twitters ul {list-style:none;margin:0;padding:0}
	#twitters ul li {clear:both;margin:0;padding:9px 5px 0 0;overflow:hidden;border-bottom:1px solid #31221b;height: 69px}
	.twitterAvatar {float:left;	display:inline; margin-left:20px;}
	.twitterTime {color:#ad3b0f;font-style:italic;font-size:10px;margin-top:10px}
	.twitterMessage {float:right;display:inline;width:460px;color:#695f5a}
		.twitterMessage p {padding:0;margin:0 0 5px}
		.twitterMessage a {color:#695f5a}
	.twitterUser a {color:#4a849a;font-size:16px;text-decoration:none;font-weight:bold;margin-right: 3px}
		.twitterUser a:hover {text-decoration: underline}
	#lastTwitter {border-bottom:none; !important}

.twitterPagination {font-size: 14px}
.twitterPagination a {color: #000;text-decoration:none}
	.twitterPagination a:hover {text-decoration:underline}
#twitterPrevTop {position: absolute;top: 400px;left: 269px;z-index: 20001}
#twitterNextTop {position: absolute;top: 400px;left: 330px;z-index: 20002}
#twitterPrev {position: absolute;top: 1136px;left: 269px;z-index: 20003}
#twitterNext {position: absolute;top: 1136px;left: 330px;z-index: 20004}
#sponsor {position: absolute; top: 1123px; left: 664px}

#highriseBanner {position: absolute; top: 620px; left: 795px; width: 160px; height:600px; margin: 0; padding: 0}
#highriseBannerText {position: absolute; top: 1240px; left: 795px; color: #7c7c7c; display:none}

/* -- hd gallery -- */
#hdGallery {
	width: 100%;
	height: 900px;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 20005;
}

#hdGalleryContents {
	position: absolute;
	top: 27px;
	left: 50%;
	width: 1037px; /*980px;*/
	height: 900px;
	z-index: 20002;
	margin-left: -515px; /*-490px;*/
}

#modalContents
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20001;
	width: 1037px;
	height: 900px;
}
	
	#modal #modalClose
	{
		position: absolute;
		top: 30px;
		left: 389px;
	}

		
	#modalOverlay
	{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 20000;
		background: transparent url("http://fxnetworks.com/global_nav/images/menu_trans.png");
		width: 100%;
		height: 1300px;
		filter:alpha(opacity=90);
		-moz-opacity: 0.9;
		opacity: 0.9;
	}

	
#background_gallery {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	min-width: 970px;
	height: 1253px;
	background: url(../assets/background-gallery.jpg) 50% 0 no-repeat;
	border-top:1px solid #4d4d4d;
	}

