/********   MAIN NAV   ***********/
	
#nav {
	xfloat: left;
	position: absolute;
	top: 58px;
	xleft: 252px;
	left: 342px;
	font: 0.7em "Arial", Sans-serif;
	
	xletter-spacing: 1px;
	xfont: 10px "Arial", Sans-serif;
	xborder-bottom: 1px solid #2B2B2B;
	}


ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	}


ul#nav li {
	float: left;
	position: relative;
	width: 80px;   /* has to be there for mozilla */
	text-align: left;
	
	}

ul#nav li#home {
	width: 65px;  
	}
	
ul#nav li#news {
	width: 60px;  
	}
		
ul#nav li#flixlive {
	width: 75px;  
	}	

ul#nav li#people {
	width: 65px;  
	}


/******* styles for the section selected  ***********/


body#home a.home,
body#news a.news,
body#showreel a.showreel, 
body#services a.services,
body#flixlive a.flixlive, 
body#people a.people, 
body#contacts a.contacts,
body#newsletter  a.contacts  {

	border-left: 1px solid #76B41C;
	font-weight: bold;
	color: #fff;
	border-bottom: 0;
}


/* Styles for Menu Items */
ul#nav li a {
	display: block;
	text-decoration: none;
	color: #76B41C;
xbackground: #1E1E1E url(/images/navbg.gif) repeat-x 0 17px; /* IE6 Bug */
	padding: 1px 0 13px 4px;
	xborder-left: 1px solid #76B41C;
	xborder-left:0;
	border-bottom: 0;
	}


/* Hover Styles */
ul#nav li a:hover { 
	color: #fff; 
	border-bottom: 0;
	}
		
		
/* Sub menu */
ul#nav li ul {

	position: absolute;
	display: none;
	left: 1px;
	top: 22px;
	margin: 0;
	padding: 0;
	list-style: none;

	}
	
	
/* Sub Menu Styles */	
#nav ul li a { 
	
	color: #76B41C;
	padding: 2px 4px; 
	xbackground: #1E1E1E; 
	font-weight: normal;
	border-bottom: 0;

} 


/* Sub Menu Styles HOVER */	
#nav ul li a:hover { 
	
	color: #fff;
	padding: 2px 4px; 
	xbackground: #f2f2ee;
	border-bottom: 0;
	
} 


/* The magic */	
#nav li:hover ul,  #nav li.over ul { display: block; } 


/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }