@charset "utf-8";
/* CSS Document LICENCE TO DRILL 2009 */



/* ------------------------------------------------------------------------
	Content Redefintion
------------------------------------------------------------------------- */

	* { padding: 0; margin: 0; }
	
	body {
		font: normal 70% Arial, Helvetica, sans-serif;
		color: #eee;
		background: #fff;
	}
	body.bgHome {
		background: #fff url(../images/backgrounds/bg.gif) repeat-x left top;
	}
	
	a, a:visited, a:hover {
		color:#ffcc00;
		outline: none;
	}

	img { border: 0; }

	h2 { height: 77px; text-indent: -100000px; }

/* ------------------------------------------------------------------------
		SHELL
------------------------------------------------------------------------- */
	#wrap {

		margin: 0 auto;
		width: 1007px;
	}

	.HomepageContainer {
		padding: 5px 0 0;
		width:100%; height: 165px;
	}
	
	.HomepageHeaderContainer, #bannerTop {
		height: 165px;
		margin: 0 auto;
		width: 1024px;
	}

	#bannerTop {
		height: 95px;
		padding: 0 0 5px 40px;
	}

	#footer {
		background: url(/medias/images/backgrounds/bg_footer.jpg) repeat-x left top;
	}



/* ------------------------------------------------------------------------
		Commom
------------------------------------------------------------------------- */

	.backHome { position: absolute; left: 0; top: 0; width: 300px; height: 95px; z-index: 21; }

	.leftMargin { margin-left: 19px; }
	.rightMarg10 { margin-right: 10px !important; }
	.topMarg12 { margin-top: 12px !important; }
	.topMarg15 { margin-top: 15px; }
	.rightMarg15 { margin-right: 15px !important; }
	.btmMarg15 { margin-bottom: 15px; }
	.noBtmMarg { margin-bottom: 0 !important; }
	.noMarg { margin: 0 !important; }

	.noBtmPad { padding-bottom: 0 !important; }
	.noTopPad { padding-top: 0 !important; }

	.fLeft { float: left; }
	.fRight { float: right; }

	.dropDownBox {
		position: absolute;
		right: 12px; top: 12px;
		width: 175px;
		z-index: 9999;
	}

	/* ----- Buttons  ----- */

	.link, #b_close {
		background: url(../images/buttons/arrow_link.gif) no-repeat left 5px;
		padding-left: 12px;
	}
	.btn {
		text-transform: uppercase;
		font-weight: bold;
		color: #000 !important;
		text-align: center;
		text-decoration: none;
		background: url(../images/buttons/btn.gif) repeat-x left top;
		height: 17px;
		padding: 8px 0 8px;
		display: block;
	}
		.btn:hover {
			background: url(../images/buttons/btn_over.gif) no-repeat center top;
			padding: 13px 0 3px;
		}


	/* ----- List  ----- */

	.basic { list-style: none; }
		.basic li {
			list-style: none;
			background: url(../images/backgrounds/pix_dark25.png) repeat left top;
			margin: 3px 0 5px;
		}
			.contrast, li.contrast { background: url(../images/backgrounds/pix_dark10.png) repeat left top !important; }
			.basic li a {
				background: url(../images/buttons/arrow_link.gif) no-repeat 10px 8px;
				padding: 4px 5px 5px 21px;
				display: block;
			}


	/* ----- pagin  ----- */

	.pagin {
		list-style: none;
		width: 100%;
		margin-top: 20px;
	}
		.pagin li {
			text-align: center;
			list-style: none;
			display: block;
			float: left;
		}
			.pagin li.previous, .pagin li.next, .pagin li.offPrev, .pagin li.offNext {
				text-align: left;
				background-image: url(../images/buttons/arrow_pagin.gif);
				background-repeat: no-repeat;
				background-position: left top;
				width: 300px; height: 33px;
			}
			.pagin li.previous a, .pagin li.next a {
				padding: 8px 0 0 52px;
				height: 25px;
				display: block;
				float: left;
			}
			.pagin li.next, .pagin li.offNext {
				text-align: right;
				background-position: right -99px;
				float: right;
			}
			.pagin li.previous a, .pagin li.previous span { padding: 8px 0 0 52px; display: block; float: left; }
			.pagin li.next span, .pagin li.next a {
				padding: 8px 52px 0 0 !important;
				display: block;
				float: right;
				/*text-align: right !important;*/	
			}
				.pagin li.offPrev, .pagin li.offNext {
					/* for IE */
  					filter:alpha(opacity=60);
					/* CSS3 standard */
					opacity:0.6;
				}
				.pagin li.previous:hover { background-position: left -33px; }
				.pagin li.next:hover { background-position: right -132px; }
				.pagin li.offPrev:hover { background-position: left top; }
				.pagin li.offNext:hover { background-position: right -99px !important; }

		.pagin .newListSelected { margin: 10px 0 0 0px; }


/* ------------------------------------------------------------------------
		HEADER Discovery
------------------------------------------------------------------------- */


	.HomepageHeaderLogo {
		display: inline;
		float: left;
		height: 51px;
		margin-left: 20px;
		width: 249px;
	}	
		.HomepageHeaderLogo a {
			background: url(http://www.discoverychannel.ca/Images/DiscoLogo.gif) no-repeat left top;
			display :block;
			height: 51px;
			width: 249px;
		}
	
	.HomepageHeaderMenu {
		display: inline;
		float: right;
		margin-right: 23px;
		margin-top: 0;
		width: 732px;
	}
	
	.MainMenuContainer {
		display: inline;
		float: right;
		margin-top: 0;
		position: relative;
		z-index: 5000;
	}
	
	.MainMenuTwitterContainer {
		position: absolute;
		right: 25px;
	}
		.MainMenuTwitterContainer a, .MainMenuRSSContainer a {
			background: url(http://www.discoverychannel.ca/Images/twitterIcon.jpg) no-repeat left top;
			display: block;
			width: 17px; height: 17px;
		}

	.MainMenuRSSContainer {
		display: block;
		margin-bottom: 10px;
		margin-left: 652px;
	}
		.MainMenuRSSContainer a { background: url(http://www.discoverychannel.ca/Images/rssLogoHomepage.jpg) no-repeat left top; }
	
	.MainMenuList {
		display: inline;
		float: left;
		margin: 0 55px 0 0;
		padding: 0;
	}
	.MainMenuList li {
		display: inline;
		float: left;
	}
	.MainMenuList li .MainMenuListText {
		display: inline;
		float: left;
		height: 20px;
	}
	.MainMenuListText {
		font-size: 18px;
		font-weight: bold;
		color: #132635;
	}
	
	.MainMenuListText img {
		border: 0;
		margin: 2px 15px 0;
	}

	.MainMenuShowsDropdown {
		background:transparent url(http://www.discoverychannel.ca/Images/blank.gif) repeat scroll left top;
		display:none;
		left:0;
		overflow:hidden;
		padding:10px;
		position:absolute;
		top:45px;
	}
	.MainMenuShowsDropdownInnerWrapper {
		background:#3E3E3E url(http://www.discoverychannel.ca/Images/dropDownBg.jpg) repeat-x scroll left top;
		border:1px solid #000000;
		overflow:hidden;
		padding:10px 0 10px 10px;
		position:relative;
	}
	.MainMenuShowsDropDownColumn {
		display:inline;
		float:left;
		font-size:11px;
		font-weight:bold;
		margin-right:10px;
		width:150px;
	}
	.MainMenuShowsDropDownItem {
		margin-bottom:5px;
	}
	.MainMenuShowsDropDownColumn a, .MainMenuShowsDropDownColumn a:visited, .MainMenuShowsDropDownColumn a:hover {
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
		text-decoration: none;
	}


	.MainMenuSearchContainer {
		display:inline;
		float:left;
		margin-top:-1px;
	}
	.MainMenuSearchBox {
		border:1px solid #BEBEBE;
		display:inline;
		float:left;
		height:19px;
		margin-right:5px;
		padding:2px;
		position:relative;
		top:1px;
		width:150px;
	}
	.MainMenuSearchContainer img {
		border: 1px solid #E4E4E4;
		cursor: pointer;
		display: inline;
		float :left;
	}



/* ------------------------------------------------------------------------
		CONTENT - Navigation 
------------------------------------------------------------------------- */

	.mainNav, .navSection { list-style: none; float: right; width: 392px; position: relative; z-index: 10; }
	.navSection {
		background: url(../images/nav/nav_bg.jpg) repeat-x left top;
		width: 100%;
		margin: 12px 0 10px;
	}
		.mainNav li, .navSection li { list-style: none; float: left; }
			.mainNav li a, .navSection li a {
				float: left;
				height: 37px;
				background-repeat: no-repeat;
				background-position: left top;
				text-indent: -100000px;
			}
				.mainNav li a#home_nav { background-image: url(../images/nav/nav_01.jpg); width: 61px; }
				.mainNav li a#theShow_nav { background-image: url(../images/nav/nav_02.jpg); width: 95px; }
				.mainNav li a#extras_nav { background-image: url(../images/nav/nav_03.jpg); width: 74px; }
				.mainNav li a#articles_nav { background-image: url(../images/nav/nav_04.jpg); width: 88px; }
				.mainNav li a#games_nav { background-image: url(../images/nav/nav_05.jpg); width: 74px; }
				.navSection li a#overviewNav { background-image: url(../images/nav/navsection_01.jpg); width: 94px; }
				.navSection li a#mgmNav { background-image: url(../images/nav/navsection_02.jpg); width: 56px; }
				.navSection li a#naborsNav{ background-image: url(../images/nav/navsection_03.jpg); width: 75px; }
				.navSection li a#voteNav { background-image: url(../images/nav/navsection_04.jpg); width: 52px; }

				.mainNav li a:hover, .navSection li a:hover {	background-position: left -37px; }

				.mainNav li.selected a, .navSection li.selected a,
				.mainNav li.selected a:hover, .navSection li.selected a:hover {	background-position: left -74px; }


/* ------------------------------------------------------------------------
		CONTENT - first row
------------------------------------------------------------------------- */

	.HomepageMainContentContainer {
		/*background: url(http://www.discoverychannel.ca/Images/hpbackground.jpg) repeat-x left top;*/
		overflow:hidden;
		width: 980px;
		margin: 0 auto;
	}
	.HomepagePromoModuleContainer {
		background: url(../images/episode1/banner.jpg) no-repeat left top;
		width: 980px; height:350px;
		float: left;
		position: relative;
	}
	#episode1 .HomepagePromoModuleContainer { background: url(../images/episode1/banner.jpg) no-repeat left top; }
	#episode2 .HomepagePromoModuleContainer { background: url(../images/episode2/banner.jpg) no-repeat left top; }
	#episode3 .HomepagePromoModuleContainer { background: url(../images/episode3/banner.jpg) no-repeat left top; }
	#episode4 .HomepagePromoModuleContainer { background: url(../images/episode4/banner.jpg) no-repeat left top; }
	#episode5 .HomepagePromoModuleContainer { background: url(../images/episode5/banner.jpg) no-repeat left top; }
	#episode6 .HomepagePromoModuleContainer { background: url(../images/episode6/banner.jpg) no-repeat left top; }

	#OneClipViewer {
		background: #122337;
		padding: 7px;
		position: absolute;
		left: 15px; top: 36px;
		width:300px; height:278px;
		z-index: 10;
	}
	#LeftTimeline {
		background: url(/images/backgrounds/left_timeline.png) no-repeat right top;
		position: absolute;
		left: 0; bottom: 0;
		width: 319px; height: 26px;
		z-index: 0;
	}
	#timeline {
		position: absolute;
		right: 0; bottom: 0;
		z-index: 10;
	}
	#timeline ul {
		list-style: none;
		background: url(/images/backgrounds/timeline_default.png) no-repeat right top;
		width: 661px; height: 95px;
		/*padding-left: 312px;*/
	}
		#timeline ul li {
			list-style: none;
			float: left;
		}
			#timeline ul li a {
				text-indent: -100000px;
				height: 95px;
				display: block;
				float: left;
			}
			#timeline ul li a.episode1 { background-image: url(/images/buttons/timeline_01.png); width: 95px; }
			#timeline ul li a.episode2 { background-image: url(/images/buttons/timeline_02.png); width: 115px; }
			#timeline ul li a.episode3 { background-image: url(/images/buttons/timeline_03.png); width: 121px; }
			#timeline ul li a.episode4 { background-image: url(/images/buttons/timeline_04.png); width: 123px; }
			#timeline ul li a.episode5 { background-image: url(/images/buttons/timeline_05.png); width: 116px; }
			#timeline ul li a.episode6 { background-image: url(/images/buttons/timeline_06.png); width: 91px; }

			#timeline ul li a.past { background-repeat: no-repeat; background-position: 0 -95px; }
			#timeline ul li a.past:hover { background-repeat: no-repeat; background-position: 0 -190px; }
			#timeline ul li a.selected { background-repeat: no-repeat; background-position: 0 1px; }


/* ------------------------------------------------------------------------
		CONTENT - second row
------------------------------------------------------------------------- */


	.HomepageSecondaryContentContainer,
	.GeneralContentContainer {
		width: 980px;
		float: left;
		position: relative;
		background: #fff;
		position: relative;
		z-index: 1;
	}
	.GeneralContentContainer #LeftTimeline {
		top: 325px !important;
		bottom: inherit;
	}
	.GeneralContentContainer #timeline {
		top: 256px !important;
		bottom: inherit;
		height: 95px;
	}
	.bannerZoom {
		width: 661px;
		height: 347px;
		float: left;
		background: url(../images/episode1/flash.jpg) no-repeat right top;
		position: relative;
		z-index: 1;
	}
	.bannerZoom object {
		position: absolute;
		width: 661px;
		height: 347px;
		right: 0; top: 0;
		z-index: 1;
	}
	.bigBox, .box {
		width: 661px;
		margin-top: 15px;
		float: left;
	}
	.box { width: 321px; }

	.bigBox, .bloc {
		background-color: #000;
		background-image: url(../images/backgrounds/bg_box.jpg);
		background-repeat: no-repeat;
		background-position: 0 75px;
		position: relative;
		z-index: 1;
	}
	.bloc {
		width: 100%;
		float: left;
	}
	.bigBox h2, .box h2, .boxPart h2 { text-indent: -1000000px; }
	.boxPart { float: left; }

	.content {
		width: 330px;
		position: relative;
		float: left;
		z-index: 2;
	}
		.content p{
			padding: 8px 0 8px;
		}
	.box .content {
		width: 301px;
		padding: 10px;
		float: none;
	}
	.leftPanel .content {
		width: 280px;
		padding: 4px 10px 8px;
	}



/* ----------------------------------------------
		LEFTPANEL
---------------------------------------------- */

	.leftPanel {
		float: left;
		width: 300px;
		padding-right: 19px;
		margin-top: 12px;
		position: relative;
		z-index: 20;
	}
	.GeneralContentContainer .leftPanel {
		margin-top: -2px;
		padding-top: 98px;
		background: url(../images/logos/ltd.jpg) no-repeat left top;
	}


/* --- Drillers Simulation Game box. --- *//* --- Drillers Arcade Game box. --- */
	#drillersSimulation { background: #000 url(../images/backgrounds/bg_leftpanel_box.jpg) no-repeat left top; font-size: 1.1em; }
		#drillersSimulation h2 { background: url(../images/titles/h2_drillerssimulationgame_l.png) no-repeat left top; }
		#drillersSimulation p, #drillersArcade p { font-weight: bold; }
		#drillersSimulation ul, #drillersArcade ul { list-style: none; float: left; padding-top: 5px; }
			#drillersSimulation ul li, #drillersArcade ul li {
				text-indent: -100000px;
				line-height: 0;
				list-style: none;
				width: 88px;
				padding: 50px 8px 0 0;
				float: left;
				text-align: center;
			}
				#drillersSimulation a,
				#drillersSimulation span,
				#drillersArcade ul li a,
				#drillersArcade ul li span {
					font-size: 1.2em;
					line-height: 1.2em;
					text-indent: 0;
					clear: both;
				}

				#drillersArcade ul li a, #drillersArcade ul li span { font-size: .9em; }
				#drillersArcade ul li span:hover, #drillersSimulation span:hover { background: url(../images/buttons/btn.gif) repeat-x scroll left top; padding: 8px 0; height: 17px;}
				#drillersSimulation ul li.last,
				#drillersArcade ul li.last { padding-right: 0;	}
				#drillersSimulation ul li#simulation1 { background: url(../images/placeholders/drillersimulation1.jpg) no-repeat left top; }
				#drillersSimulation ul li#simulation2 { background: url(../images/placeholders/drillersimulation2.jpg) no-repeat left top; }
				#drillersSimulation ul li#simulation3 { background: url(../images/placeholders/drillersimulation3.jpg) no-repeat left top; }

					#drillersSimulation ul li ul,
					#drillersArcade ul li ul { margin: 5px 0; }						

						#drillersSimulation ul li li,
						#drillersArcade ul li li {
							text-indent: 0;
							padding: 0 0 1px;
							line-height: 1em !important;
						}


/* --- Drillers Arcade Game box. --- */
	#drillersArcade { background: #000 url(../images/backgrounds/bg_drillersArcade.jpg) no-repeat left top; font-size: 1.1em; }
		#drillersArcade h2 { background: url(../images/titles/h2_drillersarcadegame_l.png) no-repeat left top; }


/* --- Community Leaderboards box. --- */
	.pub {background: none;}

	.leftPanel .bloc { background: #000 url(../images/backgrounds/bg_leftpanel_box.jpg) no-repeat left top; }
	#communityLeaderboards h2 { background: url(../images/titles/h2_communityleaderboards.png) no-repeat left top; }
	#communityLeaderboards ul {
		list-style: none;
		padding: 6px 0 15px;
	}
		#communityLeaderboards ul li {
			list-style: none;
			background: url(../images/backgrounds/pix_dark25.png) repeat left 15px;
			padding: 2px 5px 5px;
			margin: 3px 0 5px;
		}
			#communityLeaderboards ul li a {
				padding: 2px 5px;
				display: block;
				text-decoration: none;
				color: #fff;
				font-size: 1.2em;
			}
				#communityLeaderboards ul li a span {
					display: block;
					font-size: 1.3em;
					font-weight: bold;
				}


/* ----------------------------------------------
		CENTERPANEL
---------------------------------------------- */

	.centerPanel { float: left; width: 661px;
		position: relative;
		z-index: 1; }

/* --- Teams box. --- */
	#teams { background: #000 url(../images/backgrounds/bg_teams_2wells_tall.jpg) no-repeat left top; }
		#teams h2 { background: url(../images/titles/h2_teams.png) no-repeat left top; }
		#teams .content { width: 312px; padding: 152px 8px 10px 10px; }
		#teams .tighty { width: 308px !important; padding-right: 12px;}
		#teams #mgm, #teams #nabors,
		.levelTeam #mgm, .levelTeam #nabors {
			position: absolute;
			left: 194px; top: 1px;
			width: 120px; height: 133px;
		}
		 #teams #nabors { left: 17px; }
		#teams #mgm ul, #teams #nabors ul,
		.levelTeam #mgm ul, .levelTeam #nabors ul {
			list-style: none;
		}
		#teams #mgm li, #teams #nabors li,
		.levelTeam #mgm li, .levelTeam #nabors li {
			font-size: .9em;
			color: #b6bdc4;
			list-style: none;
			padding: 0 0 30px 33px;
		}
		#teams #nabors li {
			text-align: right;
			padding: 0 33px 48px 0;
		}
		#teams #mgm li.active, #teams #nabors li.active,
		.levelTeam #mgm li.active, .levelTeam #nabors li.active { font-weight: bold; font-size: 1em; color: #fff; }
		#teams #mgm div, #teams #nabors div,
		.levelTeam #mgm div, .levelTeam #nabors div  {
			background: url(../images/backgrounds/bg_levelmgm.gif) repeat-y left bottom;
			position: absolute;
			left: 3px; bottom: 3px;
			width: 21px;
		}
		#episode1 #teams #mgm div { height: 1px; }
		#episode2 #teams #mgm div { height: 7px; }
		#episode3 #teams #mgm div { height: 39px; }
		#episode4 #teams #mgm div { height: 58px; }
		#episode5 #teams #mgm div { height: 98px; }
		#episode6 #teams #mgm div { height: 122px; }

		#episode1 #teams #nabors div { height: 5px; }
		#episode2 #teams #nabors div { height: 31px; }
		#episode3 #teams #nabors div { height: 47px; }
		#episode4 #teams #nabors div { height: 56px; }
		#episode5 #teams #nabors div { height: 66px; }
		#episode6 #teams #nabors div { height: 122px; }

		#teams #nabors div { background: url(../images/backgrounds/bg_levelnabors.gif) repeat-y left bottom; left: 96px; }


/* --- Episode Summary box. --- */
	#episodeSummary h2 { background: url(../images/titles/h2_episodesummary.png) no-repeat left top; }
	#episodeSummary .content { padding: 10px; width: 365px; }

	#episodeSummary .tighty {
		width: 276px;
		margin-top: -2px;
		margin-bottom: -2px;
		padding: 0;
		text-align: right;
	}

/* --- Tv Show Pop-Ups  box. --- */
	#tvFeatures h2 { background: url(../images/titles/h2_tvfeatures.png) no-repeat left top; }


/* --- Extras box. --- */

		#extras h2 { background: url(../images/titles/h2_extras.png) no-repeat left top; }
		#extras h3 { font-size: 1.5em; }
		#extras .content p { padding-top: 0; font-size: 1.2em; }
		#extras .content p.watchNext { padding-bottom: 0; position: absolute; bottom: 10px; right: 10px; }

	 .box #extras  .content {
		float: left;
		height: 136px;
		padding-bottom: 35px;
		
	}

	.phDisplay{
		float: left;
		position: relative;
		z-index: 1;
		margin-top: -2px;
	}

			#episode1 #extras .pic0 { background: url(../images/episode1/extras/extras.jpg) no-repeat left top; }
			#episode1 #extras .pic1 { background: url(../images/episode1/extras/extra1.jpg) no-repeat left top; }
			#episode1 #extras .pic2 { background: url(../images/episode1/extras/extra2.jpg) no-repeat left top; }
			#episode1 #extras .pic3 { background: url(../images/episode1/extras/extra4.jpg) no-repeat left top; }

			#episode2 #extras .pic0 { background: url(../images/episode2/extras/extra4.jpg) no-repeat left top; }
			#episode2 #extras .pic1 { background: url(../images/episode2/extras/extra1.jpg) no-repeat left top; }
			#episode2 #extras .pic2 { background: url(../images/episode2/extras/extra3.jpg) no-repeat left top; }
			#episode2 #extras .pic3 { background: url(../images/episode2/extras/extra2.jpg) no-repeat left top; }

			#episode3 #extras .pic0 { background: url(../images/episode3/extras/extra4.jpg) no-repeat left top; }
			#episode3 #extras .pic2 { background: url(../images/episode3/extras/extra2.jpg) no-repeat left top; }
			#episode3 #extras .pic1 { background: url(../images/episode3/extras/extra3.jpg) no-repeat left top; }
			#episode3 #extras .pic3 { background: url(../images/episode3/extras/extra1.jpg) no-repeat left top; }

			#episode4 #extras .pic0 { background: url(../images/episode4/extras/extra2.jpg) no-repeat left top; }
			#episode4 #extras .pic1 { background: url(../images/episode4/extras/extra4.jpg) no-repeat left top; }
			#episode4 #extras .pic2 { background: url(../images/episode4/extras/extra3.jpg) no-repeat left top; }
			#episode4 #extras .pic3 { background: url(../images/episode4/extras/extra1.jpg) no-repeat left top; }

			#episode5 #extras .pic0 { background: url(../images/episode5/extras/extra1.jpg) no-repeat left top; }
			#episode5 #extras .pic1 { background: url(../images/episode5/extras/extra3.jpg) no-repeat left top; }
			#episode5 #extras .pic2 { background: url(../images/episode5/extras/extra4.jpg) no-repeat left top; }
			#episode5 #extras .pic3 { background: url(../images/episode5/extras/extra2.jpg) no-repeat left top; }

			#episode6 #extras .pic3 { background: url(../images/episode6/extras/extra2.jpg) no-repeat left top; }
			#episode6 #extras .pic2 { background: url(../images/episode6/extras/extra1.jpg) no-repeat left top; }
			#episode6 #extras .pic0 { background: url(../images/episode6/extras/extra4.jpg) no-repeat left top; }
			#episode6 #extras .pic1 { background: url(../images/episode6/extras/extra3.jpg) no-repeat left top; }

		#extras ul{
			list-style: none;
			position: relative;
			float: right;
			padding: 152px 0 0 205px;
			width: 115px; height: 28px;
			z-index: 4;
		}
			#extras  ul li  {
				list-style: none;
				padding: 0 3px;
				float: left;
			}

				#extras  ul li a {
					font-weight: bold;
					font-size: 1.2em;
					color: #000;
					text-decoration: none;
					background: url(../images/buttons/btn_pagin.gif) repeat-x left bottom;
					opacity: .5;
					filter:alpha(opacity=50);
					padding: 2px 6px;
					display: block;
					float: left;
				}
				#extras  ul li.highLight a {
					background: url(../images/buttons/btn_pagin.gif) repeat-x left bottom;
					opacity: 1;
					filter:alpha(opacity=100);
				}



/* --- Did You Guest Right box. --- */
	#didYouGuessRight { background:#000 url(../images/backgrounds/bg_predictions.jpg) no-repeat left 77px; }
		#didYouGuessRight h2 { background: url(../images/titles/h2_didyouguessright.png) no-repeat left top; }
		#didYouGuessRight .content { padding-bottom: 20px; }
		#didYouGuessRight strong { font-size: 2em; font-weight: bold; line-height: 1em; }
			.yeahWin { background: url(../images/buttons/btn_yeswin.png) no-repeat left top; }
			.noWin { background: url(../images/buttons/btn_nowin.jpg) no-repeat left -20px; }
		#didYouGuessRight .poll { margin: 0 0 0 -10px; }

/* --- Make Your Predictions  box. --- */
	#makeYourPredictions, #extras { background:#000 url(../images/backgrounds/bg_predictions.jpg) no-repeat left 255px; }	
	#episode6 #makeYourPredictions { background: #000 url(../images/backgrounds/bg_predictions_epi6.jpg) no-repeat left -10px; }

		#makeYourPredictions h2 { background: url(../images/titles/h2_makeyourpredictions.png) no-repeat left top; }

		#makeYourPredictions img {
			width: 320px; height: 180px;
			display: block;
		}

		#makeYourPredictions .content,
		#didYouGuessRight .content { font-size: 1.2em; 	}

		#makeYourPredictions .content { height: 248px; }
		#didYouGuessRight .content { height: 160px; }

		#makeYourPredictions h3, #makeYourPredictions p,
		#didYouGuessRight h3, #didYouGuessRight p {
			width: 100%;
			clear: both;
		}
		#makeYourPredictions h3 span,
		#didYouGuessRight h3 span {
			text-indent: -100000px;
			height: 23px;
			display: block;
			float: left;
		}
		#makeYourPredictions h3 span.episodeTxt,
		#didYouGuessRight h3 span.episodeTxt { background: url(../images/txt/episode.gif) no-repeat left top; width: 57px; }
		#episode1 #didYouGuessRight h3 span.episodeTxt { background: none; width: 57px; }
		#didYouGuessRight .showme, #makeYourPredictions .showme { display: none; }
		#episode1 #didYouGuessRight .content, #episode6 #makeYourPredictions .content  { display: none; }
		#episode1 #didYouGuessRight .showme { display: block; background: url(../images/episode1/didyouguessright.jpg) no-repeat left -45px; text-indent: -1000000px; }
		#episode1 #didYouGuessRight h3 span.episodeNb { background: none; }
		#episode2 #didYouGuessRight h3 span.episodeNb { background: url(../images/txt/1.gif) no-repeat left top; width: 15px; }
		#episode3 #didYouGuessRight h3 span.episodeNb { background: url(../images/txt/2.gif) no-repeat left top; width: 15px; }
		#episode4 #didYouGuessRight h3 span.episodeNb { background: url(../images/txt/3.gif) no-repeat left top; width: 15px; }
		#episode5 #didYouGuessRight h3 span.episodeNb { background: url(../images/txt/4.gif) no-repeat left top; width: 15px; }
		#episode6 #didYouGuessRight h3 span.episodeNb { background: url(../images/txt/5.gif) no-repeat left top; width: 15px; }
		#episode7 #didYouGuessRight h3 span.episodeNb { background: url(../images/txt/6.gif) no-repeat left top; width: 15px; }

		#episode1 #makeYourPredictions h3 span.episodeNb { background: url(../images/txt/1.gif) no-repeat left top; width: 9px; }
		#episode2 #makeYourPredictions h3 span.episodeNb { background: url(../images/txt/2.gif) no-repeat left top; width: 15px; }
		#episode3 #makeYourPredictions h3 span.episodeNb { background: url(../images/txt/3.gif) no-repeat left top; width: 15px; }
		#episode4 #makeYourPredictions h3 span.episodeNb { background: url(../images/txt/4.gif) no-repeat left top; width: 15px; }
		#episode5 #makeYourPredictions h3 span.episodeNb { background: url(../images/txt/5.gif) no-repeat left top; width: 15px; }
		#episode6 #makeYourPredictions h3 span.episodeNb { background: url(../images/txt/6.gif) no-repeat left top; width: 15px; }
		#episode6 #makeYourPredictions .showme { display: block; padding-top: 90px; height: 160px; }
		#episode6 #makeYourPredictions .showme p { width: 200px; }

	.poll {list-style: none; }
		.poll li {
			list-style: none;
			width: 100%;
			height: 72px;
		}
			.poll li a, .poll li span.mostPoll {
				text-indent: -1000000px;
				display: block;
				width: 83px; height: 72px;
				float: left;
			}
		    .yeahFixed, .yeahFixed span.mostPoll { background: url(../images/buttons/btn_yes.png) no-repeat -3px -77px; }
		    .noFixed, .noFixed span.mostPoll { background: url(../images/buttons/btn_no.gif) no-repeat 3px -81px; }
			.yeah a, .yeah span.mostPoll { background: url(../images/buttons/btn_yes.png) no-repeat -3px -77px; }
			.no a, .no span.mostPoll { background: url(../images/buttons/btn_no.gif) no-repeat 3px -81px; }
					.yeah a:hover { background: url(../images/buttons/btn_yes.png) no-repeat -3px 1px; }
					.no a:hover { background: url(../images/buttons/btn_no.gif) no-repeat 3px top; }
				.poll li span { padding-top: 8px; float: left; width: 72%; }
				.poll li.yeah span { padding-top: 28px; float: left; width: 72%; }
	.watchNext {text-align: right; font-size: .9em;}
	.watchNext span {font-size: 1.2em; font-weight: bold;}

		#makeYourPredictions .content p { padding-bottom: 0; 	}

		#makeYourPredictions .content p.watchNext{ padding: 0; }


/* --- Team Member Profile box. --- */


		#teamMemberProfile h2 {
			background: url(../images/titles/h2_teammemberprofile.png) no-repeat left top;
			position: relative;
			z-index: 4;
		}
		#teamMemberProfile h3 {
			float: none;
			clear: both;
			text-transform: uppercase;
		}

		#teamMemberProfile ul{
			list-style: none;
			position: absolute;
			right: 15px; bottom: 10px;
			z-index: 9;
		}
			#teamMemberProfile  ul li  {
				list-style: none;
				padding: 0 3px;
				float: left;
			}
				#teamMemberProfile  ul li a {
					font-weight: bold;
					font-size: 1.2em;
					color: #000;
					text-decoration: none;
					background: url(../images/buttons/btn_pagin.gif) repeat-x left bottom;
					opacity: .5;
					filter:alpha(opacity=50);
					padding: 2px 6px;
					display: block;
					float: left;
				}
				#teamMemberProfile  ul li.highLight a {
					background: url(../images/buttons/btn_pagin.gif) repeat-x left bottom;
					opacity: 1;
					filter:alpha(opacity=100);
				}
		#teamMemberProfile .slideshow {
			margin-top: -2px;
			position: relative;
			z-index: 2;
		}

		#teamMemberProfile .onTheSpot { width: 321px; height: 270px; position: relative; }
		#teamMemberProfile .onTheSpot h3 {
			font-size: 1.7em;
			text-transform: capitalize;
			text-align: right;
			right: 15px; bottom: 70px;
			position: absolute;
		}
		#teamMemberProfile .onTheSpot a {
			right: 15px; bottom: 50px;
			position: absolute;
		}
		#teamMemberProfile .onTheSpot q { padding: 10px; width: 220px; display: block; }
		#teamMemberProfile .naborsBg { background: #000 url(../images/backgrounds/bg_naborsprofile.jpg) no-repeat left -75px; }
		#teamMemberProfile .mgmBg { background: #000 url(../images/backgrounds/bg_mgmprofile.jpg) no-repeat left -75px; }

		#teamMemberProfile .paris, #teamMemberProfile .denny, #teamMemberProfile .clint,
		#teamMemberProfile .cliff, #teamMemberProfile .kevin, #teamMemberProfile .kate,
		#teamMemberProfile .tom, #teamMemberProfile .pete, #teamMemberProfile .jason,
		#teamMemberProfile .john, #teamMemberProfile .josh {
			background-repeat: no-repeat;
			background-position: left bottom;
			width: 321px; height: 270px;
		}

		#teamMemberProfile .paris { background-image: url(../images/members/nabors_paris.png); background-position: 15px bottom; }
		#teamMemberProfile .denny { background-image: url(../images/members/nabors_denny.png); }
		#teamMemberProfile .clint { background-image: url(../images/members/nabors_clint.png); }
		#teamMemberProfile .cliff { background-image: url(../images/members/nabors_cliff.png); }
		#teamMemberProfile .kevin { background-image: url(../images/members/nabors_kevin.png); }
		#teamMemberProfile .kate { background-image: url(../images/members/nabors_kate.png); }
		#teamMemberProfile .tom { background-image: url(../images/members/nabors_thomas.png); }
		#teamMemberProfile .pete { background-image: url(../images/members/nabors_pete.png); }
		#teamMemberProfile .jason { background-image: url(../images/members/mgm_jason.png); }
		#teamMemberProfile .john { background-image: url(../images/members/mgm_john.png); }
		#teamMemberProfile .josh { background-image: url(../images/members/mgm_josh.png); }



/* --- Licence to Chat. --- */

		#LicenceToChat { background: url(../images/backgrounds/bg_licencetochat.jpg) no-repeat left top; }
		#LicenceToChat h2 {
			background: url(/images/titles/h2_licencetochat.png) no-repeat left top;
			width: 661px;
			position: relative;
			z-index: 4;
		}
		#LicenceToChat .content {
			width: 637px;
			padding: 12px;
		}



/* --- Latest ... boxes. --- */

	#latestVideo .content,
	#latestArticle .content,
	#latestPhotos .content {
		padding: 5px 10px 33px;
		height: 210px;
	}
	#latestVideo .display,
	#latestArticle .display,
	#latestPhotos .display {
		background: #fff;
		width: 199px; height: 113px;
		margin-bottom: 5px;
		display: block;
	 }
/*
		#episode1 #latestVideo .display { background: #fff url(../images/episode1/latest/latest_video.jpg) no-repeat left top; }
		#episode2 #latestVideo .display { background: #fff url(../images/episode2/latest/latest_video.jpg) no-repeat left top; }
		#episode3 #latestVideo .display { background: #fff url(../images/episode3/latest/latest_video.jpg) no-repeat left top; }
		#episode4 #latestVideo .display { background: #fff url(../images/episode4/latest/latest_video.jpg) no-repeat left top; }
		#episode5 #latestVideo .display { background: #fff url(../images/episode5/latest/latest_video.jpg) no-repeat left top; }
		#episode6 #latestVideo .display { background: #fff url(../images/episode6/latest/latest_video.jpg) no-repeat left top; }
*/

		#latestVideo h3, #latestArticle h3, #latestPhotos h3 { font-size: 1.4em; }
		#latestVideo p, #latestArticle p, #latestPhotos p { padding: 0 0 12px; }
		#latestVideo .btn, #latestArticle .btn, #latestPhotos .btn {
			position: absolute;
			left: 10px; bottom: 10px;
			width: 91%;
		}
		#latestVideo h2 { background: url(../images/titles/h2_latestVideo.png) no-repeat left top; width: 222px; }
		#latestVideo .content {  width: 202px; }

		#latestArticle h2 { background: url(../images/titles/h2_latestArticle.png) repeat-x left top; width: 219px; }
		#latestArticle .content {  width: 199px; }

		#latestPhotos h2 { background: url(../images/titles/h2_latestPhotos.png) no-repeat left top; width: 220px; }
		#latestPhotos .content {  width: 200px; }
/*
		#episode1 #latestPhotos .display { background: #fff url(../images/episode1/latest/latest_photo.jpg) no-repeat left top; }
		#episode2 #latestPhotos .display { background: #fff url(../images/episode2/latest/latest_photo.jpg) no-repeat left top; }
		#episode3 #latestPhotos .display { background: #fff url(../images/episode3/latest/latest_photo.jpg) no-repeat left top; }
		#episode4 #latestPhotos .display { background: #fff url(../images/episode4/latest/latest_photo.jpg) no-repeat left top; }
		#episode5 #latestPhotos .display { background: #fff url(../images/episode5/latest/latest_photo.jpg) no-repeat left top; }
		#episode6 #latestPhotos .display { background: #fff url(../images/episode6/latest/latest_photo.jpg) no-repeat left top; }
*/

/* ------------------------------------------------------------------------
		MGM / Nabor - company
------------------------------------------------------------------------- */


	/* ------- Team Bio -------- */

	#MGMBanner { background: url(../images/placeholders/b_theshow_mgm.jpg) no-repeat left top; }
	#NaborsBanner { background: url(../images/placeholders/b_theshow_nabors.jpg) no-repeat left top; }
	#bioContainer {
		position: absolute;
		right: 10px; top: 53px;
		background: url(../images/backgrounds/bg_contentscroll.jpg) repeat-y left top;
		padding: 10px 0;
	}
	#pane {
		color: #fff;
		width: 314px; height: 168px;
	}
		#bioContainer .content {
			width: 268px;
			padding: 0 10px;
		}
		#bioContainer h2 {
			text-indent: 0;
			background: none;
			height: auto;
			padding-bottom: 10px;
		}
		#bioContainer p { padding: 10px 0; }


	/* ------- MGM / NAbors So Far... -------- */

	#mgmSoFar h2 { background: url(../images/titles/h2_mgmsofar.png) no-repeat left top; }
	#naborsSoFar h2 { background: url(../images/titles/h2_naborssofar.png) no-repeat left top; }
		#mgmSoFar .content p, #naborsSoFar .content p{ padding: 8px 12px; }


		#episode1 #mgmSoFar .epi1, #episode1 #naborsSoFar .epi1{ display: block; }
		#episode1 #mgmSoFar .epi2, #episode1 #naborsSoFar .epi2,
		#episode1 #mgmSoFar .epi3, #episode1 #naborsSoFar .epi3,
		#episode1 #mgmSoFar .epi4, #episode1 #naborsSoFar .epi4,
		#episode1 #mgmSoFar .epi5, #episode1 #naborsSoFar .epi5,
		#episode1 #mgmSoFar .epi6, #episode1 #naborsSoFar .epi6{ display: none; }

		#episode2 #mgmSoFar .epi2, #episode2 #naborsSoFar .epi2{ display: block; }
		#episode2 #mgmSoFar .epi1, #episode2 #naborsSoFar .epi1,
		#episode2 #mgmSoFar .epi3, #episode2 #naborsSoFar .epi3,
		#episode2 #mgmSoFar .epi4, #episode2 #naborsSoFar .epi4,
		#episode2 #mgmSoFar .epi5, #episode2 #naborsSoFar .epi5,
		#episode2 #mgmSoFar .epi6, #episode2 #naborsSoFar .epi6{ display: none; }

		#episode3 #mgmSoFar .epi3, #episode3 #naborsSoFar .epi3{ display: block; }
		#episode3 #mgmSoFar .epi2, #episode3 #naborsSoFar .epi2,
		#episode3 #mgmSoFar .epi1, #episode3 #naborsSoFar .epi1,
		#episode3 #mgmSoFar .epi4, #episode3 #naborsSoFar .epi4,
		#episode3 #mgmSoFar .epi5, #episode3 #naborsSoFar .epi5,
		#episode3 #mgmSoFar .epi6, #episode3 #naborsSoFar .epi6{ display: none; }

		#episode4 #mgmSoFar .epi4, #episode4 #naborsSoFar .epi4{ display: block; }
		#episode4 #mgmSoFar .epi2, #episode4 #naborsSoFar .epi2,
		#episode4 #mgmSoFar .epi3, #episode4 #naborsSoFar .epi3,
		#episode4 #mgmSoFar .epi1, #episode4 #naborsSoFar .epi1,
		#episode4 #mgmSoFar .epi5, #episode4 #naborsSoFar .epi5,
		#episode4 #mgmSoFar .epi6, #episode4 #naborsSoFar .epi6{ display: none; }

		#episode5 #mgmSoFar .epi5, #episode5 #naborsSoFar .epi5{ display: block; }
		#episode5 #mgmSoFar .epi2, #episode5 #naborsSoFar .epi2,
		#episode5 #mgmSoFar .epi3, #episode5 #naborsSoFar .epi3,
		#episode5 #mgmSoFar .epi4, #episode5 #naborsSoFar .epi4,
		#episode5 #mgmSoFar .epi1, #episode5 #naborsSoFar .epi1,
		#episode5 #mgmSoFar .epi6, #episode5 #naborsSoFar .epi6{ display: none; }

		#episode6 #mgmSoFar .epi6, #episode6 #naborsSoFar .epi6{ display: block; }
		#episode6 #mgmSoFar .epi2, #episode6 #naborsSoFar .epi2,
		#episode6 #mgmSoFar .epi3, #episode6 #naborsSoFar .epi3,
		#episode6 #mgmSoFar .epi4, #episode6 #naborsSoFar .epi4,
		#episode6 #mgmSoFar .epi5, #episode6 #naborsSoFar .epi5,
		#episode6 #mgmSoFar .epi1, #episode6 #naborsSoFar .epi1{ display: none; }

	#progress {
		background: url(../images/placeholders/progress.jpg) no-repeat right top;
		width: 330px; height: 176px;
		margin-top: -2px;
	 }
		#progress h3 {
			font-size: 1.8em;
			text-transform: uppercase ;
			text-align: center;
			padding-top: 6px;
		 }
		#progress p { 	text-align: center; }
		#progress ul {
			list-style: none;
			width: 100%;
			padding-top: 19px;
			float: left;
		 }
			#progress ul li {
				list-style: none;
				text-indent: -100000px;
				width: 162px; height: 80px;
				float: left;
				position: relative;
			 }
			#progress ul li.actual {
				background-image: url(../images/backgrounds/bg_actualprogress.png);
				background-repeat: no-repeat;
				background-position: 75px -30px;
			}
			#episode1 #mgmSoFar #progress ul li.actual { background-position: 75px -47px; }
			#episode2 #mgmSoFar #progress ul li.actual { background-position: 75px -47px; }
			#episode3 #mgmSoFar #progress ul li.actual { background-position: 75px -51px; }
			#episode4 #mgmSoFar #progress ul li.actual { background-position: 75px -37px; }
			#episode5 #mgmSoFar #progress ul li.actual { background-position: 75px -47px; }
			#episode6 #mgmSoFar #progress ul li.actual { background-position: 75px -12px; }

			#episode1 #naborsSoFar #progress ul li.actual { background-position: 75px -16px; }
			#episode2 #naborsSoFar #progress ul li.actual { background-position: 75px -22px; }
			#episode3 #naborsSoFar #progress ul li.actual { background-position: 75px -24px; }
			#episode4 #naborsSoFar #progress ul li.actual { background-position: 75px -95px; }
			#episode5 #naborsSoFar #progress ul li.actual { background-position: 75px -44px; }
			#episode6 #naborsSoFar #progress ul li.actual { background-position: 75px -16px; }

				#progress ul li.actual span {
					text-indent: 0 !important;
					background: url(../images/placeholders/actual_progressbar.gif) no-repeat left top;
					position: absolute;
					left: 106px; top: 3px;
					width: 7px;
					z-index: 3;
					overflow: hidden;
				 }
				#episode1 #mgmSoFar #progress ul li.actual span { height: 17px; }
				#episode2 #mgmSoFar #progress ul li.actual span { height: 17px; }
				#episode3 #mgmSoFar #progress ul li.actual span { height: 13px; }
				#episode4 #mgmSoFar #progress ul li.actual span { height: 28px; }
				#episode5 #mgmSoFar #progress ul li.actual span { height: 17px; }
				#episode6 #mgmSoFar #progress ul li.actual span { height: 53px; }

				#episode1 #naborsSoFar #progress ul li.actual span { height: 49px; }
				#episode2 #naborsSoFar #progress ul li.actual span { height: 43px; }
				#episode3 #naborsSoFar #progress ul li.actual span { height: 41px; }
				#episode4 #naborsSoFar #progress ul li.actual span { height: 0px; }
				#episode5 #naborsSoFar #progress ul li.actual span { height: 20px; }
				#episode6 #naborsSoFar #progress ul li.actual span { height: 49px; }

				#progress ul li.actual span.state {
					text-indent: -1000000px !important;
					background: url(../images/titles/h4_actual.png) no-repeat left top;
					left: 80px; top: 62px;
					width: 64px; height: 17px !important;
				 }
				#progress ul li ul {
						padding-top: 0;
						width: 42px; height: 22px;
						right: 39px; top: 25px;
						position: absolute;
					}

				#progress ul li.actual ul { right: 70px; top: 0; }

					#progress ul li ul li {
						font-size: 1.1em;
						text-indent: 0;
						background: url(../images/backgrounds/bg_actualmeters.png) repeat-x left top;
						position: relative;
						padding: 3px 5px 0 5px;
						width: auto; height: 19px;
					 }

						#episode1 #mgmSoFar #progress ul li.actual ul li {  top: 0px; }
						#episode2 #mgmSoFar #progress ul li.actual ul li {  top: 0px; }
						#episode3 #mgmSoFar #progress ul li.actual ul li {  top: 0px; }
						#episode4 #mgmSoFar #progress ul li.actual ul li {  top: 0px; }
						#episode5 #mgmSoFar #progress ul li.actual ul li {  top: 0px; }
						#episode6 #mgmSoFar #progress ul li.actual ul li {  top: 35px; }

						#episode1 #naborsSoFar #progress ul li.actual ul li { top: 20px; }
						#episode2 #naborsSoFar #progress ul li.actual ul li { top: 30px; }
						#episode3 #naborsSoFar #progress ul li.actual ul li { top: 30px; }
						#episode4 #naborsSoFar #progress ul li.actual ul li { top: 0; }
						#episode5 #naborsSoFar #progress ul li.actual ul li { top: 0; }
						#episode6 #naborsSoFar #progress ul li.actual ul li { top: 30px; }

	/* ------- Team Members -------- */

	#teamMembers h2 { background: url(../images/titles/h2_teammembers.png) no-repeat left top; }
	#teamMembers .content { padding: 3px 12px; width: 310px; height: 303px; }
	#teamMembers h3 { font-size: 2.5em; line-height: 1em; width: 175px; }
	#teamMembers h4 { font-size: 1.4em; padding-top: 15px; }

	#teamMembers .dropDownBox {
		font-weight: bold;
		font-size: 1em;
		position: absolute;
		left: 170px; top: 87px;
		width: 166px;
		z-index: 9;
	}
	/*#teamMembers .bioMember { position: relative; }*
	#teamMembers .member {
		width: 661px; height: 190px;
		clear: both;
	}*/
		#teamMembers .phMember{
			width: 201px; height: 201px;
			position: absolute;
			left: 0; bottom: 0;
			z-index: 3;
		}
		#teamMembers .membersInfos{
			list-style: none;
			background: #001e26;
			width: 446px; height: 105px;
			padding: 10px 0 15px 215px;
			position: relative;
			float: left;
		}
				#teamMembers .membersInfos li {
					list-style: none;
					padding: 0 10px 10px 0;
					width: 255px;
					float: right;
				}
				#teamMembers .membersInfos li.leftPart { width: 165px; float: left; }
				#teamMembers .membersInfos li b { font-size: 1.1em; }
				#teamMembers .membersInfos li.absolute {
					font-size: 1em;
					text-transform: uppercase;
					position: absolute;
					left: 165px; top: -65px;
					width: 170px;
					text-align: center;
					padding: 0;
				}
				#teamMembers .membersInfos li.absolute b { font-size: 1.6em; text-align: left !important;}

		#teamMembers #OneClipViewer {
			position: absolute;
			left: 336px; top: 85px;
		}



/* ------------------------------------------------------------------------
		Extras page
------------------------------------------------------------------------- */

		#photoAlbums h2 { background: url(../images/titles/h2_photoalbums.png) no-repeat left top; }
		#videoClips h2 { background: url(../images/titles/h2_videoclips.png) no-repeat left top; }
	
		#photoAlbums h3 a, #photoAlbums h3 { background: url(../images/titles/h3_morealbums.png) no-repeat 9px top; text-indent: -1000000px; height: 17px; display: block; }
		#videoClips h3 a, #videoClips h3 { background: url(../images/titles/h3_moreclips.png) no-repeat 9px top; text-indent: -1000000px; height: 17px; display: block; }

		#photoAlbums .content, #videoClips .content { padding-bottom: 40px; height: 295px; }
			#photoAlbums .content h3, #videoClips .content h3 { background: url(../images/titles/h3_featured.png) no-repeat left top; height: 24px; }
			#photoAlbums .content h4, #videoClips .content h4 { font-size: 1.6em; }
			#photoAlbums .content p, #videoClips .content p { padding-top: 0; }
			#photoAlbums .content h4 a, #videoClips .content h4 a,
			#photoAlbums .content p a, #videoClips .content p a { text-decoration: none; color: #fff; }

		#photoAlbums .onTheSpot , #videoClips .onTheSpot { padding: 20px 0 10px; }

	#photoAlbums ul, #videoClips ul {
		list-style: none;
		width: 100%;
		padding-top: 20px;
		float: left;
	}
		#photoAlbums ul li, #videoClips ul li{
			list-style: none;
			height: 50px;
			padding: 20px 9px;
			display: block;
		}
		#photoAlbums ul li.contrast, #videoClips ul li.contrast{ background: url(/images/backgrounds/pix_blue15.png) repeat left top !important; 	}
			#photoAlbums ul li a, #videoClips ul li a {
				color: #fff;
				text-decoration: none;
			}
				#photoAlbums ul li a .display, #videoClips ul li a .display{
					width: 88px; height: 50px;;
					margin-right: 7px;
					overflow: hidden;
					float: left;
				}
					#photoAlbums ul li a:hover .display, #videoClips ul li a:hover .display{
						width: 78px; height: 40px;
						border: 5px solid #ffcc00;
					}
						#photoAlbums ul li a:hover .display img, #videoClips ul li a:hover .display img {
							margin: -5px 0 0 -5px;
						}
						#photoAlbums ul li a strong, #videoClips ul li a strong {
							display: block;
							clear: right;
						}


		#photoAlbums ul li .btn, #videoClips ul li .btn {
			position: absolute;
			left: 9px; bottom: 9px;
			width: 300px;
		}

/* ------------------------------------------------------------------------
		photo Albums
------------------------------------------------------------------------- */

	.topUtil { padding: 10px 12px; }
		.topUtil p { font-weight: bold; float: left; }
		.topUtil a {
			background-color: #000;
			background-position: 10px 5px;
			padding: 0 10px 2px 20px;
			float: right;
		}
		#photoAlbums, #videoClips { min-height: 822px; }

		#photoAlbums ul.largest { padding-top:  0; }

		#photoAlbums ul.largest li, #videoClips ul.largest li{
			height: auto;
			padding: 0;
			float: left;
		}

			#photoAlbums ul.largest li strong, #videoClips ul.largest li strong {
				font-weight: bold;
				font-size: 2em;
				padding: 10px 0 10px 10px;
				display: block;
				clear: right;
			}
			 .descriptPh {
			 	font-weight: bold;
			 	color: #000;
			 	background: #ffc600 url(/images/buttons/arrow_descript.gif) no-repeat left top;
			 	width: 20px; min-height: 20px;
			 	margin-left: 10px;
			 	display: block;
			}

			.showAlt {
			 	background: #ffc600 url(/images/buttons/arrow_descript.gif) no-repeat left -20px;
				width: 609px; min-height: 14px;
				padding: 3px 5px 3px 25px;
				display: block;
			}

				#photoAlbums ul.largest li ul, #videoClips ul.largest li ul { padding: 5px 0 10px; }

					#photoAlbums ul.largest li ul li, #videoClips ul.largest li ul li{
						padding: 10px 11px;
						float: left;
					}
						#photoAlbums ul.largest li ul li a, #videoClips ul.largest li ul li a {
							width: 88px; height: 50px;
							overflow: hidden;
							display: block;
							float: left;
						}
							#photoAlbums ul.largest li ul li a:hover, #videoClips ul.largest li ul li a:hover {
								width: 78px; height: 40px;
								border: 5px solid #ffcc00;
							}
								#photoAlbums ul.largest li ul li a:hover img, #videoClips ul.largest li ul li a:hover img { margin: -5px 0 0 -5px; }


#videoClips .album  img {width: 88px; height: 50px;}

/* ------------------------------------------------------------------------
		Articles page
------------------------------------------------------------------------- */

	#featuredArticles h2 { background: url(/images/titles/h2_featuredarticles.png) no-repeat left top; }
	#featuredArticles .content {
		font-size: 1.1em;
		width: 641px;
		padding: 10px;
	}
	#featuredArticles h3 {
		font-size: 2em;
		padding-bottom: 12px;
		width: 430px;
	}
	#featuredArticles .dropBottom {
		position: absolute;
		left: 260px; bottom: 20px;
		z-index: 4;
	}
	#featuredArticles h4 { font-size: 1.4em; padding-top: 15px; }
	#featuredArticles h5 { font-size: 1.1em; padding-top: 15px; }

	/*#featuredArticles p.imgDescript {
		width: 541px;
		float: left;
		padding-right: 100px;
	}
	#featuredArticles p.imgDescript img { float: left; }*/
	#featuredArticles  .legend {
		font-size: .9em;
		padding-top: 3px;
		display: block;
		clear: both;
	}
	#featuredArticles ol { 
		padding: 10px 0 10px 20px;
		font-weight: bold;
		width: 621px;
		float:left;
	}
		#featuredArticles ol li {
			width: 300px;
			float:left;
		}
			#featuredArticles ol ol {
				list-style-type:lower-alpha;
				font-weight: normal;
				padding-top: 5px;
				width: 290px;
			}
	#featuredArticles p.answer { text-align: right; }

	dt { width: 60px; font-weight: bold; float: left; padding-bottom: 20px; }
	dd { width: 572px; float: left; padding-bottom: 20px; }

	.episodeContent { padding-bottom: 30px; float: left; min-height: 907px; position: relative; }
	.episodeContent .pagin { position: absolute; left: 0; bottom: 0; }


/* ------------------------------------------------------------------------
		Games page
------------------------------------------------------------------------- */

	#drillersSimulationGame { background: #000 url(/images/backgrounds/bg_drillerssimulationgame.jpg) no-repeat left top; }
		#drillersSimulationGame h2 { background: url(/images/titles/h2_drillerssimulationgame.png) no-repeat left top; }

		#drillersSimulationGame .content { padding: 12px 8px; width: 314px; }
		#drillersSimulationGame ul, #drillersSimulationGame ul li { list-style: none; }

		#drillersSimulationGame ul li.small { margin-top: 10px; float: left; }

		#drillersSimulationGame h3 { font-size: 1.6em; margin: -5px 0 10px; }

		.slack li { padding: 8px 0; font-size: 1.2em; }
	#drillersSimulationGame .btn { position: absolute; bottom: 10px; right: 17px; padding-right: 10px; padding-left: 10px; width: 282px; }
	#drillersSimulationGame span.btn:hover, .onTheCouch span.btn:hover, .onTheRoad span.btn:hover { background: url(../images/buttons/btn.gif) repeat-x left top;padding: 8px 10px; }
	#drillersArcadeGame { background: #000 url(/images/backgrounds/bg_arcadegame.jpg) no-repeat left top; }
		#drillersArcadeGame h2 { background: url(/images/titles/h2_drillersarcadegame.png) no-repeat left top; }
		#drillersArcadeGame ul { list-style: none; padding: 10px; width: 641px; float: left; }
		#drillersArcadeGame ul li {
			list-style: none;
			padding: 130px 6px 0 ;
			width: 201px;
			float: left;
			text-align: center;
		}
		#drillersArcadeGame ul li.last { padding-right: 0; }
		#drillersArcadeGame ul li .title{
			font-weight: bold;
			font-size: 1.2em;
			text-transform: uppercase;
			display: block;
		}
		#drillersArcadeGame ul li .descrriptionGame{
			font-size: 1.2em;
			height: 75px;
			padding: 0 10px;
			display: block;
		}


/* ------------------------------------------------------------------------
		Iphone Game page
------------------------------------------------------------------------- */

	#ltdIphoneGame { background: #000 url(/images/backgrounds/bg_ltdiphonegame.jpg) no-repeat left 75px; height: 814px; }
		#ltdIphoneGame h2 { background: url(/images/titles/h2_ltdiphonegame.png) no-repeat left top; }

		#ltdIphoneGame .content { padding: 12px 15px; width: 630px; }
		#ltdIphoneGame h3 { font-size: 1.2em; margin: 10px 0; }

	.imgPlace { padding-left: 140px !important; }
	h3.imgPlace { font-size: 1.6em !important; margin: 5px 0 10px !important; }
	#ltdIphoneGame .content p { font-size: 1.1em !important; }
	#ltdIphoneGame .fix {
		position: absolute;
		right: 15px; top: 100px;
		text-align: right;
		font-size: 1.2em;
	}

/* ------------------------------------------------------------------------
		CREDITS
------------------------------------------------------------------------- */

	#credits { background: #0d1827 url(/images/backgrounds/bg_credits.gif) repeat-x left center; height: 830px; }
		#credits h2 { background: url(/images/titles/h2_credits.png) no-repeat left top; }

		#credits ul {
			list-style: none;
			padding-top: 15px;
			position: relative;
		}
			#credits li {
				list-style: none;
				text-indent: -1000000px;
				font-size: 1em;
			}
				#credits ul ul {
					padding: 0 0 0 12px;
				}
				#credits li li {
					list-style: none;
					text-indent: 0;
					padding: 10px 0 0 0;
				}
				#credits li.support{
					text-indent: 0;
					padding-left: 12px;
					padding-top: 40px;
					font-size: 1.6em;
					font-weight: bold;
				}
				#credits ul ul ul {
					padding: 0;
				}
				#credits li li li {
					padding: 0;
				}
					#credits ul li li strong {
						font-size: 1.1em;
						clear: both;
						display: block;
					}
			#credits ul li#pixcomHD{ background: url(/images/logos/pixcomcredits_page.gif) no-repeat left top; }
			#credits ul li#pixcomHD a {
				width: 163px; height: 61px;
				display: block;
			}
			#credits ul li#discovery{
				background: url(/images/logos/discoverycredits_page.gif) no-repeat 12px 40px;
				padding-top: 40px; width: 148px;
			}
			#credits ul li#discovery a {
				width: 136px; height: 29px;
				display: block;
			}
			#credits ul li#lvlstudio{
				background: url(/images/logos/lvlstudiocredits_page.gif) no-repeat left top;
				/*position: absolute;
				left: 202px; top: 430px;*/
				width: 123px;
				float: left;
				position: relative;
				margin: -31px 0 0 205px;
			}
			#credits ul li#lvlstudio a {
				width: 118px; height: 23px;
				display: block;
			}
			#credits ul li#quebecor{
				background: url(/images/logos/quebecorcredits_page.gif) no-repeat left 20px;
				padding-top: 20px;
				text-indent: -1000000px;
				position: absolute;
				top: 0; left: 0;
			}
			#credits ul li#quebecor a {
				width: 151px; height: 57px;
				display: block;
			}
			#credits ul li#quebec{
				background: url(/images/logos/quebeccredits_page.gif) no-repeat left 29px;
				padding-top: 29px;
				text-indent: -1000000px;
				position: absolute;
				left: 205px; top: 0;
			}
			#credits ul li#quebec a {
				width: 136px; height: 49px;
				display: block;
			}
			#credits ul li#canada{
				background: url(/images/logos/canadacredits_page.gif) no-repeat left 35px;
				padding-top: 35px;
				text-indent: -1000000px;
				position: absolute;
				left: 380px; top: 0;
			}
			#credits ul li#canada a {
				width: 146px; height: 34px;
				display: block;
			}
			#credits ul li#ctf{
				background: url(/images/logos/ctfcredits_page.gif) no-repeat left 35px;
				padding-top: 35px;
				text-indent: -1000000px;
				position: absolute;
				left: 5px; top: 70px;
			}
			#credits ul li#ctf a {
				width: 180px; height: 82px;
				display: block;
			}

	.specialThk {
		position: absolute;
		left: 203px; top: 0px;
	}
	.specialThkPh {
		position: absolute;
		left: 203px; top: 83px;
	}


/* ------------------------------------------------------------------------
		FOOTER - CREDITS
------------------------------------------------------------------------- */

	.credits { width: 100%; text-align: center; clear: both; padding: 30px 0; }
		.credits p a, .credits p {color: #000;}


		.credits ul { list-style: none; width: 500px; margin: 0 auto; padding-top: 10px; }
			.credits ul li { list-style: none; float: left; }
				.credits ul li a { display: block; float: left; text-indent: -100000px; height: 42px; }
	#discoveryCredits { background: url(../images/logos/discovery_credits.gif) no-repeat left top; width: 145px; }
	#quebecorCredits { background: url(../images/logos/quebecor_credits.gif) no-repeat left top; width: 129px; }
	#pixcomCredits { background: url(../images/logos/pixcom_credits.gif) no-repeat left top; width: 126px; }
	#lvlstudioCredits { background: url(../images/logos/lvlstudio_credits.gif) no-repeat left top; width: 98px; }



/* ------------------------------------------------------------------------
		PRE_PAGE
------------------------------------------------------------------------- */

	#prepage .HomepagePromoModuleContainer {
		background:transparent url(../images/prepage/banner.jpg) no-repeat scroll left top !important;
	}
		#prepage #box1{
			background: url(/images/prepage/box1.jpg) no-repeat left top;
			width: 661px; height: 514px;
			text-indent: -1000000px;
		}
		#prepage #comingSoon {
			background: url(/images/prepage/bg_comingsoon.jpg) no-repeat left top;
		}
			#prepage #comingSoon h2 {
				background: url(/images/prepage/h2_comingsoon.png) no-repeat left top;
			}

	.bigbigBox {
		background: url(/images/prepage/bg_comingsoon.jpg) no-repeat left top;
		width: 980px;
		margin-top: 15px;
		float: left;
		clear: both;
	}
	.bigbigBox h2{
		background: url(/images/prepage/h2_comingsoon.png) no-repeat left top;
	}
	.bigbigBox ul { 	list-style:none; padding: 0 0 0 12px; 	}
		.bigbigBox ul li {
			list-style:none;
			float: left;
			padding-top: 169px;
		}
			.bigbigBox ul li strong{
				font-size: 1.2em;
				text-transform: uppercase;
			}
			.bigbigBox ul li.firstBox {
				background: url(/images/prepage/bg_firstBox.png) no-repeat left 20px;
				width: 328px;
			}
			.bigbigBox ul li.secondBox {
				background: url(/images/prepage/bg_secondBox.png) no-repeat left 20px;
				width: 328px;
			}
			.bigbigBox ul li.thirdBox {
				background: url(/images/prepage/bg_thirdBox.png) no-repeat left -25px;
				width: 312px;
			}
				.bigbigBox ul li ul {
					padding: 10px 0 20px 0;
				}
					.bigbigBox ul li li {
						list-style:none;
						float: none;
						padding-top: 0;
					}
					.bigbigBox ul li.thirdBox li {
						width: 250px;
					}





/* ------------------------------------------------------------------------
		FOOTER Discovery
------------------------------------------------------------------------- */

	.HomepageFooterContainer {
		font-size: 1.2em;
		clear:both;
		margin:5px auto 0;
		width:980px;
	}

	.FooterContainer {
		background: #1b496a url(http://www.discoverychannel.ca/Images/footerBg.jpg) repeat-x 0 0;
		height: 530px;
		position: relative;
		text-align: left;
		width: 980px;
	}
	.FooterVerticalContainer {
		margin: 82px 0 0 2px;
		position: absolute;
	}
	.FooterVerticalLeft {
		background: url(http://www.discoverychannel.ca/Images/footerVerticalLeft.jpg) no-repeat left top;	
		float:left;
		height:248px;
		width:31px;
	}
	.FooterVerticalMid {
		background:transparent url(http://www.discoverychannel.ca/Images/footerVerticalMid.jpg) no-repeat scroll left top;
		float:left;
		height:248px;
		width:31px;
	}
	.FooterVBox {
		background-color:#32749B;
		float:left;
		height:248px;
		width:205px;
	}
	.FooterVBoxTitle {
		border-bottom:1px solid #BABABA;
		height:22px;
		margin:15px 0 8px 17px;
		overflow:hidden;
		width:168px;
	}
	.FooterVBoxTitle h4, .FooterHBoxTitle h4 {
		color:#FFFFFF;
		font-size:15px;
		margin:0;
		width:168px;
	}
	.FooterVBoxText {
		color:#BABABA;
		font-size: 1.05em;
		height:180px;
		margin:0 0 0 17px;
		overflow:hidden;
		width:168px;
	}
	.FooterVBoxText a, .FooterVBoxText a:visited {
		color:#BABABA;
		text-decoration:none;
	}
	.FooterVerticalRight {
		background: url(http://www.discoverychannel.ca/Images/footerVerticalRight.jpg) no-repeat left top;
		float:left;
		height:248px;
		width:31px;
	}
	.FooterVerticalBottom {
		background: url(http://www.discoverychannel.ca/Images/footerVerticalBottom.jpg) no-repeat left top;
		clear:both;
		height:50px;
		width:975px;
	}
	.FooterHorizontalContainer {
		margin:360px 0 0 33px;
		position:absolute;
		width:913px;
	}
	.FooterHBoxTitle {
	border-bottom:1px solid #BABABA;
	height:22px;
	margin-bottom:8px;
	overflow:hidden;
	}
	.FooterVBoxTitle h4, .FooterHBoxTitle h4 {
	color:#FFFFFF;
	font-size:15px;
	margin:0;
	width:168px;
	}
	.FooterHBoxText {
	color:#7A8FA2;
	font-size:0.8em;
	height:55px;
	line-height:1.5em;
	overflow:hidden;
	text-align:justify;
	width:913px;
	}
	.FooterDiscoveryLink, .FooterDiscoveryLink:visited, .FooterDiscoveryLink:hover {
	color:#FFFFFF;
	text-decoration: none;
	}
	.FooterRightsContainer {
	color:#7A8FA2;
	font-size:0.7em;
	margin-top:20px;
	}
	.FooterSaveLocal {
	background: url(http://www.discoverychannel.ca/Images/218x60_save_local.jpg) no-repeat left top;
	display:block;
	height:60px;
	left:520px;
	position:absolute;
	top:80px;
	width:218px;
	}
	.FooterOlympicsLink {
	background:transparent url(http://www.discoverychannel.ca/Images/olympicfooter.gif) no-repeat scroll left top;
	display:block;
	height:75px;
	left:750px;
	position:absolute;
	top:80px;
	width:163px;
	}
	
	.FooterNonDiscoveryLink, .FooterNonDiscoveryLink:visited, .FooterNonDiscoveryLink:hover {
	color:#7A8FA2;
	text-decoration: none;
	}


/* SHOWTIMES */


.ShowtimesTime { font-size:1em; }
.ShowtimesHeaderSelect { font-size:0.7em; }
.ShowtimesTitle { font-size: 1em; }

.ShowtimesBody { color: #3F342F; }