/*	===============================================================
	© Content Media Corp
	www.contentmediacorp.com
	Type:				Structure Styles
	Author:				Nigel Morris
	Creation Date:		20 June 2012
	---------------------------------------------------------------
	Version no:			1.0
	Last edited:		n/a still in development
	============================================================ */
	
/*	---------------------------------------------------------------
    
	1. GLOBAL
	2. HEADER
	3. MENU 
	4. CONTAINERS
	5. CONTANT
	6. SUB MENU
	7. TOP SUB MENU
	8. PANEL
	9. FOOTER
	10. OTHER
	
	------------------------------------------------------------ */


/*	---------------------------------------------------------------
	1. GLOBAL SETTINGS
	------------------------------------------------------------ */

	*{
	margin:0px;
	padding:0px;
	}
	
	html {
	height:100.1%;
	}
	
	body {
	color:#000000;
	background-color:#FFFFFF;
	margin:0;
	padding: 0px;
	left:0;
	right:0;
	width:100%;
	text-align:center;
	height:100.1%;
	}

	#container, #container-home, #footer{
	width:100%;
	margin:0px auto;
	text-align:center;
	}

	#container {
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	}
	
	#container, #container-home{
	background-repeat: repeat-y;
	background-position: center top;
	}
	
	#container{
	background-color:#FFFFFF;
	background-image: url(../images/site/bg_corporate.jpg);
	}
	
	#container-home{
	background-color:#FFFFFF;
	background-image: url(../images/site/bg_corporate_home.jpg);
	}
	
	.tv #container-home{
	background-color:#FFFFFF;
	background-image: url(../images/site/bg_tv_home.jpg);
	}
	
	.film #container-home{
	background-color:#FFFFFF;
	background-image: url(../images/site/bg_film_home.jpg);
	}

	
	
	/************** sticky footer styles **************** */


	/*
	#container {min-height: 100%; !important;}
	
	#content-container, #content-container-full {overflow:auto;
	margin-bottom: 210px;}  
	
	#footer {position: relative;
	margin-top: -210px; 
	height: 210px;
	clear:both;} 
	*/
	

	/************** end sticky footer styles **************** */
	
	/************** Tooltip for Film Biog **************** */
	.tooltip {
		display:none;
		position:absolute;
		border:1px solid #333;
		background-color:#161616;
		border-radius:5px;
		padding:10px;
		color:#fff;
		font-size:12px Arial;
	}
	/************** end Tooltip for Film Biog **************** */
	
	#container-home {
	background-color:#FFF;
	}
	
	#content-container, #header-container-full, #content-container-full, #footer-container-full{
	max-width: 960px;
	}
	
	#content-container, #content-container-full{
	background-color:#FFF;
	min-height:500px;
	}
	
	#header-container-full, #content-container-full, #footer-container-full{
	width:100%;
	height:100%;
	padding:0;
    margin: 0 auto;
    text-align: left;
	}
	
	
	#content-container.menu{
	float:right;
	width:78%;
	height:100%;
	padding:0;
    text-align: left;
	}
	
	
/*	---------------------------------------------------------------
	2. HEADER SETTINGS
	------------------------------------------------------------ */

	#header {
	width:100%;
	padding:0;
	margin:0 0;
	color:#000;
	background-attachment: scroll;
	background-color: transparent;
	background-repeat: repeat-x;
	background-position: 0 115px;
	background-color:#FFF;
	}
	
	.tv #header {
		background-image: url(../images/site/tv_digital/main-header/menu-bar-2px.png);
	}

	.film #header {
		background-image: url(../images/site/film/main-header/menu-bar-2px.png);
	}

	.corp #header {
		background-image: url(../images/site/corp/main-header/menu-bar-2px.png);
	}
	
	#header h1 {
	padding:0;
	margin:0;
	height:115px;
	width:320px;
	background-image: url(../images/site/contentmediacorp_logo_television.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	display:block;
	text-indent:-9999px;
	}
	
	
	#header h2 {
	padding:0;
	text-indent:-9999px;
	margin:0 auto;
	text-align:right;
	display:none;
	}
	
	#header h3{
	margin:0;
	padding:0;
	clear:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	}
	
/*	#header ul {
	margin:0;
	padding:0;
	list-style: none;	
	}
	#header ul li { 
	display: inline; 
	}
	#header ul li a {
	text-decoration: none;
	float: left;
	}*/
	#header Label{
	font-size: 0.8em;
	text-transform: uppercase;
	}
	
	#header	h1 a,
	#header	h1 a:link {
	color: #999;
	display:block;
	width:355px;
	height:115px;
	text-decoration:none;
	}
	
	
	
	#header p{
	margin:0;
	padding:10px 0 0 0;
	}
	
	#header p span{
	text-align:right;
	margin:0;
	padding:0;
	color:#999;
	}
	
	#header p span a{
	color:#CCC;
	}
	
	#header hr{
	margin:0 3em;
	color:#999;
	}
	
	#header a{
	text-decoration:none;
	}
	/*#header a:hover{
	text-decoration:underline;
	}*/
	
	#header .breadcrumbs{
	display:block;
	margin:0;
	padding:0.5em 0 0.5em 2em;
	width:auto;
	color:#999;
	/*
	text-transform:uppercase;
	*/
	}
	
	#header .breadcrumbs span.center{
	display:block;
	margin: 0 auto;
	width:945px;
	text-align:right;
	}

	
	/************** Box styles *****************/

	#searchLinks{
	padding:0;
	float:right;
	display: block;
	text-transform:uppercase;
	}
	
	#searchLinks p{
	text-align:right;
	}
	
	#searchLinks fieldset, #quicklinks fieldset {
	margin:0 0 1em 0;
	float:right;
	}

	#searchLinks label, #quicklinks label{
	color:#FFF;
	}


	#nav-container{
	height: 70px;
	width: 100%;
	background-attachment: scroll;
	background-color: transparent;
	background-repeat: repeat-x;
	background-position: center top;
	}
	
	/*
	.tv #nav-container {
		background: url(../images/site/tv_digital/main-header/menu-bar-2px.png) repeat-x scroll 0 0 transparent;
	}

	.film #nav-container {
		background: url(../images/site/film/main-header/menu-bar-2px.png) repeat-x scroll 0 0 transparent;
	}

	.corp #nav-container {
		background: url(../images/site/corp/main-header/menu-bar-2px.png) repeat-x scroll 0 0 transparent;
	}
	*/
	
	ul#nav {
    list-style-type: none;
	}
	
	ul#nav li {
    float: left;
	}
	
	ul#nav li a {
	color: #FFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 50px;
	text-indent:-9999px;
    /*padding: 0 auto;*/
    margin:0 auto;
	text-decoration: none;
    text-transform: uppercase;
	text-align:center;
	display:block;
	width:auto;
	min-width:80px;
	/*height:40px;*/
	}
	
	ul#nav li a, ul#nav li a:visited {
	color: #FFF;
	text-decoration: none;
	}
	
	/************** menu styles **************** */
	
	#menu1{
		
		width:97px;
	}


	#menu2{
		
		width:128px;
	}

	#menu3 { 
		
		width:95px;
	}

	#menu4 { 
		
		width:224px;
	}

	#menu5 { 
		
		width:85px;
	}


	#menu6 { 
		
		width:158px;
	}

	#menu7 { 
		
		width:136px;
	}

	
	
	
	/* TV Menu */
		

	.tv #menu1 a {
		background: url("../images/site/tv_digital/main-header/menu2.png?v=2") no-repeat scroll -10px 0 transparent;
		width:100%;
	}
	.tv #menu1 a:hover, .corp #menu1 a.section { 
		background: url("../images/site/tv_digital/main-header/menu2.png?v=2") no-repeat scroll -10px -65px transparent;
	}

	.tv #menu2 a {
		background: url("../images/site/tv_digital/main-header/menu2.png?v=2") no-repeat scroll -131px 0 transparent;
		width: 100%;
	}
	.tv #menu2 a:hover, .tv #menu2 a.section { 
		background: url("../images/site/tv_digital/main-header/menu2.png?v=2") no-repeat scroll -131px -65px transparent;
	}

	.tv #menu3 a { 
		background: url("../images/site/tv_digital/main-header/menu2.png?v=2") no-repeat scroll -282px 0 transparent;
		width: 100%;
	}
	.tv #menu3 a:hover, .tv #menu3 a.section  { 
		background: url("../images/site/tv_digital/main-header/menu2.png?v=2") no-repeat scroll -282px -65px transparent;
	}

	.tv #menu4 a { 
		background: url("../images/site/tv_digital/main-header/menu2.png?v=2") no-repeat scroll -391px 0 transparent;
		width: 100%;
	}
	.tv #menu4 a:hover, .tv #menu4 a.section { 
		background: url("../images/site/tv_digital/main-header/menu2.png?v=2") no-repeat scroll -391px -65px transparent;
	}

	.tv #menu5 a { 
		background: url("../images/site/tv_digital/main-header/menu2.png?v=2") no-repeat scroll -638px 0 transparent;
		width: 100%;
	}
	.tv #menu5 a:hover, .tv #menu5 a.section  { 
		background: url("../images/site/tv_digital/main-header/menu2.png?v=2") no-repeat scroll -638px -65px transparent;
	}

	.tv #menu6 a { 
		background: url("../images/site/tv_digital/main-header/menu2.png?v=2") no-repeat scroll -746px 0 transparent;
		width: 100%;
	}
	.tv #menu6 a:hover, .tv #menu6 a.section  { 
		background: url("../images/site/tv_digital/main-header/menu2.png?v=2") no-repeat scroll -746px -65px transparent;
	}


	.tv #menu7 a { 
		background: url("../images/site/tv_digital/main-header/menu2.png?v=2") no-repeat scroll -925px 0 transparent;
		width: 100%;
	}
	.tv #menu7 a:hover, .tv #menu7 a.section  { 
		background: url("../images/site/tv_digital/main-header/menu2.png?v=2") no-repeat scroll -925px -65px transparent;
	}
	

	/* Film Menu */


	.film #menu1 a {
		background: url("../images/site/film/main-header/menu2.png?v=2") no-repeat scroll -10px 0 transparent;
		width:100%;
	}
	.film #menu1 a:hover, .corp #menu1 a.section { 
		background: url("../images/site/film/main-header/menu2.png?v=2") no-repeat scroll -10px -65px transparent;
	}

	.film #menu2 a {
		background: url("../images/site/film/main-header/menu2.png?v=2") no-repeat scroll -131px 0 transparent;
		width: 100%;
	}
	.film #menu2 a:hover, .corp #menu2 a.section { 
		background: url("../images/site/film/main-header/menu2.png?v=2") no-repeat scroll -131px -65px transparent;
	}

	.film #menu3 a { 
		background: url("../images/site/film/main-header/menu2.png?v=2") no-repeat scroll -282px 0 transparent;
		width: 100%;
	}
	.film #menu3 a:hover, .film #menu3 a.section  { 
		background: url("../images/site/film/main-header/menu2.png?v=2") no-repeat scroll -282px -65px transparent;
	}

	.film #menu4 a { 
		background: url("../images/site/film/main-header/menu2.png?v=2") no-repeat scroll -391px 0 transparent;
		width: 100%;
	}
	.film #menu4 a:hover, .film #menu4 a.section { 
		background: url("../images/site/film/main-header/menu2.png?v=2") no-repeat scroll -391px -65px transparent;
	}

	.film #menu5 a { 
		background: url("../images/site/film/main-header/menu2.png?v=2") no-repeat scroll -638px 0 transparent;
		width: 100%;
	}
	.film #menu5 a:hover, .film #menu5 a.section  { 
		background: url("../images/site/film/main-header/menu2.png?v=2") no-repeat scroll -638px -65px transparent;
	}
	
	.film #menu6 a { 
		background: url("../images/site/film/main-header/menu2.png?v=2") no-repeat scroll -746px 0 transparent;
		width: 100%;
	}
	.film #menu6 a:hover, .film #menu6 a.section  { 
		background: url("../images/site/film/main-header/menu2.png?v=2") no-repeat scroll -746px -65px transparent;
	}


	.film #menu7 a { 
		background: url("../images/site/film/main-header/menu2.png?v=2") no-repeat scroll -925px 0 transparent;
		width: 100%;
	}
	.film #menu7 a:hover, .film #menu7 a.section  { 
		background: url("../images/site/film/main-header/menu2.png?v=2") no-repeat scroll -925px -65px transparent;
	}
	
	
	/* Corporate Menu */


	.corp #menu1 a {
		background: url("../images/site/corp/main-header/menu2.png?v=2") no-repeat scroll -10px 0 transparent;
		width:100%;
	}
	.corp #menu1 a:hover, .corp #menu1 a.section { 
		background: url("../images/site/corp/main-header/menu2.png?v=2") no-repeat scroll -10px -65px transparent;
	}

	.corp #menu2 a {
		background: url("../images/site/corp/main-header/menu2.png?v=2") no-repeat scroll -131px 0 transparent;
		width: 100%;
	}
	.corp #menu2 a:hover, .corp #menu2 a.section { 
		background: url("../images/site/corp/main-header/menu2.png?v=2") no-repeat scroll -131px -65px transparent;
	}

	.corp #menu3 a { 
		background: url("../images/site/corp/main-header/menu2.png?v=2") no-repeat scroll -282px 0 transparent;
		width: 100%;
	}
	.corp #menu3 a:hover, .corp #menu3 a.section  { 
		background: url("../images/site/corp/main-header/menu2.png?v=2") no-repeat scroll -282px -65px transparent;
	}

	.corp #menu4 a { 
		background: url("../images/site/corp/main-header/menu2.png?v=2") no-repeat scroll -391px 0 transparent;
		width: 100%;
	}
	.corp #menu4 a:hover, .corp #menu4 a.section { 
		background: url("../images/site/corp/main-header/menu2.png?v=2") no-repeat scroll -391px -65px transparent;
	}

	.corp #menu5 a { 
		background: url("../images/site/corp/main-header/menu2.png?v=2") no-repeat scroll -638px 0 transparent;
		width: 100%;
	}
	.corp #menu5 a:hover, .corp #menu5 a.section  { 
		background: url("../images/site/corp/main-header/menu2.png?v=2") no-repeat scroll -638px -65px transparent;
	}
	
	.corp #menu6 a { 
		background: url("../images/site/corp/main-header/menu2.png?v=2") no-repeat scroll -746px 0 transparent;
		width: 100%;
	}
	.corp #menu6 a:hover, .corp #menu6 a.section  { 
		background: url("../images/site/corp/main-header/menu2.png?v=2") no-repeat scroll -746px -65px transparent;
	}


	.corp #menu7 a { 
		background: url("../images/site/corp/main-header/menu2.png?v=2") no-repeat scroll -925px 0 transparent;
		width: 100%;
	}
	.corp #menu7 a:hover, .corp #menu7 a.section  { 
		background: url("../images/site/corp/main-header/menu2.png?v=2") no-repeat scroll -925px -65px transparent;
	}
	
	
/*	---------------------------------------------------------------
	3. MENU SETTINGS
	------------------------------------------------------------ */
	

	.submenu{
    margin: 0 auto;
    text-align: left;
	}
	
	
	
/*	.submenu ul li a{
	color:#FFF !important;
	float: left;
	font-size: 1.4em;
	line-height:1em;
	letter-spacing: 0;
	padding:0.8em 0.8em 0.6em 0.8em;
	margin:0em;
	text-decoration: none;
	border:#000 solid 2px;
	border-bottom-color:#000;
	border-left-color:transparent;
	border-right-color:transparent;
	}
	
	.submenu ul li a:hover {
	color:#CCC !important;
	text-decoration: none !important;
	}
	
	.submenu ul li a:visited {
	color:#FFF !important;
	}
	
	.submenu ul li a.menuSelect, .submenu ul li a.selected{ 
	color:#FFF !important;
	background-color:#E5322B;
	border:#E5322B solid 2px;
	}*/


	/************** menu styles **************** */
	
	/* Default First Menu */
	
	
	#menu1 a{ 
	
	}
	#menu1 a:hover, #menu1 a.section{ 
	
	}
	#menu2 a {
	
	}
	#menu2 a:hover, #menu2 a.section { 
	
	}
	#menu3 a { 
	
	}
	#menu3 a:hover, #menu3 a.section  { 
	
	}
	#menu4 a { 
	
	}
	#menu4 a:hover, #menu4 a.section { 
	
	}
	#menu5 a { 
	
	}
	#menu5 a:hover, #menu5 a.section  { 
	
	}
	#menu6 a { 
	
	}
	#menu6 a:hover, #menu6 a.section  { 
	
	}

	
/*	---------------------------------------------------------------
	4. CONTAINER SETTINGS
	------------------------------------------------------------ */

	#sub-menu-container{
	float:left;
	padding:0;
	width:20%;
	margin:0;
	background-color: #FFF;
	}
	
	#sub-menu-container-full{
	float:right;
	width:100%;
	padding:0;
	margin:0;
	background-color: #FFF;
	position:relative;
	
	}
	
	#sub-menu-container h2{
	font-size:1.2em;
	padding:0.2em 0.4em;
	margin:0;
	display:block;
	}
	
	

/*	---------------------------------------------------------------
	5. CONTENT SETTINGS
	------------------------------------------------------------ */

	#content-container-home {
	float:none;
	width:100%;
	margin: 0;
	padding:0;
height:auto;
	}
	
	#content-container-full{
	float:none;
	width:100%;
	padding:0;
	height:auto;
	}
	
	#content-container{
	height:100%;
	margin: 0;
	padding:0;
	
	}
	
	#content-container.leftmenu{
	float:right;
	/*Width is needed to float right; */
	width:78%;	
	}
	
	#footer-container-full{
	padding-top: 1em;
	width:100% !important;
	}
	
	
	.content {
	width:100%;
	padding:0;
	/*min-height:300px;*/
	margin:0;
	text-align: left;
	}
	
	#content {
	width:100%;
	padding:0;
	/*min-height:300px;*/
	margin:0 auto;
	text-align: left;
	height:auto;
	}
	
	
	#content-footer {
	width:100%;
	padding:0;
	color:#000;
    height: 1px;
    margin: 0 auto;
    text-align: center;
	background-color:#FFF;
	}
	

	#content.nosubmenu{
	float:none;
	width:auto;
	}
	
	#content form{
	margin:1em 0;
	}
	
	#content h2{
	font-size:1.6em;
	line-height:1.6em;
	margin:0px;
	padding:0.3em 0em 0.3em 0em;
	display: block;
	width: auto;
	color: #FFF;
	}
	
	#content .progContent h2{
	padding: 0 0 1em 0;
	}
	
	#content h2 img{
	padding:0em 1em 0em 0em;
	}
	
	#content h2 a{
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	}
	
	#content h2 a:hover{
	color:#000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	}
	
	#content h2 img{
	padding:0;
	}
	
	/* column widths */
	.content .colquater, #content .colquater{
	float:left;
	width:25%;			  			  
	}
	
	.content .colhalf, #content .colhalf{
	float:left;
	width:50%;			  			  
	}
	
	.content .colonethird, #content .colonethird{
	float:left;
	width:33.333%;			  			  
	}

	.content .coltwothirds, #content .coltwothirds{
	float:left;
	width:66.666%;			  			  
	}
	
	.content .colthreequaters, #content .colthreequaters{
	float:left;
	width:75%;			  			  
	}
	
	.content .col, #content .col{
	float:left;
	width:100%;			  			  
	}

	.content .pipe{
	margin:1em !important;
	padding:0.5em;
	}
	
	.content .pipeleft{
	margin:1em 1em 1em 2em !important;
	padding:0.5em;
	}
	
	.content .piperight{
	margin:1em 2em 1em 1em !important;
	}
	
	.content .pipeboth{
	margin:0em 2em 0em 2em !important;
	}
	
	.content .box{
	background-color:#F0F0F0;
	padding:0em;
	min-height:90px;
	height:auto;
	}
	
	.content .box ul, .content .box p {
	padding:0.6em;
	}
	
	
	.tv .content ul, .film .content ul {
	/*padding:0 0.6em;*/
	}
	
	.tv .content .box p,  .film .content .box p {
	margin:0 !important;
	
	}
	
	.content .box .divider{
	display:block;
	width:100%;
	background-color:#FFF;
	padding:0.6em;
	}
	
	
/*	---------------------------------------------------------------
	6. SUB MENU SETTINGS
	------------------------------------------------------------ */
	
	
	
	
	/* Sub Menu */
	#sub-menu{
	width:100%;
	margin:0;
	padding:0em 1.6em 1em 1.6em;
	min-height:300px;
	/*border-top:#333 solid 1px;*/
	}
	

	
	#sub-menu-footer{
	padding:1em 1.5em;
	min-height:100px;
	margin:0px;
	}
	
	#sub-menu h2{
	padding: 0.3em 0;
	line-height:200%;
	}
	
	#sub-menu h4{
	font-size:1.4em;
	line-height:1.6em;
	padding:0;
	}
	
	#sub-menu h4 a{
	padding:0.4em 1em;
	background-color:#CCC;
	}
	
	#sub-menu h4 a:hover{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
		
	}
	
	#sub-menu h5{
	color: #333;
	font-size:1em;
	padding:0 0 0.4em 0;
	}

	/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
	#sub-menu ul, #sub-menu li {
	clear:both;
	text-align:left;
	/*display:inline; ie8 fix */
	list-style:none;
	width:100%;
	
	}

	#sub-menu ul li, #sub-menu ul ul li{
	border:0px solid #FFF;
	
	}

	#sub-menu ul li a{
	clear:left;
	display:block;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:0.8em 0.8em 0.8em 1.2em;
	color:#333;
	text-decoration:none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFF;
	background-color: rgba(196, 216, 226, 0.5); /*#C4D8E2*/

	-o-transition:color .2s linear, background-color .2s linear;
	-ms-transition:color .2s linear, background-color .2s linear;
	-moz-transition:color .2s linear, background-color .2s linear;
	-webkit-transition:color .2s linear, background-color .2s linear;
	transition:color .2s linear, background-color .2s linear;
	
	}

	.film #sub-menu ul li a{
	background-color:#E4E4E4;
	background-color:rgba(0,0,0,0.1);
	color:#000;
	}
	
	.tv #sub-menu ul li a {
	background-color: #E4E4E4;
	background-color: rgba(0,0,0,0.1);
	color:#000;
	}
	


	#sub-menu ul li.header a{
	background-color:#000;
	}
	
	#sub-menu ul li.header a:link, #sub-menu ul li.header a:visited{
	color:#FFF;
	}
	
	#sub-menu ul li a:link{
	color:#333;
	text-decoration:none;
	}
	
	#sub-menu ul li a:visited{
	color:#333;
	text-decoration:none;
	}

	#sub-menu ul li a:hover, #sub-menu ul li a.selected{
	color:#000;
	text-decoration:none;
	background-repeat: no-repeat;
	background-color: rgba(196, 216, 226, 0.2); /*#C4D8E2*/
	/*background-color: #EAF1F5;*/
	
	}
	
	.film #sub-menu ul li a:hover, .film #sub-menu ul li a.selected{
	color:#FFF;
	background-color: rgba(153,0,0,0.5);
	/*D04444*/
	}
	
	
	.tv #sub-menu ul li a:hover, .tv #sub-menu ul li a.selected{
	color:#FFF;
	background-color: #60F;
	background-color:rgba(51,0,153,0.5);
	/*A390C4*/
	}
	
	
	#sub-menu ul, #sub-menu ul ul, #sub-menu ul ul ul{
	/* Remove indent from IE  */
	margin:0;
	padding:0;
	}

	#sub-menu ul ul li a{
	text-align:left;
	display:block;
	font-weight:bold;
	margin:0;
	padding:0.8em 0.8em 0.8em 2.2em;
	text-decoration:none;
	background-color: #FFF;
	background-image: url(../images/site/link_over.png);
	background-position: -2px center;
	background-repeat: no-repeat;	
	}
    
    .tv #sub-menu ul ul.fictionDropdown li a, .fictionDropdown li a:link{
        padding-left: 4em;
        background-position: 1.5em;
        background-color: #D4CBEA;
    }


	.film #sub-menu ul ul li a{
	background-color:#F3F3F3;
	background-color:rgba(0,0,0,0.0.5);
	color:#000;
	}
	
	.tv #sub-menu ul ul li a {
	background-color:#F3F3F3;
	background-color:rgba(0,0,0,0.0.5);
	color:#000;
	}
	
	
	#sub-menu ul ul li a:link{
	color:#666;
	text-decoration:none;
	}
	
	#sub-menu ul ul li a:visited{
	color:#666;
	text-decoration:none;
	}

	#sub-menu ul ul li a:hover{
	color:#CCC;
	text-decoration:none;
	background-image: url(../images/site/link.png);
	background-position: -2px center;
	}
	
	
	.film #sub-menu ul ul li a:hover, .film #sub-menu ul ul li a.selected{
	color:#FFF;
	background-color:rgba(153,0,0,0.25);
	/*D04444*/
	}
	
	
	.tv #sub-menu ul ul li a:hover, .tv #sub-menu ul ul li a.selected{
	color:#FFF;
	background-color: #60F;
	background-color:rgba(51,0,153,0.25);
	/*A390C4*/
	}

	#sub-menu ul li a.menuSelect{
	background-color:#666;
	color:#FFF;
	}

	#sub-menu ul ul li a.menuSelect{
	background-color:#999;
	color:#FFF;
	}
	
	#sub-menu blockquote{
	padding:0.4em;	
	}
	
	#sub-menu label{
	font-weight:bold;
	}
	
	
/*	---------------------------------------------------------------
	7. TOP PANEL SETTINGS
	------------------------------------------------------------ */
	
	

	#sub-menu-full{
	display:block;
	width:100%;
	padding:0;
	}
	
	#sub-menu-full div{
	padding:0 1.6em;
	}

	
	#sub-menu-full ul {
    list-style-type: none;
	}
	
	
	#sub-menu-full ul li {
    float: left;
	min-width:100%;
	width:100%; /* width needed or else Opera goes nuts */
	}
	
	#sub-menu-full ul.two li {
    float: left;
	min-width:50%;
	width:50%; 
	}
	
	#sub-menu-full ul.three li {
    float: left;
	min-width:33.333%;
	width:33.333%; 
	}
	
	#sub-menu-full ul.four li {
    float: left;
	min-width:25%;
	width:25%; 
	}
	
	#sub-menu-full ul.five li {
    float: left;
	min-width:20%;
	width:20%; 
	}
	
	#sub-menu-full ul.six li {
    float: left;
	min-width:16.666%;
	width:16.666%; 
	}
	
	
	.tv #sub-menu-full ul li a {
		background-image: url(../images/site/tv_digital/main-header/sub-menu.png);
	}

	.film #sub-menu-full ul li a {
		background-image: url(../images/site/film/main-header/sub-menu.png);
	}

	.corp #sub-menu-full ul li a {
		background-image: url(../images/site/corp/main-header/sub-menu.png);
	}
	
	
	.tv #sub-menu-full ul li a.menuSelect, .tv #sub-menu-full ul li a:hover  {
	color:#309;
	}

	.film #sub-menu-full ul li a.menuSelect, .film #sub-menu-full ul li a:hover  {
		color:#900;
	}

	.corp #sub-menu-full ul li a.menuSelect, .corp #sub-menu-full ul li a:hover  {
		color:#000;
	}
	
	
	#sub-menu-full ul li a {
	color: #FFF;
	/*font: 1.2em/1.9em "TeXGyreAdventorRegular", 'Century Gothic',CenturyGothic,AppleGothic,'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif;*/

	font-family:"TeXGyreAdventorRegular", 'Century Gothic',CenturyGothic,AppleGothic,'Helvetica Neue',Helvetica,Arial,Verdana,sans-serif;
	font-size:1.2em/1.9em;


	font-weight: bold;
	padding: 0.3em 1em;
	margin:0 auto;
	text-decoration: none;
	text-align:center;
	display:block;
	width:auto;
	height:1.9em;
	background-color:#E4E4E4;
	background-repeat: no-repeat;
	background-position: right -2px;
	}
	
	#sub-menu-full ul li li a {
	text-align:left;
	padding: 0.3em;
	}
	
	#sub-menu-full ul li a, #sub-menu-full ul li a:visited {
	color: #FFF;
	text-decoration: none;
	}
	
	
	
	#sub-menu-full ul li a.menuSelect, #sub-menu-full ul li a:hover {
	color: #000;
	background-color:#FFF;
	background-repeat: no-repeat;
	background-position: left top;
	}
	
	#sub-menu-full ul li a.menuSelect:visited {
	color: #000;
	}
	
	
	#sub-menu-full ul ul{
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	color:#999;
	position: absolute;
	z-index:200;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	width:auto;
	min-width:inherit;
	}
	
	#sub-menu-full ul ul li{ 
	display:inline-block;
	width:100% !important;
	min-width:100% !important;
	height:auto;
	clear:left;
	padding:0;
	margin:0;
	text-align:left;
	}
	
	
	#sub-menu-full ul.two ul{
    float: left;
	min-width:50%;
	width:50%; 
	}
	
	#sub-menu-full ul.three ul{
    float: left;
	min-width:33.333%;
	width:33.333%; 
	}
	
	#sub-menu-full ul.four ul{
    float: left;
	min-width:25%;
	width:25%; 
	}
	
	#sub-menu-full ul.five ul{
    float: left;
	min-width:20%;
	width:25%; 
	}
	
	#sub-menu-full ul.six ul{
    float: left;
	min-width:16.666%;
	width:16.666%; 
	}
	
	#sub-menu-full ul ul li{
	margin:0;
	padding:0;
	}
	
	#sub-menu-full ul ul li a{
	margin:0;
	padding:0.2em 1em;
	width:100%;
	color:#000 !important;
	background-image:none !important;
	background-color: #EDF3F7;
	
	-webkit-opacity: 0.75;
	-moz-opacity: 0.75;
	opacity: 0.75;
	
	-webkit-transition: background-color 0.2s ease;
	-moz-transition: background-color 0.2s ease;
	-ms-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
	
	}
	
	#sub-menu-full li ul li a:hover{
	color:#000 !important;
	background-color: #C4D8E2 !important;
	background-image:none !important;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	}
	
	#sub-menu-full li ul li a:visited{
	color:#000;
	background-color: #EDF3F7;
	background-image:none !important;
	}

	#sub-menu-full li:hover ul, #sub-menu-full li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}
	

	
/*	---------------------------------------------------------------
	8. SIDE PANEL SETTINGS
	------------------------------------------------------------ */
	
	
	#panel p{
	/*text-align:justify;*/
	text-align:left;
	}
	
	.panel{
	margin:0;
	/* Please don't change!!!!!! */
	padding:0em 1.6em 0.6em 1.6em;
	/* Please don't change!!!!!! */
	}
	
	.panelLeft .panel{
	/*padding: 0 0;*/
	}
	
	.panelLeft{
	margin:0;
	/* Please don't change!!!!!! */
	padding:0em 1.6em 0.6em 1.6em;
	/* Please don't change!!!!!! */
	
	/*
	float:left;
	padding:0 1.6em 1em 1.6em;
	text-align: left;
    width: 60%;
	*/
	}
	
	.panelRight{
	margin:0;
	/* Please don't change!!!!!! */
	padding:0em 1.6em 0.6em 1.6em;
	/* Please don't change!!!!!! */
	
	/*
	float:right;
	margin:0;
	padding:0 1.6em 1em 1.6em;
	width:35%;
    width: 180px;
	*/
	}
	
	.panel h3, .panelLeft h3, .panelRight h3, .links h3 {
	font-size:1.2em !important;
	padding:0.2em 0.4em !important;
	background-color: #FFFFFF;
	display:block;
	color: #333 !important;
	}
	
	.links img {
	padding:0;
	margin:0;
	}
	
	.panel p, .panelLeft p, .panelRight p {
	padding:0 0;
	}
	
	.panel img, .panelLeft img, .panelRight img {
	padding:0;
	margin:0;
	}
	
	
	.panelRight h4 {
	padding:1em 0;
	margin:0;
	display:block;
	color: #FFFFFF;
	text-indent:-9999px;
	}
	
	.panelRight blockquote {
	padding:10px;
	margin:0;
	display:block;
	color: #333;
	font-size: 1.6em;
	font-weight: bold;
	}
	
	.panelRight blockquote p{
	padding:0;
	margin:0;
	line-height:1.2em;
	}
	
	.links, .external, .downloads, .media, .resources, .deliverables, .images{
	display:block;
	/*background-color: #333;*/
	color:#666;
	padding: 0;
	}
	
	

	
	.panelRight .media p {
	margin:0.8em;
	padding:0;
	}
	
	.panelRight ul{
	list-style:none;
	margin:0 10px 0 25px;
	padding:0;
	
	}

	.panelRight li{
	padding:0 0.6em 0 0.6em;
	margin:0 0 0 0px;
	list-style-type: disc;
	list-style-position: outside;
	display:list-item;
	color:#999999;
	}
	
	.panelRight img{
	padding:0;
	margin:0;
	display:table-cell;
	max-width:202px;
	text-align:center;
	}
	
	.panelRight li a{
	text-decoration: none;
	}
	
	.panelRight li a:hover{
	color: #333;
	text-decoration: underline;
	}
	
	
	.panelRight a{
	color: #999999;
	text-decoration: underline;
	}
	
	.panelRight a:hover {
	color:#CCCCCC;
	text-decoration: none;
	}
	
	/* Remove hightlight line */
	:-moz-any-link:focus {
	outline: none;
	}
	
	
	#calendar-container{
	margin:0 0 1em 0;
	}
	
	/*	---------------------------------------------------------------
	9. FOOTER SETTINGS
	------------------------------------------------------------ */

	#footer {
	color: #FFF;
	font-size: 1em;
	/*margin: 0 auto;
    padding: 10px;*/
    text-align: center;
	background-image: url(../images/site/footer/footer_bg.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-color: #C6C6C6;
	}
	
	#upperFooter {
	min-height:350px;
	padding:0;
	}
	
	#footer a:link, #footer a:visited {
    color: #FFF;
    text-decoration: none;
	}
	
	#footer a:hover{
	color:#FFF;
	text-decoration:none;}
	
	#footer hr{
	border-top:#333 solid 1px;
	background-color: #333;
	height: 1px;	
	}
	
	
	#footer ul {
	margin:0;
	padding:0;
	list-style: none;	
	}
	
	#footer ul li { 
	display: inline; 	
	}
	

	#footer p a {
	color:#FFF;
	text-decoration: none;
	padding-left:0.4em;
	padding-right:0.4em;
	}
	
	#footer ul li a.last {
	border-right:0px;
	}
	
	
/*	---------------------------------------------------------------
	10. OTHER SETTINGS
	------------------------------------------------------------ */

	#homeplayer{
	margin:0 0 10px 0;
	background-color:#FFF;	
	}
	
	#homeplayer #sub-menu-container-full{
	background-color:#000;	
	}
	
	#homeplayer #sub-menu-full div{	
	padding:0;
	}

	#player{
	/*min-height:360px;*/
	margin:auto;
	text-align:center;
	/*background-color:#000;
	background-image: url(../images/site/no-videoimage.jpg);*/
	background-repeat: no-repeat;
	background-position: center center;	
	}
	
	#screener #player{
	width:480px;
	}
	
	img, div, a, input, h1, h2{ 
	behavior: url(/iepngfix.htc) 
	}

/*	---------------------------------------------------------------
	CLEARING A FLOAT CONTAINER
	http://www.positioniseverything.net/easyclearing.html
	------------------------------------------------------------ */
		
	#header:after, #sub-menu-container:after, #sub-menu-container-home:after, #content:after, #footer:after #upperFooter:after, #lowerFooter:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
	/* Sorts out a couple of issues in safari & firefox */
    overflow: hidden; 
	content: "."; 
	}

	#header, #sub-menu-container, #sub-menu-container-home, #content, #footer 
	{
	display: inline-table;
	vertical-align:top;
	}
	
	/* Hides from IE-mac \*/
	* html #header,
	* html #sub-menu-container,
	* html #sub-menu-container-home,
	* html #content, 
	* html #footer {height: 1%;}
	
	#sub-menu-container,
	#sub-menu-container-home,
	#content{/*display: block;*/}
	/* End hide from IE-mac */
	
	#footer {display: block;}
	
	

	table.abouttable
	{
		border-collapse:collapse;
	}
	table.abouttable,th, td
	{
		border: 1px solid #999999;
		height:46px;
		vertical-align:middle !important;
	}

	table.abouttable th
	{
		background-color:#C4D8E2 !important;
		font-weight:normal !important;
		color:#999999 !important;
	}

	.investors_content ul li p{
		padding-bottom: 10px;
	}

	.investors_content ul li {
		margin-top: 50px!important;

	}

	.investors_content ul.downloads li img {

		float:left;
	}

	.investors_content ul.downloads li h5 {

		padding-bottom:0px!important;
		padding-top:23px!important;
	}

	.investors_content ul.downloads img {

		padding: 15px 0!important;
	}

	.investors_content ul.downloads li a {

		text-decoration:underline!important;
	}

	a.programmeLink {

		display:inline-block; 
		height:22px; 
		width:165px; 
		background-image: url(/images/site/tv_digital/button-bg.png); 
		text-align:center; color:#FFF!important; 
		font-weight:bold; 
		font-size:15px; 
		padding-top:5px
	}

	span.progScreener, span.progTrailer {
		padding-right:15px;
	}

	img.grayscale {
/*		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter …\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale") !important;*/
		-webkit-filter: grayscale(0%) !important;
}
img.grayscale:hover {
/*	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") !important;*/
	filter: gray !important;
	-webkit-filter: grayscale(100%) !important;
	-webkit-transition: all .6s ease !important;
	-webkit-backface-visibility: hidden !important;
}

.tvMoreCont{
	width: 100%;
}
.tvMoreCont .float-right{
	padding-left: 10px;
}