/* Page Structure*/

@import url("content.css");

/* TOC

1: - Main Page Structure

2: - Header

3: - Main Nav

4: - Content

5: - Footer

*/


/* 1-:-------- Main Page Structure ------------ */

	html, body, form {
		margin:0;
		padding:0;
	}

	body {
		background-color: #e5eaef;
		background-position: top center;
		background-repeat: no-repeat;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 160%;
		color: #575f66;
		}
	
	#hero {
		background-position: center top;
		background-color: #e5eaef;
		background-repeat: no-repeat;
		width:100%;
	}
	
	.heroLink {
		float:right;
		width:100%;
		margin:244px 15px 0px 0px;

	}
	
	#hero .heroLink a {
		color:#fff;
		font-weight:bold;
		font-size:1.2em;
		text-decoration:none;
		float:right;
	}
	
	#hero .heroLink a:hover {
		text-decoration:underline;
		border:none;
	}	
	
	.largeHero {
		height:461px;
	}
	
	.smallHero {
		height:327px;
	}
	
	.heroHome_1 {	background-image: url(http://cookies.endemoluk.com/images/titleImages/Non-ScriptedContent/Wipeout.jpg);	}
	.heroHome_2 {	background-image: url(http://cookies.endemoluk.com/images/titleImages/Non-ScriptedContent/Deal-or-no-Deal.jpg);	}
	.heroHome_3 {	background-image: url(http://cookies.endemoluk.com/images/titleImages/Non-ScriptedContent/Big-Brother.jpg);	}
	.heroHome_4 {	background-image: url(http://cookies.endemoluk.com/images/titleImages/Non-ScriptedContent/Extreme-Makeover-HE.jpg);	}
	.heroHome_5 {	background-image: url(http://cookies.endemoluk.com/images/titleImages/Non-ScriptedContent/1vs100.jpg);	}
	.heroHome_6 {	background-image: url(http://cookies.endemoluk.com/images/titleImages/Non-ScriptedContent/Fear-Factor.jpg);	}
	.heroHome_7 {	background-image: url(http://cookies.endemoluk.com/images/titleImages/Non-ScriptedContent/Operation-Triumph.jpg);	}
	.heroHome_8 {	background-image: url(http://cookies.endemoluk.com/images/titleImages/Non-ScriptedContent/Set-For-Life.jpg);	}
	.heroHome_9 {	background-image: url(http://cookies.endemoluk.com/images/titleImages/Non-ScriptedContent/Star-Academy.jpg);	}
	.heroHome_10 {	background-image: url(http://www.endemoluk.com/static/images/titleImages/ScriptedContent/Dead-Set.jpg);	}
	.heroHome_11 {	background-image: url(http://www.endemoluk.com/static/images/elements/bg-cell.jpg);	}
	.heroHome_12 {	background-image: url(http://www.endemoluk.com/static/images/titleImages/DigitalMedia/Kirill.jpg);	}
	.heroHome_13 {	background-image: url(http://www.endemoluk.com/static/images/titleImages/DigitalMedia/Gap-Year.jpg);	}
	
	.heroCareers {	background-image: url(http://www.endemoluk.com/static/images/elements/bg-careers.jpg);	}
	.heroContact {	background-image: url(http://www.endemoluk.com/static/images/elements/bg-contact.jpg);	}
	.heroNews {	background-image: url(http://www.endemoluk.com/static/images/elements/bg-news.jpg);	}
	.heroWhatWeDo {	background-image: url(http://www.endemoluk.com/static/images/elements/bg-what-we-do.jpg);	}
	.heroWhoWeAre {	background-image: url(http://www.endemoluk.com/static/images/elements/bg-who-we-are.jpg);	}
	
	.heroCell {	background-image: url(http://www.endemoluk.com/static/images/elements/bg-cell.jpg);	}
	.heroBigBrother { background-image: url(http://www.endemoluk.com/static/images/elements/bg-big-brother.jpg);	}
	.heroArryanHotel { background-image: url(http://www.endemoluk.com/static/images/titleImages/ScriptedContent/Arrayan-Hotel.jpg);	}
	.heroBellsBoys { background-image: url(http://www.endemoluk.com/static/images/titleImages/ScriptedContent/Bells-Boys.jpg);	}
	.heroCountryRoad { background-image: url(http://www.endemoluk.com/static/images/titleImages/ScriptedContent/Country-Road.jpg);	}
	.heroDeadSet { background-image: url(http://www.endemoluk.com/static/images/titleImages/ScriptedContent/Dead-Set.jpg);	}
	.heroDonJuan { background-image: url(http://www.endemoluk.com/static/images/titleImages/ScriptedContent/Don-Juan-and-his-fair-lady.jpg);	}
	.heroJuliaTango { background-image: url(http://www.endemoluk.com/static/images/titleImages/ScriptedContent/Julia-Tango.jpg);	}
	.heroMrAndMrsPells { background-image: url(http://www.endemoluk.com/static/images/titleImages/ScriptedContent/Mr-and-Mrs-Pells.jpg);	}
	.heroTotallyFrank { background-image: url(http://www.endemoluk.com/static/images/titleImages/ScriptedContent/Totally-Frank.jpg);	}
	.hero1vs100 { background-image: url(http://www.endemoluk.com/static/images/titleImages/Non-ScriptedContent/1vs100.jpg);	}
	.heroBigBrother { background-image: url(http://www.endemoluk.com/static/images/titleImages/Non-ScriptedContent/Big-Brother.jpg);	}
	.heroDealOrNoDeal { background-image: url(http://www.endemoluk.com/static/images/titleImages/Non-ScriptedContent/Deal-or-no-Deal.jpg);	}
	.heroExtremeMakeover { background-image: url(http://www.endemoluk.com/static/images/titleImages/Non-ScriptedContent/Extreme-Makeover-HE.jpg);	}
	.heroFearFactor { background-image: url(http://www.endemoluk.com/static/images/titleImages/Non-ScriptedContent/Fear-Factor.jpg);	}
	.heroOperationTriumph { background-image: url(http://www.endemoluk.com/static/images/titleImages/Non-ScriptedContent/Operation-Triumph.jpg);	}
	.heroSetForLife { background-image: url(http://www.endemoluk.com/static/images/titleImages/Non-ScriptedContent/Set-For-Life.jpg);	}
	.heroStarAcademy { background-image: url(http://www.endemoluk.com/static/images/titleImages/Non-ScriptedContent/Star-Academy.jpg);	}
	.heroWipeout { background-image: url(http://www.endemoluk.com/static/images/titleImages/Non-ScriptedContent/Wipeout.jpg);	}
	.heroBonsai { background-image: url(http://www.endemoluk.com/static/images/titleImages/DigitalMedia/Bonsai.jpg);	}
	.heroCell { background-image: url(http://www.endemoluk.com/static/images/titleImages/DigitalMedia/Cell.jpg);	}
	.heroGapYear { background-image: url(http://www.endemoluk.com/static/images/titleImages/DigitalMedia/Gap-Year.jpg);	}
	.heroKirill { background-image: url(http://www.endemoluk.com/static/images/titleImages/DigitalMedia/Kirill.jpg);	}
	.herobratz { background-image: url(http://www.endemoluk.com/static/images/titleImages/DigitalMedia/bg-bratz.jpg);	}
	
	.hero001 { background-image: url(http://www.endemoluk.com/static/images/titleImages/Abstract/001.jpg);	}
	.hero002 { background-image: url(http://www.endemoluk.com/static/images/titleImages/Abstract/002.jpg);	}
	.hero003 { background-image: url(http://www.endemoluk.com/static/images/titleImages/Abstract/003.jpg);	}
	.hero004 { background-image: url(http://www.endemoluk.com/static/images/titleImages/Abstract/004.jpg);	}
	.herobig1 { background-image: url(http://www.endemoluk.com/static/images/titleImages/Abstract/bg-gen-big-1.jpg);	}
	.herobig2 { background-image: url(http://www.endemoluk.com/static/images/titleImages/Abstract/bg-gen-big-2.jpg);	}
	.herobig3 { background-image: url(http://www.endemoluk.com/static/images/titleImages/Abstract/bg-gen-big-3.jpg);	}
	.herobig4 { background-image: url(http://www.endemoluk.com/static/images/titleImages/Abstract/bg-gen-big-4.jpg);	}
	
	#wrapper {
		width: 980px;
		margin: 0px auto;
		padding: 0;
	}
		
	#container {
		width: 980px;
		margin: 0 0 0 9px;
		padding: 0;
		float:left;
		z-index:23;
		position:relative;
		}

	.clear {
		clear: both;
		}
		
		
/* 2-:-------- Header ------------ */

	#headerContainer {
		width:820px;
		height:383px;
		margin:16px 0 0 160px;
	}
	
	.smallHero #headerContainer {
		height:249px;
	}
	
	#header {
		height:94px;
		background-color:#fff;
		width:763px;
		padding:18px 18px 0 39px;
		z-index:40;
		position:relative;
	}
	
	.logo {
		width:101px;
		height:73px;
		float:left;
	}
	
	.searchPanel {
		float:right;
		width:188px;
		height:30px;
	}
	
	.searchPanel input {
		vertical-align:middle;
		margin:0;
		height:20px;
	}
	
	.searchPanel #searchInput {
		background-color:#f2f2f4;
		border:1px solid #ccd6df;
		color:#959a9f;
		width:125px;
		padding:0;
		height:18px;
	}
	
	
	
/* 3-:-------- Main Nav ------------ */

	.mainNav {
		width:624px;
		height:33px;
		float:right;
		padding:0;
		margin:0;
		list-style-type:none;
		position:relative;
		top:31px;
		background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) left top no-repeat;
	}
	
	.mainNav li {
		float:left;
		height:33px;
		margin:0 1px 0 0;
		padding:0;
	}
	
	.mainNav li a {
		text-indent:-9999px;
		font-size: 0.1em;
		float: left;
		cursor: pointer;
		height:33px;
		width:124px;
		display:block;
		border:none !important;
	}
	
	.mainNav li span {
		height:33px;
		width:0px;
	}
	
	.mainNav .navContact { margin-right:0px; }
	.subNavContact { position:relative;left:250px; }
	
/* span - hover states */
	.mainNav .navWho a span { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) -125px -33px no-repeat; }
	.mainNav .navWhat a span { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) -125px -33px no-repeat; }
	.mainNav .navShows a span { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) -125px -33px no-repeat; }
	.mainNav .navNews a span { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) -250px -33px no-repeat; }
	.mainNav .navCareers a span { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) -375px -33px no-repeat; }
	.mainNav .navContact a span{ background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) -500px -33px no-repeat; }
	
/* hover states */
	.mainNav .navWho a:hover, .whoHover { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) 0px -33px no-repeat; border:none; }
	.mainNav .navWhat a:hover, .whatHover { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) -125px -33px no-repeat; border:none }
	.mainNav .navShows a:hover, .whatHover { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) -125px -33px no-repeat; border:none }
	.mainNav .navNews a:hover, .newsHover { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) -250px -33px no-repeat; border:none }
	.mainNav .navCareers a:hover, .careersHover { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) -375px -33px no-repeat; border:none }
	.mainNav .navContact a:hover, .contactHover { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) -500px -33px no-repeat; border:none }
	

/* selected states */

	#who .mainNav .navWho a { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) 0px -66px no-repeat !important; }
	
	#home .mainNav .navWho a { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) 0px 0px no-repeat !important; }
	
	#our-shows .mainNav .navShows a { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) -125px -66px no-repeat !important; }
	#our-shows .mainNav .navWhat a { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) -125px -66px no-repeat !important; }
	#our-shows .mainNav .navWho a { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) 0px 0px no-repeat !important; }


	#what-we-do .mainNav .navWhat a { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) -125px -66px no-repeat !important; }
	#what-we-do .mainNav .navWho a { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) 0px 0px no-repeat !important; }

	#what .mainNav .navWhat a { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) -125px -66px no-repeat !important; }
	#what .mainNav .navWho a { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) 0px 0px no-repeat !important; }
	
	#news .mainNav .navNews a { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) -250px -66px no-repeat !important; }
	#news .mainNav .navWho a { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) 0px 0px no-repeat !important; }
	
	#careers .mainNav .navCareers a { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) -375px -66px no-repeat !important; }
	#careers .mainNav .navWho a { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) 0px 0px no-repeat !important; }
	
	#contact-us .mainNav .navContact a { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) -500px -66px no-repeat !important; }
	#contact-us .mainNav .navWho a { background:transparent url(http://www.endemoluk.com/static/images/elements/main-nav.gif) 0px 0px no-repeat !important; }
	
	.subNavContainer {
		float:right;
		padding:0 18px 0 0;
		width:624px;
		height: 1px;
		overflow: visible;
		display:none;
		z-index:100; 
	}
	
	.subNavContainer ul {
		width:110px;
		background-color:#660401;
		padding:7px;
		float:left;
		margin:0 1px 0 0;
		list-style-type:none;
	}
	
	
	#who .subNavWho, 
	#what .subnavWhat, 
	#our-shows .subnavWhat, 
	#our-shows .subnavShows, 
	#shows .subnavWhat,
	#what-we-do .subnavWhat, 
	#news .subNavNews, 
	#careers .subNavCareers, 
	#contact-us .subNavContact {
		background-color:#8e2047 !important;
	}
	
 #home .subNavWho,
	#what .subNavWho, 
	#our-shows .subNavWho, 
	#our-shows .subnavShows, 
	#what-we-do .subNavWho, 
	#shows  .subNavWho,
	#news .subNavWho, 
	#careers .subNavWho, 
	#contact-us .subNavWho {
	/*	background-color:#BD0300 !important;*/
	}
	
	
	
	.subNavContainer ul li {
		list-style-type:none;
		padding:0;
		margin:0 0 10px 0;
		line-height:0.9em;
	}
	
	.subNavContainer ul li a {
		width:110px;
		display:block;
	}
	
	.subNavContainer a {
		font-weight:bold;
		color:#fff;
		text-decoration:none;
		font-size:0.9em;
	}
	
	.subNavContainer a:hover {
		text-decoration:underline;
		border:none;
	}
	
	.subNavContainer ul li a {
		width:110px;
		display:block;
	}

	
/* 4-:-------- Content ------------ */

	
	.smallHero .highlightPanelContainer {
		position:absolute;
		top:0;
		height:337px;
		width:284px;
		left:13px;
	}
	
	.largeHero .highlightPanelContainer {
		position:absolute;
		top:0;
		height:471px;
		width:284px;
		left:13px;
	}
	
	.largeHero .homeHighlightContainer {
		height:544px !important;
	}
	
	.highlightPanel {
		width:284px;
		background-color:#01325b;
		border-bottom:10px solid #a3b4c3;
		position:absolute;
		bottom:0;
		padding:5px 10px 0px 10px;
		margin:0;
		float:left;
		z-index:23;
	}
	
	/*	.largePanel {
		padding:20px 10px 10px 10px;
	}
	*/
	
	#contentContainer {
		background: #f5f8fa url(http://www.endemoluk.com/static/images/elements/content-bg.gif) 0 0 no-repeat; 
		width: 822px;
		float:right;
		padding:0 0 25px 0;
		border-bottom: 10px solid #01325b;
		z-index:23;
		margin:0;
	}
	
	.leftCol {
		width: 144px;
		margin: 0 2px 0 18px;
		float: left;
	}
	
	.rightColContainer {
		background: #f5f8fa url(http://www.endemoluk.com/static/images/elements/content-bg-rightcol.gif) 0 0 repeat-y !important;
	}
	
	.rightCol {
		width:133px;
		padding:10px 15px 0 10px;
		float:right;
		min-height:300px;
	}
	
	.column {
		width: 141px;
		margin: 0 0 0 17px;
		float: left;
		padding:1px;
	}
	
	.colSpan2 {
		width:300px;
	}
	
	.colSpan3 {
		width:463px !important;
	}
	
	.colSpan4 {
		width:645px !important;
	}
	
	.colSpan4Narrow {
		width:600px !important;
	}
	
	.hrColSpan4 {
		width:621px;
		float:right;
		margin:10px 5px 0 0;
		border-bottom:1px solid #ccd6df;
	}
	
	.hrColSpan4a {
		/*width:621px;
		float:right;
		margin:10px 5px 0 0;
		border-bottom:1px solid #ccd6df;*/
	}
	
	.formatItem .hrColSpan4 {
		margin:10px 0 15px 0;
	}
	
	.hrColSpan3 {
		padding-bottom:20px !important;
		border-bottom:1px solid #ccd6df;
	}
	
	.hrColSpan3Clear {
		margin:10px 5px 0 0;
		width:463px;
		float:right;
		border-bottom:1px solid #ccd6df;
	}
	
	.contentTitle {
		width:620px;
		float:right;
		margin:0 24px 0 0;
		padding:10px 0 13px 0;
		border-bottom:10px solid #e3e8ed;
	}
	
	.sIFR-active .contentTitle {
		padding:0;
	}
	
	.contentItem {
		width:805px;
		float:left;
		margin:20px 0 0 0;
		padding:0;
	}
	
	.contentItemA {
		width:805px;
		float:left;
		padding:0;
	}
	

/* 5-:-------- Footer ------------ */
	
	#footerContainer {
		width:100%;
		background: transparent url(http://www.endemoluk.com/static/images/elements/footer-bg.jpg) repeat-x left top;
		float:left;
		padding:0 0 20px 0;
		margin:-40px 0 0 0;
		z-index:1;
		position:relative;
	}
	
	#footer {
		margin:60px auto 0 auto;
		width:800px;
		padding:0px 15px 0 175px;
		color:#858c92;
	}
	
	.gap { margin-top: 10px; }
	
	.subNavContainer {
	position:absolute;
	left:338px;
	}