@charset "utf-8";
/* CSS Document */

body{
margin:0px;
padding:0px;
background:url(../images/bg.jpg) repeat-x #151515;
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:12px;
color:#737373;
}

#video{
	float:left;
	width:295px;
	display:inline;
	margin-right:0px;
}

#view-showreels{
	width:250px;
	float:left;
	display:inline;
	height:180px;
	background-position:0px 50px;
	margin-top:10px;
	background:url(../images/view-more-showreels.jpg) no-repeat;
}

#view-showreels a{
	display:block;
	font-size:0px;
	text-indent:-10000px;
	overflow:hidden;
	height:170px;
}

#main a{
	color:#999;
	text-decoration:none;
}

#main a:hover{
	color:#ccc;
}

#container{
width:960px;
margin:0 auto;
}

#top{
width:100%;
float:left;
}

#bottom{
width:100%;
float:left;
background:url(../images/bg_footer.jpg) repeat-x;
height:100px;
}

#info{
width:926px;
margin:0 auto;
padding:10px 0px 0px 34px;
color:#353535;
font-size:11px;
line-height:17px;
}

#info ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	margin-bottom:20px;
}

#info ul li{
	margin-right:6px;
	padding-right:6px;
	border-right:1px solid #353535;
	float:left;
	display:inline;
}

.last{
	margin-right:0px !important;
	padding-right:0px !important;
	border-right:0px !important;
}

#info a{
	text-decoration:none;
	color:#353535;
}



#header{
width:960px;
height:320px;
float:left;
display:inline;
background:url(../images/header.jpg);
position:relative;
}

#nav{
margin:0px;
padding:0px;
list-style-type:none;
position:absolute;
bottom:-40px;
left:400px;
}

#nav li{
float:left;
display:inline;
}

#nav li a{
	text-decoration:none;
	background:url(../images/nav.jpg) no-repeat;
	height:31px;
	font-size:0px;
	text-indent:-10000px;
	overflow:hidden;
	display:block;
	margin-right:30px;
}

.home{
width:67px;
background-position:0px 0px !important;
}

a.home:hover{
background-position:0px -31px !important;
}

.about{
width:74px;
background-position:-98px 0px !important;
}

a.about:hover{
width:74px;
background-position:-98px -31px !important;
}

.services{
width:91px;
background-position:-202px 0px !important;
}

a.services:hover{
width:91px;
background-position:-202px -31px !important;
}

.showreels{
width:116px;
background-position:-321px 0px !important;
}

a.showreels:hover{
width:116px;
background-position:-321px -31px !important;
}

.contact{
width:91px;
background-position:-464px 0px !important;
margin-right:0px !important;
}

a.contact:hover{
width:91px;
background-position:-464px -31px !important;
margin-right:0px !important;
}
	

#main{
width:560px;
/*min-height:330px;
height:auto !important;
height:330px;*/
float:left;
display:inline;
background:url(../images/main.jpg) no-repeat;
padding:60px 0px 20px 400px;
line-height:23px;
}

.clearer{
	clear:both;
}

#main p{
margin-bottom:20px;
display:none;
}

#main h1{
color:#fff;
font-size:30px;
padding:0px;
margin:0px 0px 20px 0px;
}