/*  The rules for navigation start here. 
	*	Heavily inspired by the following articles:
	*		http://www.alistapart.com/articles/slidingdoors/
	*		http://www.alistapart.com/articles/mountaintop/
	*		http://www.alistapart.com/articles/sprites/
	*/
		#header {
			padding:11px 0 0 0;
			font-size:0.8em;
			line-height:normal;
		}
		#header ul {
			margin:0;
			padding:0;
			list-style:none;
		}
		#header li {
text-transform: capitalize;
			display:inline;
			margin:0;
			padding:0;
		}
	/*
	*	For the next two rules:	
	*	1. A single image is used for the two doors, rather than one.
	*	2. Ascetically, the 'font-weight:bold' was removed to closely mimic the www.digital-web.com tabs.
	*	3. The padding was modified for personal preference.
	*/
	#header a {
		float:left;
		background:#f96910 url("/media/design/sliding-doors.png") no-repeat left top;
		padding:0 0 0 7px;
		text-decoration:none;
		color:#000;
	}
	#header a span {
		float:left;
		display:block;
		background:#f96910 url("/media/design/sliding-doors.png") no-repeat right top;
		padding:6px 7px 4px 0px;
	}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#header a span {float:none;}
	/* End IE5-Mac hack */

	/*
	*	1. At this point many things are simplified. The hover and background colors are set,
	*	and no positions are used because we aren't swapping images
	*	2. 'padding-bottom:4px;' on the current span pushes that tab 1px higher than the others, 
	*	exposing 1px of the background color of #header and giving the effect of an underline.
	*/
	
	#header #current a span {
		padding-bottom:4px;
	}
	#header a:hover, #header a:hover span,
	#header .Luce a:hover span, #header .Luce a:hover,
	#header .Ambiente a:hover span, #header .Ambiente a:hover,
	#header .Audio a:hover span, #header .Audio a:hover,
	#header .Tecno a:hover span, #header .Tecno a:hover,
	#header .Dischi a:hover span, #header .Dischi a:hover,
	#header .Rack a:hover span, #header .Rack a:hover,
	#header .Lampadine a:hover span, #header .Lampadine a:hover,
	#header .Cavi a:hover span, #header .Cavi a:hover,
	#header .Pronti a:hover span, #header .Pronti a:hover,
	#header .Offerte a:hover span, #header .Offerte a:hover,
	#header .Accessori a:hover span, #header .Accessori a:hover{
		background-color:#FFF;
		color:#000;
	}
	#header #current a span, #header #current a {
		background-color:#FFF;
	}




	#header .Luce a span, #header .Luce a {background-color: #db3b09;}
	#header .Ambiente a span, #header .Ambiente a {background-color: #b805c1;}
	#header .Audio a span, #header .Audio a {background-color: #dddef3;}
	#header .Tecno a span, #header .Tecno a {background-color: #DFB4B6;}
	#header .Dischi a span, #header .Dischi a {background-color: #f96910;}
	#header .Lampadine a span, #header .Lampadine a {background-color: #009999;}
	#header .Accessori a span, #header .Accessori a {background-color: #29c145;}
	#header .Cavi a span, #header .Cavi a {background-color: #f24b38;}
	#header .Pronti a span, #header .Pronti a {background-color: #CF3;}
	#header .Rack a span, #header .Rack a {background-color: #990033;}
	#header .Offerte a span, #header .Offerte a {background-color: #FFFF00;}