#menu
	{
	width: 180px;
	height: 360px;
	margin:0 auto;
	background:url('images/menu.png');
	position:fixed;
	top: 10px;
	left: 0px;
	}
	
#menu ul
	{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	}

#menu ul li
	{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#menu ul li a span
	{
	display: none;
	}	
#menu ul li a.header
	{
	width:180px;
	height:76px;
	margin:0px;
	padding:0px;
	display: block;
	}


#menu ul li a.overview
	{
	width:180px;
	height:29px;
	margin:0px;
	padding:0px;
	display: block;
	}
#menu ul li a.notes
	{
	width:180px;
	height:29px;
	margin:0px;
	padding:0px;
	display: block;
	}
	
#menu ul li a.story
	{
	width:180px;
	height:29px;
	margin:0px;
	padding:0px;
	display: block;
	}
	
#menu ul li a.storyboards
	{
	width:180px;
	height:29px;
	margin:0px;
	padding:0px;
	display: block;
	}
	
#menu ul li a.graphics{
	width:180px;
	height:29px;
	margin:0px;
	padding:0px;
	display: block;
	}


/* -- Hovers -- */

#menu ul li a.overview:hover
	{
	background:url('images/menu.png') -180px -76px;
}

#menu ul li a.notes:hover
	{
	background:url('images/menu.png') -180px -105px;
	}
	
#menu ul li a.story:hover
	{
	background:url('images/menu.png') -180px -134px;
	}			
#menu ul li a.storyboards:hover
	{
	background: url('images/menu.png') -180px -163px;
	}		

#menu ul li a.graphics:hover
	{
	background: url('images/menu.png') -180px -192px;
	}