@charset "utf-8";
/*
**	Copyright © Joseph Earl 2009, all rights reserved.
**
**	All code, images, logos and the general design or 'style' of
**	http://www.joeearl.co.uk are copyright, unless otherwise
**	specified.
**
**	DOCUMENT: nav.css
**	DESCRIPTION: Styles for main navigation
**	UPDATED: 2009/06/30
*/

div.nav { width:500px; padding:0; margin:0 auto 0 auto; }
ul#navbar { list-style-type:none; padding:0; width:500px; 
	margin:0 20px 0 20px; float:left; }
ul#navbar li { margin:0; float:left; padding:0 10px 0 0;
	line-height:1px; }
ul#navbar li.last { padding:0; }
ul#navbar li.selected { background:url(nav/nav_selected.png) top center no-repeat; }
ul#navbar li a{ position:relative; z-index:24; display:block;
	margin:28px 0 0 0; text-decoration:none; z-index:999; }
ul#navbar li a img { border:0; }
ul#navbar li a span.nav_num { display:block;}
ul#navbar li a span.nav_num img { border:none;  visibility:hidden; }
ul#navbar li a:hover span.nav_num img { visibility:visible; }
ul#navbar li a span.tooltip{ display: none;  color: #666666; width:133px; 
	background:transparent url(nav/tooltip_bg.png) no-repeat;
	line-height:1em; height:88px; z-index:999; 
	padding: 36px 5px 5px 12px; font-size:0.75em; position:absolute; }
ul#navbar li a:hover span.tooltip {  display:block; position:absolute; 
	top:50px; left:-12px; text-decoration:none; }
ul#navbar li a span.tooltip span.tooltip-title { margin:0 0 6px 0; 
	font: bold 1.1em Arial, Helvetica, sans-serif;
	text-decoration:none; color: #333333; display:block; }
ul#navbar li a span.tooltip span.tooltip-title img{ margin: 0 10px 0 0; vertical-align:middle; }