@charset "utf-8";
/* CSS Document */
body
{
 margin:0;
 padding:0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
a {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}
#wrapper
{
	width:920px;
	height:520px;
	margin:30px auto 0 auto;
}

#fixed {
	width:625px;
	height:404px;
	float:right;
}
#logo
{
	float:left;
	width:227px;
	height:103px;
	padding: 0 0 0 110px
}

#subnav
{
	float:right;
	width:580px;
	margin: 74px 0 0 0;
}

#subnav ul
{
 display:inline;
 list-style-type: none;
 margin:0 0 0 0px;
	padding:0;
	width:580px;
	height:18px;
}


#subnav ul li
{
	width:auto;
	height:18px;
	margin:0 0 0px 0;
	padding:0;
	float:right;
	display:inline;

}
#subnav li a{
	display:block;
	height:18px;
	text-indent:-9999px;	
	float:left;
	
}

#subnav #home{
	height:18px;
	width:36px;
	/*float:right;*/
	background-image: url(images/subproduction.gif);
	background-repeat: no-repeat;
	background-position: 0px -10px;
	}
	
	#subnav #home:hover{
	background-position: -0px -38px;
	}
	
#subnav #home{
	height:20px;
	width:28px;
	background-image: url(images/subproduction.gif);
	background-repeat: no-repeat;
	background-position: 0px -10px;
	}
	
	#subnav #home:hover{
	background-position: 0px -38px;
	}
	
	#subnav #homeselected{
	height:20px;
	width:28px;
	background-image: url(images/subproduction.gif);
	background-repeat: no-repeat;
	background-position: 0px -38px;
	}
	
	#subnav #theteam{
	height:20px;
	width:45px;
	background-image: url(images/subproduction.gif);
	background-repeat: no-repeat;
	background-position: -113px -10px;
	}
	
	#subnav #theteam:hover{
	background-position: -113px -38px;
	}
	
	#subnav #theteamselected{
	height:20px;
	width:45px;
	background-image: url(images/subproduction.gif);
	background-repeat: no-repeat;
	background-position: -113px -38px;
	}
	
	#subnav #comingsoon{
	height:20px;
	width:66px;
	background-image: url(images/subproduction.gif);
	background-repeat: no-repeat;
	background-position: -226px -10px;
	}
	
	#subnav #comingsoon:hover{
	background-position: -226px -38px;
	}
	
	#subnav #comingsoonselected{
	height:20px;
	width:66px;
	background-image: url(images/subproduction.gif);
	background-repeat: no-repeat;
	background-position: -226px -38px;
	}
	
	#subnav #programming{
	height:20px;
	width:66px;
	background-image: url(images/subproduction.gif);
	background-repeat: no-repeat;
	background-position: -339px -10px;
	}
	
	#subnav #programming:hover{
	background-position: -339px -38px;
	}
	
	#subnav #programmingselected{
	height:20px;
	width:66px;
	background-image: url(images/subproduction.gif);
	background-repeat: no-repeat;
	background-position: -339px -38px;
	}
	
	#subnav #press{
	height:20px;
	
	width:32px;
	background-image: url(images/subproduction.gif);
	background-repeat: no-repeat;
	background-position: -452px -10px;
	}
	
	#subnav #press:hover{
	background-position: -452px -38px;
	}
	
	#subnav #pressselected{
	height:20px;
	
	width:32px;
	background-image: url(images/subproduction.gif);
	background-repeat: no-repeat;
	background-position: -452px -38px;
	}
	
	#subnav #contact{
	height:20px;
	
	width:40px;
	background-image: url(images/subproduction.gif);
	background-repeat: no-repeat;
	background-position: -565px -10px;
	}
	
	#subnav #contact:hover{
	background-position: -565px -38px;
	}
	
	#subnav #contactselected{
	height:20px;
	
	width:40px;
	background-image: url(images/subproduction.gif);
	background-repeat: no-repeat;
	background-position: -565px -38px;
	}
	
	#subnav p{
	float:left;
	padding: 0 19px;
	margin:0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666666;	 
	 }
	
	
	

#mainnav
{
	float:left;
}

#mainnav ul
{
 display:inline;
 list-style-type: none;
 margin:0 0 0 0;
	padding:0 0 0 0;
}

#mainnav ul li
{
	/*float:right;*/
	
	margin:0 0 5px 0;
	padding:0;
	/*clear:right;*/
}

#homenews {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	margin-top:15px;

}

#homenews a:hover{
	color: #333333;
}

#mainnav li a{
	display:block;
	width:98px;
	height:23px;
	text-indent:-9999px;
}



#mainnav #home{
	height:23px;
	background-image: url(images/mainnav.gif);
	background-repeat: no-repeat;
	background-position: 0px -6px;
	}
	
	#mainnav #home:hover{
	background-position: -114px -6px;
	}
	
	#mainnav #homeselected{
	height:23px;
	background-image: url(images/mainnav.gif);
	background-repeat: no-repeat;
	background-position: -114px -6px;
	}
	
#mainnav #production{
	height:23px;
	background-image: url(images/mainnav.gif);
	background-repeat: no-repeat;
	background-position: 0px -35px;
	}
	
#mainnav #production:hover{
	background-position: -114px -35px;
	}
	
	#mainnav #productionselected{
	height:23px;
	background-image: url(images/mainnav.gif);
	background-repeat: no-repeat;
	background-position: -114px -35px;
	}
	
#mainnav #distribution{
	height:23px;
	background-image: url(images/mainnav.gif);
	background-repeat: no-repeat;
	background-position: 0px -63px;
	}
	
#mainnav #distribution:hover{
	background-position: -114px -63px;
	}
	
	#mainnav #distributionselected{
	height:23px;
	background-image: url(images/mainnav.gif);
	background-repeat: no-repeat;
	background-position: -114px -63px;
	}
	
	#mainnav #kids{
	height:23px;
	background-image: url(images/mainnav.gif);
	background-repeat: no-repeat;
	background-position: 0px -91px;
	}
	
#mainnav #kids:hover{
	background-position: -114px -91px;
	}
	
	#mainnav #kidsselected{
	height:23px;
	background-image: url(images/mainnav.gif);
	background-repeat: no-repeat;
	background-position: -114px -91px;
	}

#mainnav #screeners{
	height:23px;
	background-image: url(images/mainnav.gif);
	background-repeat: no-repeat;
	background-position: 0px -118px;
	}
	
#mainnav #screeners:hover{
	background-position: -114px -118px;
	}
	
	#mainnav #screenersselected{
	height:23px;
	background-image: url(images/mainnav.gif);
	background-repeat: no-repeat;
	background-position: -114px -118px;
	}

#content
{
	
	
	height:404px;
	width:808px;
	
}

#bg
{
 	float:right;
	height:404px;
	width:808px;
	background-color: #869f4e;
	margin: 0 0 0 8px;
	
}
.content_programming{
	overflow: auto;
}

.content_programming2{
	overflow:scroll;
}

#content kid
{
	background-color: #DD0067;
}


.par {
	background-image: url(images/parbg.gif);
	background-repeat: no-repeat;
}

.parpro {
	background-image: url(images/parprobg.gif);
	background-repeat: no-repeat;
}

.kid {
	background-image: url(images/kidsbg.gif);
	background-repeat: no-repeat;
	
}

.kidpro {
	background-image: url(images/kidsprobg.gif);
	background-repeat: no-repeat;
	
}


#content_left
{
	float:left;
	width:403px;
	height:auto;
	/*border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;	*/
}

.block a {
display:block;
font-size: 13px;
}

#content_left_cats
{
	/*float:right;*/
	width:180px;
	height:404px;
	/*float:left;*/
}

#content_right
{
	
	height:auto;
	min-height:403px;
	/*border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;*/
	margin-left:404px;
}



.programme img{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	margin: 0 0 12px 0;
	padding:0;
}

#programme_list {
	margin-left:20px;
}

.programme a{
	color: #FFFFFF;
	/*display:block;*/
	text-decoration: none;
	padding: 6px 10px 0 10px;
	font-size: 13px;
	
	
}

.programme span {
	
	color:#FFFFFF;
	padding:0 5px 0 0;
}

#content_right_cats
{
	float:right;
	width:302px;
	min-height:408px;
}

#content_centre_cats
{
	float:right;
	width:302px;
	min-height:404px;
	
}

h1
{
	margin:0;
	padding:8px 0 4px 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	text-align: left;
	font-weight: normal;
}

h3
{
	margin:0;
	padding:0px 0px 5px 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-align: left;
	font-weight: normal;
}

#content_right p
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding:0;
	/*margin: 5px 10px 3px 10px;*/
	margin-right:10px;
	margin-bottom:3px;
	margin-left:10px;
	margin-top:7px;
	
}

#clearleft{
 clear: left;
}



.staff_right h1{
	margin:0;
	padding:10px 0 0 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-align: left;
}

.jobtitle{
	display:inline;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;

}

.staff_right img {
	display:block;
	padding: 10px 0 10px 10px;
}

.staff_right p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}



#content_left a{
	color: #FFFFFF;
	/*display:block;*/
	text-decoration: none;
	padding: 6px 10px 0 10px;
	
	
}

#content_right a{
	color: #FFFFFF;
	/*display:block;*/
	text-decoration: none;
	padding: 6px 10px 0 10px;
	/*float:left;*/
	
	
}

#content_right img{
	margin:0;
	padding:5px 10px 0 5px;
	float:right;

}

#content_left a:hover{
	color: #333333;
}


#content_left_cats a{
	color: #FFFFFF;
	/*display:block;*/
	text-decoration: none;
	padding: 4px 10px 10px 10px;
	font-size: 20px;
	font-weight: lighter;	
}

#content_left_cats a:hover{
	color: #333333;
}

#content_centre_cats a{
	color: #FFFFFF;
	/*display:block;*/
	text-decoration: none;
	padding: 0px 10px 0 10px;
	font-size: 12px;
	display:block;	
}

#content_centre_cats a:hover{
	color: #333333;
}

#content_right_cats a{
	color: #FFFFFF;
	/*display:block;*/
	text-decoration: none;
	padding: 0px 10px 0 10px;
	font-size: 12px;
		display:block;	
}

#content_right_cats a:hover{
	color: #333333;
}

.programe_left {

}

#prodetails {
	border-bottom: 1px solid #FFFFFF;
	height:361px;
	float:left;
	width:100%;
	overflow: auto;
	margin-bottom:6px;
	
}

#homedetails {
	border-bottom: 1px solid #FFFFFF;
	height:404px;
	float:left;
	width:100%;
	overflow: auto;
	margin-bottom:8px;
	
}

#prodetails li span{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 6px 0 0 4px;
	display:block;
	float:left;
	
}

#prodetails li img{
	float:left;
	padding:0 0 0 5px;
}

#prodetails ul
{
 display:inline;
 list-style-type: none;
 margin:0 0 0 0;
	padding:0 0 30px 0;
}

#prodetails ul li
{
	float:left;
	margin:0 0 5px 0;
	padding:0 0 0 4px;
	
	
	
}

#prodetails p {
	text-align: left;	
}

table {
padding-left:10px;
}