/* 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(../images/titleImages/Non-ScriptedContent/Wipeout.jpg);
}

.heroHome_2 {
	background-image:
		url(../images/titleImages/Non-ScriptedContent/Deal-or-no-Deal.jpg);
}

.heroHome_3 {
	background-image:
		url(../images/titleImages/Non-ScriptedContent/Big-Brother.jpg);
}

.heroHome_4 {
	background-image:
		url(../images/titleImages/Non-ScriptedContent/Extreme-Makeover-HE.jpg);
}

.heroHome_5 {
	background-image:
		url(../images/titleImages/Non-ScriptedContent/1vs100.jpg);
}

.heroHome_6 {
	background-image:
		url(../images/titleImages/Non-ScriptedContent/Fear-Factor.jpg);
}

.heroHome_7 {
	background-image:
		url(../images/titleImages/Non-ScriptedContent/Operation-Triumph.jpg);
}

.heroHome_8 {
	background-image:
		url(../images/titleImages/Non-ScriptedContent/Set-For-Life.jpg);
}

.heroHome_9 {
	background-image:
		url(../images/titleImages/Non-ScriptedContent/Star-Academy.jpg);
}

.heroHome_10 {
	background-image:
		url(../images/titleImages/ScriptedContent/Dead-Set.jpg);
}

.heroHome_11 {
	background-image: url(../images/elements/bg-cell.jpg);
}

.heroHome_12 {
	background-image: url(../images/titleImages/DigitalMedia/Kirill.jpg);
}

.heroHome_13 {
	background-image: url(../images/titleImages/DigitalMedia/Gap-Year.jpg);
}

.heroCareers {
	background-image: url(../images/elements/bg-careers.jpg);
}

.heroContact {
	background-image: url(../images/elements/bg-contact.jpg);
}

.heroNews {
	background-image: url(../images/elements/bg-news.jpg);
}

.heroWhatWeDo {
	background-image: url(../images/elements/bg-what-we-do.jpg);
}

.heroWhoWeAre {
	background-image: url(../images/elements/bg-who-we-are.jpg);
}

.heroCell {
	background-image: url(../images/elements/bg-cell.jpg);
}

.heroBigBrother {
	background-image: url(../images/elements/bg-big-brother.jpg);
}

.heroArryanHotel {
	background-image:
		url(../images/titleImages/ScriptedContent/Arrayan-Hotel.jpg);
}

.heroBellsBoys {
	background-image:
		url(../images/titleImages/ScriptedContent/Bells-Boys.jpg);
}

.heroCountryRoad {
	background-image:
		url(../images/titleImages/ScriptedContent/Country-Road.jpg);
}

.heroDeadSet {
	background-image:
		url(../images/titleImages/ScriptedContent/Dead-Set.jpg);
}

.heroDonJuan {
	background-image:
		url(../images/titleImages/ScriptedContent/Don-Juan-and-his-fair-lady.jpg);
}

.heroJuliaTango {
	background-image:
		url(../images/titleImages/ScriptedContent/Julia-Tango.jpg);
}

.heroMrAndMrsPells {
	background-image:
		url(../images/titleImages/ScriptedContent/Mr-and-Mrs-Pells.jpg);
}

.heroTotallyFrank {
	background-image:
		url(../images/titleImages/ScriptedContent/Totally-Frank.jpg);
}

.hero1vs100 {
	background-image:
		url(../images/titleImages/Non-ScriptedContent/1vs100.jpg);
}

.heroBigBrother {
	background-image:
		url(../images/titleImages/Non-ScriptedContent/Big-Brother.jpg);
}

.heroDealOrNoDeal {
	background-image:
		url(../images/titleImages/Non-ScriptedContent/Deal-or-no-Deal.jpg);
}

.heroExtremeMakeover {
	background-image:
		url(../images/titleImages/Non-ScriptedContent/Extreme-Makeover-HE.jpg);
}

.heroFearFactor {
	background-image:
		url(../images/titleImages/Non-ScriptedContent/Fear-Factor.jpg);
}

.heroOperationTriumph {
	background-image:
		url(../images/titleImages/Non-ScriptedContent/Operation-Triumph.jpg);
}

.heroSetForLife {
	background-image:
		url(../images/titleImages/Non-ScriptedContent/Set-For-Life.jpg);
}

.heroStarAcademy {
	background-image:
		url(../images/titleImages/Non-ScriptedContent/Star-Academy.jpg);
}

.heroWipeout {
	background-image:
		url(../images/titleImages/Non-ScriptedContent/Wipeout.jpg);
}

.heroBonsai {
	background-image: url(../images/titleImages/DigitalMedia/Bonsai.jpg);
}

.heroCell {
	background-image: url(../images/titleImages/DigitalMedia/Cell.jpg);
}

.heroGapYear {
	background-image: url(../images/titleImages/DigitalMedia/Gap-Year.jpg);
}

.heroKirill {
	background-image: url(../images/titleImages/DigitalMedia/Kirill.jpg);
}

.herobratz {
	background-image: url(../images/titleImages/DigitalMedia/bg-bratz.jpg);
}

.hero001 {
	background-image: url(../images/titleImages/Abstract/001.jpg);
}

.hero002 {
	background-image: url(../images/titleImages/Abstract/002.jpg);
}

.hero003 {
	background-image: url(../images/titleImages/Abstract/003.jpg);
}

.hero004 {
	background-image: url(../images/titleImages/Abstract/004.jpg);
}

.herobig1 {
	background-image: url(../images/titleImages/Abstract/bg-gen-big-1.jpg);
}

.herobig2 {
	background-image: url(../images/titleImages/Abstract/bg-gen-big-2.jpg);
}

.herobig3 {
	background-image: url(../images/titleImages/Abstract/bg-gen-big-3.jpg);
}

.herobig4 {
	background-image: url(../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 {
	background-color: #FFFFFF;
	height: 94px;
	padding: 22px 18px 0 39px;
	position: relative;
	width: 763px;
	z-index: 40;
}

.logo {
	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(../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(../images/elements/main-nav.gif) -125px
		-33px no-repeat;
}

.mainNav .navWhat a span {
	background: transparent url(../images/elements/main-nav.gif) -125px
		-33px no-repeat;
}

.mainNav .navShows a span {
	background: transparent url(../images/elements/main-nav.gif) -125px
		-33px no-repeat;
}

.mainNav .navNews a span {
	background: transparent url(../images/elements/main-nav.gif) -250px
		-33px no-repeat;
}

.mainNav .navCareers a span {
	background: transparent url(../images/elements/main-nav.gif) -375px
		-33px no-repeat;
}

.mainNav .navContact a span {
	background: transparent url(../images/elements/main-nav.gif) -500px
		-33px no-repeat;
}

/* hover states */
#home .mainNav .navWho a:hover,.mainNav .navWho a:hover,.whoHover {
	background: transparent url(../images/elements/main-nav.gif) 0px -33px
		no-repeat !important;
	border: none;
}

.mainNav .navWhat a:hover,.whatHover {
	background: transparent url(../images/elements/main-nav.gif) -125px
		-33px no-repeat;
	border: none
}

.mainNav .navShows a:hover,.whatHover {
	background: transparent url(../images/elements/main-nav.gif) -125px
		-33px no-repeat;
	border: none
}

.mainNav .navNews a:hover,.newsHover {
	background: transparent url(../images/elements/main-nav.gif) -250px
		-33px no-repeat;
	border: none
}

.mainNav .navCareers a:hover,.careersHover {
	background: transparent url(../images/elements/main-nav.gif) -375px
		-33px no-repeat;
	border: none
}

.mainNav .navContact a:hover,.contactHover {
	background: transparent url(../images/elements/main-nav.gif) -500px
		-33px no-repeat;
	border: none
}

/* selected states */
#who .mainNav .navWho a,#who-we-are .mainNav .navWho a {
	background: transparent url(../images/elements/main-nav.gif) 0px -66px
		no-repeat !important;
}

#home .mainNav .navWho a {
	background: transparent url(../images/elements/main-nav.gif) 0px -0px
		no-repeat;
}

#our-shows .mainNav .navShows a {
	background: transparent url(../images/elements/main-nav.gif) -125px
		-66px no-repeat !important;
}

#our-shows .mainNav .navWhat a {
	background: transparent url(../images/elements/main-nav.gif) -125px
		-66px no-repeat !important;
}

#our-shows .mainNav .navWho a {
	background: transparent url(../images/elements/main-nav.gif) 0px 0px
		no-repeat !important;
}

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

#what-we-do .mainNav .navWho a {
	background: transparent url(../images/elements/main-nav.gif) 0px 0px
		no-repeat;
}

#what .mainNav .navWhat a {
	background: transparent url(../images/elements/main-nav.gif) -125px
		-66px no-repeat !important;
}

#what .mainNav .navWho a {
	background: transparent url(../images/elements/main-nav.gif) 0px 0px
		no-repeat;
}

#news .mainNav .navNews a {
	background: transparent url(../images/elements/main-nav.gif) -250px
		-66px no-repeat !important;
}

#news .mainNav .navWho a {
	background: transparent url(../images/elements/main-nav.gif) 0px 0px
		no-repeat;
}

#careers .mainNav .navCareers a {
	background: transparent url(../images/elements/main-nav.gif) -375px
		-66px no-repeat !important;
}

#careers .mainNav .navWho a {
	background: transparent url(../images/elements/main-nav.gif) 0px 0px
		no-repeat;
}

#contact-us .mainNav .navContact a {
	background: transparent url(../images/elements/main-nav.gif) -500px
		-66px no-repeat !important;
}

#contact-us .mainNav .navWho a {
	background: transparent url(../images/elements/main-nav.gif) 0px 0px
		no-repeat;
}

.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-we-are .subNavWho,#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(../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(../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;
}

.hrcolSpan4Narrow {
	border-bottom: 1px solid #ccd6df;
	padding-bottom: 20px;
}

.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(../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;
}

.minor_countries {
	width: 100% !important;
}

.minor_countries ul {
	padding: 0;
	margin: 0;
}

.minor_countries ul li {
	list-style: none !important;
	float: left;
	width: 135px;
}