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

body {
background:#fff;
margin: 0;
padding: 0;

}

.container {
	
	width: 950;
	height: 730;
	padding: 0;
	margin: 0 auto;
}

.logo {
	width: 195px;
	height: 140px;
	float: left;
	background-image:url(../images/logo.gif);
	
}
	
.title {
	width: 755px;
	height: 96px;
	background-image:url(../images/title.gif);
	
}
    
.menubar {
	width: 755px;
	height: 44px;
	float: left;
	
}


.about {
	width: 120px;
	height: 44px;
	float: left;
	background-image:url(../images/about.gif);
	
}

.clients {
	width: 125px;
	height: 44px;
	float: left;
	background-image:url(../images/clients.gif);
	
}

.awards {
	width: 123px;
	height: 44px;
	float: left;
	background-image:url(../images/awards.gif);
	
}

.contact {
	width: 118px;
	height: 44px;
	float: left;
	background-image:url(../images/contact.gif);
	
}

.menu-right {
	width: 269px;
	height: 44px;
	float: left;
	background-image:url(../images/menu-right.gif);
	
}

.content {
	width: 950px;
	height: 590px;
	
}


.CLIENTSimage {
	width: 315px;
	height: 590px;
	float: left;
	background-image:url(../images/CLIENTSimage.jpg);
	
}

.CLIENTSsub-title {
	width: 635px;
	height: 75px;
	float: left;
	background-image:url(../images/CLIENTSsub-title.gif);
	
}

.ABOUTimage {
	width: 315px;
	height: 590px;
	float: left;
	background-image:url(../images/ABOUTimage.jpg);
	
}

.ABOUTsub-title {
	width: 635px;
	height: 75px;
	float: left;
	background-image:url(../images/ABOUTsub-title.gif);
	
}

.CONTACTimage {
	width: 315px;
	height: 590px;
	float: left;
	background-image:url(../images/CONTACTimage.jpg);
	
}

.CONTACTsub-title {
	width: 635px;
	height: 75px;
	float: left;
	background-image:url(../images/CONTACTsub-title.gif);
	
}

.AWARDSimage {
	width: 315px;
	height: 590px;
	float: left;
	background-image:url(../images/AWARDSimage.jpg);
	
}

.AWARDSsub-title {
	width: 635px;
	height: 75px;
	float: left;
	background-image:url(../images/AWARDSsub-title.gif);
	
}


.text-space {
	width: 410px;
	height: 515px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000;
	
}

.text-space a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#333;
	text-decoration:none;
	
}

.text-space a:hover {
	text-decoration:underline;
	
}

.main-showreel {
	width: 830px;
	height: 580px;
	float:left;
	padding-top:10px;
}

.movie-column1 {
	width: 440px;
	height: 580px;
	float:left;
	padding-top:10px;
}


.movie-column2 {
	width: 440px;
	height: 580px;
	float:left;
	padding-top:10px;
}

.movie-container {
	width: 830px;
	height: 900px;
	float:left;
	padding-top:10px;
}

.movie-columnNEW1 {
	width: 830px;
	height: 550px;
	float:left;
	padding-top:10px;
}


.movie-columnNEW2 {
	width: 440px;
	height: 580px;
	float:left;
	padding-top:10px;
}

.movie-columnNEW3 {
	width: 440px;
	height: 580px;
	float:left;
	padding-top:10px;
}

.film-header {
	width: 390px;
	height: 21px;
	background-image:url(../images/film-header.gif);
	
}

.film-space {
	width: 390px;
	height: 214px;
	background-image:url(../images/film-space.gif);
	
}

.film-header2 {
	width: 830px;
	height: 21px;
	background-image:url(../images/film-header2.gif);
	
}

.film-space2 {
	width: 830px;
	height: 456px;
	background-image:url(../images/film-space2.gif);
	
}

.summer-header {
	width: 390px;
	height: 30px;
	background-image:url(../images/summer-header.gif);	
}

.supper-header {
	width: 390px;
	height: 30px;
	background-image:url(../images/supper-header.gif);	
}

.aspirations-header {
	width: 390px;
	height: 30px;
	background-image:url(../images/aspirations-header.gif);	
}

.asylum-header {
	width: 390px;
	height: 30px;
	background-image:url(../images/asylum-header.gif);	
}

.showreel-header {
	width: 390px;
	height: 30px;
	background-image:url(../images/showreel-header.gif);	
}

.film-info {
	width: 390px;
	height: 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000;
	padding-left:8px;
	
}			

.info {
	font:"Times New Roman", Times, serif;
	font-size:10px;
	color:#666;
}

.info a {
	font:"Times New Roman", Times, serif;
	font-size:10px;
	color:#666;
	text-decoration:underline;
}

.info a: hover {
	font:"Times New Roman", Times, serif;
	font-size:10px;
	color:#0CC;
	text-decoration:underline;
}