body{
	font-family:Arial, Helvetica, sans-serif;
	background:#F3F3F3;
}

.style1 {
	color: #626466;
	font: font
: 100% Verdana, Arial, Helvetica, sans-serif;;
}
.style5 {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
.phoneemail {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
.style6 {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
.creditsstyle {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}
.maiintextmedium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	color: #666666;
}
.maiintextmediumwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	color: #FFFFFF;
}
.viewreel (
position: absolute;
	float:center;
	bottom:30px;
	overflow: hidden;
	left: 332px;
	z-index: 6000;
	width: 140;
	height: 46;
)
.viewreelabout {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}
.largetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}
ul{
	margin:0;
	padding:0;
}

li{
	width:32px;
	height:128px;
	float:right;
	color:#FFFFFF;
	text-align:center;
	overflow:hidden;
	border:0px solid #FFFFFF;
	z-index:9998;	
}
#container 
{
	position: relative;
	overflow: hidden;
}

a{
	text-decoration:horizontal;
}
	.subtext{
		float:center;
	}

/*Menu Color Classes*/
.green{
	bsckground:#336633 top left no-repeat;
	position: absolute;
	right:0px;
	top:0px;
	z-index:9998;
	background-color: #336633;
	background-image: url(menu/about_green.jpg);
}
.yellow1{
	background:#F9D05C top left no-repeat;
	position: absolute;
	right:0px;
	top:130px;
	z-index:9998;
	background-image: url(menu/films_yellow.jpg);
}
.blue{
	background:#6699CC top left no-repeat;
	position: absolute;
	right:0px;
	top:260px;
	z-index:9998;
	background-image: url(menu/news_blue.jpg);
}
.red{
	background:#D71920 top left no-repeat;
	position: absolute;
	right:0px;
	top:390px;
	z-index:9998;
	background-image: url(menu/contact_red.jpg);
}

#mainlogo {
	position: relative;
	float:center;
	top:37.5%;
	overflow: hidden;
	height: 114;
	z-index: 500;
}
#return {
	position: relative;
	float:center;
	top:29%;
	overflow: hidden;
	z-index:1000;
}
#reelembed {
	position: relative;
	float:center;
	top:22%;
	overflow: hidden;
}
#contactmetext {
	position: absolute;
	float:center;
	top:110px;
	overflow: hidden;
	z-index:1000;
	width: 404px;
	left: 200px;
	right: 220px;
}
#abouttext {
	position: relative;
	float:center;
	top:22%;
	overflow: hidden;
	z-index: 300;
	width: 500;
	padding-left: 160px;
	padding-right: 160px;
}
#newstext {
	position: relative;
	float:center;
	top:25%;
	overflow: hidden;
	z-index: 300;
	width: 500;
	padding-left: 160px;
	padding-right: 160px;
}
#viewreelabout {
	position: absolute;
	float:center;
	overflow: auto;
	z-index:1000;
	bottom: 120px;
	width: 71px;
	left: 366px;
	height: 32px;
	text-align: center;
}
#londonaddress{
position: relative;
	float:center;
	top:62%;
	overflow: hidden;
	z-index:1000;
}
#tomandtrudytext {
	position: relative;
	float:center;
	top:40%;
	overflow: hidden;
	z-index: 300;
	width: 500;
	padding-left: 160px;
	padding-right: 160px;
}
#kembleprojecttext {
	position: relative;
	float:center;
	top:53%;
	overflow: hidden;
	z-index: 300;
	width: 500;
	padding-left: 160px;
	padding-right: 160px;
}
#filmmenu {
	position: absolute;
	float:center;
	top:80px;
	overflow: hidden;
	height: 265px;
	width: 412px;
	left: 196px;
	padding-top: 0px;
}
#filmmenu_kemble {
	position: absolute;
	float:center;
	top:80px;
	overflow: hidden;
	height: 130px;
	width: 134px;
	left: 191px;
	padding-top: 0px;
	visibility: visible;
}
#filmmenu_nairobi {
	position: absolute;
	float:center;
	top:80px;
	overflow: hidden;
	height: 130px;
	width: 134px;
	left: 335px;
	padding-top: 0px;
	visibility: visible;
}
#filmmenu_believeme {
	position: absolute;
	float:center;
	top:80px;
	overflow: hidden;
	height: 130px;
	width: 134px;
	left: 479px;
	padding-top: 0px;
	visibility: visible;
}
#filmmenu_firecracker {
	position: absolute;
	float:center;
	top:220px;
	overflow: hidden;
	height: 130px;
	width: 134px;
	left: 191px;
	padding-top: 0px;
	visibility: visible;
}
#filmmenu_tomandtrudy {
	position: absolute;
	float:center;
	top:220px;
	overflow: hidden;
	height: 130px;
	width: 134px;
	left: 335px;
	padding-top: 0px;
	visibility: visible;
}
#filmmenu_worrywings {
	position: absolute;
	float:center;
	top:220px;
	overflow: hidden;
	height: 130px;
	width: 134px;
	left: 479px;
	padding-top: 0px;
	visibility: visible;
}
#aboutthefilm {
	position: absolute;
	float:center;
	left: 136px;
	top: 353px;
	z-index:1000;
	overflow: hidden;
	width: 532px;
}
#creditsfilm {
	position: absolute;
	float:center;
	left: 136px;
	top: 372px;
	z-index:2000;
	overflow: hidden;
	width: 532px;
}
#filmcredits {
	position: absolute;
	float:none;
	left: 382px;
	top: 345px;
	z-index:3000;
	overflow: hidden;
	width: 230px;
	visibility: default;
}
#backtofilms {
	position: absolute;
	bottom: 50px
	z-index:5000;
	left: 347px;
	visibility: visible;
	overflow: hidden;
	width: 106px;
	z-index: 3000;
	bottom: 100px;
	height: 20px;
}
#smalllogo {
	position: absolute;
	float:center;
	bottom:64px;
	overflow: hidden;
	background-color: #FFFFFF;
	left: 332px;
	z-index: 8000;
	background-image: url(images/small_logo.jpg);
	width: 140;
	height: 46;
}
#hcasswelllogo {
	position: absolute;
	float:center;
	bottom:84px;
	overflow: hidden;
	background-color: #FFFFFF;
	left: 346px;
	z-index: 8000;
	width: 140;
	height: 46;
}
#ccsmalllogo {
	position: absolute;
	float:center;
	overflow: hidden;
	left: 382px;
	z-index: 8000;
	width: 140;
	height: 46;
	top: 60px;
}
#contactfooter {
	position: absolute;
	bottom: 15px
	z-index:9000;
	left: 262px;
	visibility: visible;
	overflow: hidden;
	width: 280px;
	bottom: 40px;
	height: 15px;
}
#contactfooterwhite {
	position: absolute;
	bottom: 15px
	z-index:9000;
	left: 262px;
	visibility: visible;
	overflow: hidden;
	width: 280px;
	bottom: 40px;
	height: 15px;
	color: #FFFFFF;
}
#mouseover {
	position: absolute;
	float:center;
	bottom:0px;
	overflow: hidden;
	z-index: 500;
	right: 0px;
	background-image: url(images/mouse_pointer.jpg);
	background-repeat: no-repeat;
}