@charset "utf-8";
/* CSS Document */

/*
	*	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/
	*/
		#subNav {
			margin: 0 0 0 0;
			float:right;
			padding:0;
			font-size:10px;
			line-height:normal;
		}
		#subNav ul {
			margin:0;
			padding:10px 0 0 10px;
			list-style:none;
		}
		#subNav li {
			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.
	*/
	#subNav a {
		float:left;
		padding:0 0 0 1px;
		text-decoration:none;
		background-color:#000;
		color:#000;
	}
	#subNav a span {
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		float:left;
		display:block;
		background-color:#fff;
		padding:2px 9px 2px 9px;
	}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#subNav 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.
	*/
	
	#subNav a:hover, #header a:hover span {
		
		color:#515151;
	}
	#subNav #current a{

	}
	#subNav #current a span  {

	}