/* GENERIC STYLES */
/* ====================================================================== */	

body	{
	margin:0;
	padding:0;
	background:#303030; 
	font-family:arial, helvetica; 
	font-size:12px;
	}

.clearfix:after 	{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	
a	{
	color:#f00;
	text-decoration:none;
	}

a:hover	{
	color:#fff;
	text-decoration:underline;
	}
	
hr	{
	display:none;
	}
	
ul,li {
	margin:0; 
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	list-style-image:none;
	}
	
ul	{
	margin-bottom:30px;
	}

li	{margin-bottom:1px;}	
	
#wrapper {
	background:#303030;
	width:800px;
	margin:0 auto;
	}

#header	{
	width:800px;
	height:50px;
	margin-bottom:70px;
	}
	
#content	{
	width:800px;
	font-size:11px;
	color:#fff;
	font-family:helvetica, arial;
	font-weight:normal;
	margin-top:100px;
	}	
	
	
	
/* THE HEADER */
/* ====================================================================== */	
		

#header #menuitems {
	float:left;
	margin-top:36px;
	width:150px;
	height:9px;
	overflow:hidden;	
	}
	
#header #menuitems ul, #header #menuitems li {
	display:block;
	float:left;
	overflow:hidden;
	}

#header #menuitems li a {
	display:block;
	height:9px;	
	margin-right:14px;
	overflow:hidden;
	padding-top:20px;
	display:block;
	}

#header #menuitems li.home a {
	width:35px;
	background:url('../images/navHome.gif');
	background-position:0 0;
	}

#header #menuitems li.info a {
	width:27px;
	background:url('../images/navInfo.gif');
	background-position:0 0;	
	}
	
#header #menuitems li.work a {
	width:37px;
	background:url('../images/navWork.gif');
	background-position:0 0;
	}	

#header #menuitems li a:hover	{
	background-position:0 -9px;
	}
	
#header #retologo {
	float:right;
	margin-top:25px;
	width:158px;
	height:19px;
	background:url('../images/logo.gif');
	text-indent:-99999px;
	}
	
	
	
/* TITLES ON PAGES */
/* ====================================================================== */	

h3	{
	height:8px;
	margin-top:0px;
	margin-bottom:15px;
	text-indent:-99999px;
	}
	
.titleBiography {background:url('../images/titleBiography.gif') no-repeat;}
.titleClients {background:url('../images/titleClients.gif') no-repeat;}	
.titleContact {background:url('../images/titleContact.gif') no-repeat;}
.titleFriends {background:url('../images/titleFriends.gif') no-repeat;}	
.titleFilms {background:url('../images/titleFilms.gif') no-repeat;}	
.titleDocumentaries {background:url('../images/titleDocumentaries.gif') no-repeat;}	
.titleCommercials {background:url('../images/titleCommercials.gif') no-repeat;}	
.titleMusicvideos {background:url('../images/titleMusicvideos.gif') no-repeat;}	
.titleShortFeature {background:url('../images/titleShortFeature.gif') no-repeat;}



	

/* CONTENT: HOME */
/* ====================================================================== */	

	
#content .date	{
	width:800px;
	font-size:12px;
	line-height:24px;
	color:#c0c0c0;
	}

#content .newsitem	{
	width:800px;
	margin-bottom:40px;
	font-size:14px;
	line-height:30px;
	font-weight:bold;
	}
	


/* CONTENT: INFO */
/* ====================================================================== */	
	
#content .intro	{
	font-size:14px;
	}

#content p {
	margin:14px 0;
	}
	
#content #biography {
	width:400px;
	margin-right:45px;
	font-size:11px;
	line-height:16px;
	float:left;
	text-align:justify;
	}
	
#content #clients {
	width:195px;
	margin-right:10px;
	float:left;
	}	

#content #clients img	{
	margin-bottom:40px;
	}
	
#content #friends {
	width:150px;
	float:left;
	}	

#content #clients a, #content #friends a {
	color:#fff;
	text-decoration:none;
	}

#content #clients a:hover, #content #friends a:hover	{
	color:#f00;
	text-decoration:underline;
	}
	


/* CONTENT: WORK */
/* ====================================================================== */	

	
#content .iconsBlock	{
	float:left;
	margin-bottom:30px;
	}

#content #documentaries {
	width:800px;
	clear:left;
	}

#content #commercials  	{
	width:680px;
	clear:left;
	}
	
	
#content #shortFeature	{
	width:100px;
	margin-top:81px;
	}	
	
#content #musicvideos  	{
	width:800px;
	clear:left;
	}
	
#content ul.icons  {
	margin-bottom:10px;
	clear:left;
	}
	
#content ul.icons li {
	display:block;
	float:left;
	}
	
#content ul.icons li a {
	margin-right:5px;
	}