/*---- navigation styles ----*/
		
	div#navigationCon ul {
		list-style:			none;
		margin:				0;
		padding:			0;
	}
	
	div#navigationCon li {
		width:				205px;
		margin:				0;
		padding:			0;	
	}
	
	/* spacer for blank item */
	div#navigationCon li.spacer {
		height:				20px;
		background-image:	url('/images/navigation/nav_item_out.png');
		background-repeat:	no-repeat;
		background-position:left bottom;
	}
	
	
	div#navigationCon li a {
		display:			block;
		width:				175px; /*205 - 20 - 10 */
		height:				16px;
		padding:			2px 20px 2px 10px;
		color:				#63574d;
		font-weight:		bold;
		text-decoration:	none;
		background-image:	url('/images/navigation/nav_item_out.png');
		background-repeat:	no-repeat;
		background-position:left bottom;
	}
	
	/* hover state of an item */
	div#navigationCon li a:hover {
		color:				#fff;
		background-image:	url('/images/navigation/nav_item_over.png');
	}
		
	/* active state of an item */
	div#navigationCon li.active a {
		color:				#fff;
		background-image:	url('/images/navigation/nav_item_over.png');
	}
	
	/* movies */
	div#navigationCon li a.movie {
	    background-image:  url('/images/navigation/nav_item_out_movie.png');
	}
	
	div#navigationCon li a.movie:hover,
	div#navigationCon li.active a.movie {
	    background-image:  url('/images/navigation/nav_item_over_movie.png');
	}
	
	/* the first item in the list has rounded corners */
	div#navigationCon li.first a {
		background-image:	url('/images/navigation/nav_item_top_out.png');
	}
	
	/* the last item in the list has rounded corners */
	div#navigationCon li.last a {
		height:				23px;
		background-image:	url('/images/navigation/nav_item_bottom_out.png');
	}
	
	/* hover state of first item */
	div#navigationCon li.first a:hover {
		background-image:	url('/images/navigation/nav_item_top_over.png');
	}
	
	/* hover state of last item */
	div#navigationCon li.last a:hover {
		background-image:	url('/images/navigation/nav_item_bottom_over.png');
	}
	
	/* active state of first item */
	div#navigationCon li.active-first a {
		color:				#fff;
		background-image:	url('/images/navigation/nav_item_top_over.png');
	}
	
	/* hover state of first item if active */
	div#navigationCon li.active-first a:hover {
		background-image:	url('/images/navigation/nav_item_top_over.png');
	}
	
	/* active state of last item */
	div#navigationCon li.active-last a {
		height:				23px;
		color:				#fff;
		background-image:	url('/images/navigation/nav_item_bottom_over.png');
	}
	
	/* hover state of last item if active */
	div#navigationCon li.active-last a:hover {
		background-image:	url('/images/navigation/nav_item_bottom_over.png');
	}
	
	
	/* subitems */
	div#navigationCon li ul {
		display:			none;
	}
	
	div#navigationCon li.active ul {
		display:			block !important;
	}
	
	div#navigationCon li.active ul li {
		width:				175px;
	}
	
	div#navigationCon li.active ul li a {
		width:				175px;
		padding-left:		20px;
		height:				19px;
		color:				#63574d;
		font-weight:		normal;
		text-decoration:	none;
		background-image:	url('/images/navigation/nav_subitem_out.png');
		background-repeat:	no-repeat;
	}
	
	div#navigationCon li.active ul li a:hover {
		color:				#63574d;
		text-decoration:	none;
		background-image:	url('/images/navigation/nav_subitem_over.png');
		background-repeat:	no-repeat;
	}
	
	div#navigationCon li.active ul li.active a {
		color:				#fa7404;
		text-decoration:	none;
		background-image:	url('/images/navigation/nav_subitem_over.png');
		background-repeat:	no-repeat;
	}