body{
	background:#000;
	width:100%;
	height:100%;
}


span {
	visibility:hidden;
	font-style:normal;
	width:100%;
	height:100%;
	font-size:27px;
	top:3px;
}


h1{
	font-family:sans-serif;
	font-size:20px;
	color:#f3eedd;
	font-weight:100;
	letter-spacing:3px;
}

h2{
	font-family:sans-serif;
	font-size:15px;
	color:#f3eedd;
	font-weight:100;
	letter-spacing:3px;
}
p{
	font-family:sans-serif;
	font-size:12px;
	color:#f3eedd;
	font-weight:100;

}


a {
	font-style:normal;
	text-decoration:none;
	width:100%;
	height:100%;
}

ul{
	padding:0px;
	margin:0px;
}

li{
	padding:0px;
	margin:0px;
	position:relative;
	list-style:none;
	display:inline;
}

li ul {
	display: none;
}

#menu li:hover > ul {display:block;}
#menu > li:hover > ul {left:0; top:50px;}


#sub_film{
	float:left;
	position:absolute;
	color:#f3eedd;
	left:0px;
	margin-left:-330px;
	margin-top:5px;
	width:665px;
	
	padding:16px;

}

#sub_tv{
	float:left;
	position:absolute;
	color:#f3eedd;
	left:0px;
	margin-left:-358px;
	margin-top:5px;
	width:600px;
		
	padding:16px;


}




ul li ul li{
	margin-top:15px;
	

}
#wrapper{
	margin-top:125px;
	height:600px;
	width:100%;
	padding:0px;

}

#content{
	margin-right:auto;
	margin-left:auto;
	width:786px;
}

#menu {
	background:#000 /*url(images/menu.gif)*/;
	height:47px;
	width:786px;
	position:absolute;
	top:73px;
	padding-left:36px;
	z-index:5;
}

#middle {
background:#000;
height:331px;
width:720px;
float:middle;
border: solid 1px #f3eedd;
position:absolute;
top:120px;
padding:15px;
z-index:4;

}

#feature{
width:420px;
height:300px;
border-right:solid 1px #f3eedd;
position:absolute;
top:30px;
background:#000 url(images/feature.gif);
}

#news{
	position:absolute;
	right:10px;
	border-left:solid 1px #f3eedd;
	text-align:right;
	top:30px;
	width:250px;
	height:280px;
	padding:10px;
}

#left{
	background:#000 /*url(images/left.gif)*/;
	width:90px;
	height:361px;
	float:left;
}

#main{
	background:#000;
	height:361px;
	width:607px;
	margin-top:0px;
	float:left;
}

#right{
	background:#000 /*url(images/right.gif)*/;
	height:361px;
	width:89px;
	float:left;
}

#logo{
	background:#000 url(images/logo.gif);
	height:114px;
	width:750px;
	float:left;
	top:481px;
	position:absolute;
	border-top:solid 1px #f3eedd;

}

#left_edge{
	width:90px;
	height:47px;
	background:#000 url(images/left_edge.gif);
	float:left;
}

#menu ul li.principles a{
	width:146px;
	height:47px;
	background:#000 url(images/principles.gif);
	float:left;
}

#menu ul li.principles:hover a{
	background:#000 url(images/principles_over.gif);
}

#awards{
	width:108px;
	height:47px;
	background:#000 url(images/awards.gif);
	float:left;
}

#awards:hover {
	background:#000 url(images/awards_over.gif);
}

#menu ul li.company a{
	width:128px;
	height:47px;
	background:#000 url(images/company.gif);
	float:left;
}

#menu ul li.company a:hover {
	background:#000 url(images/company_over.gif);
}

#film {
	width:80px;
	height:47px;
	background:#000 url(images/film.gif);
	float:left;
	border-bottom:1px solid #FFF;
}

#film:hover {
	background:#000 url(images/film_over.gif);
}

#tv{
	width:142px;
	height:47px;
	background:#000 url(images/tv.gif);
	float:left;
}

#tv:hover {
	background:#000 url(images/tv_over.gif);
}

#menu ul li.development a{
	width:143px;
	height:22px;
	background:#000 url(images/development.gif) no-repeat;
	float:left;
}

#menu ul li.development a:hover {
	background:#000 url(images/development_over.gif) no-repeat;
}


#menu ul li.production a{
	width:158px;
	height:22px;
	background:#000 url(images/in_production.gif) no-repeat;
	float:left;
}

#menu ul li.production a:hover {
	background:#000 url(images/in_production_over.gif) no-repeat;
}

#menu ul li.post a{
	width:182px;
	height:22px;
	background:#000 url(images/post_production.gif) no-repeat;
	float:left;
}

#menu ul li.post a:hover {
	background:#000 url(images/post_production_over.gif) no-repeat;
}


#menu ul li.post2 a{
	width:182px;
	height:22px;
	background:#000 url(images/post_production_2.gif) no-repeat;
	float:left;
}

#menu ul li.post2 a:hover {
	background:#000 url(images/post_production_2_over.gif) no-repeat;
}



#menu ul li.released a{
	width:152px;
	height:22px;
	background:#000 url(images/released.gif) no-repeat;
	float:left;
}

#menu ul li.released a:hover {
	background:#000 url(images/released_over.gif) no-repeat;
}



#right_edge{
	width:92px;
	height:47px;
	background:#000 url(images/right_edge.gif);
	float:left;
}