/* regular styling stuff */
		h1 {font:12px Arial, Helvetica;color:#fff;font-weight:normal; letter-spacing:1px; margin:0; padding:0; text-transform:uppercase;}
		h1.on {color:#BFD5DA;}
		.shadow { 	
			/*position above it's own shadow*/
			position:relative;	
			z-index:0; 
		}
		.shadow span {
			/*position directly below the text */
			position:absolute;
			z-index:-1;
			top:0; left:0;
			/*lower opacity*/
			opacity:0.03;
			/* disable text-desection */
			-moz-user-select:none;
			color:#666;
		}
		/* knockout styles */
		.knockout {color:#fff;}
/*		.knockout span :hover {color:#BFD5DA;}*/
		.knockout span {color:#666;}
		.knockout :hover {color:#BFD5DA;}
		
		/*positioning all shadows*/
		/*	first layer*/
		.shadow .a1, .shadow .a5, .shadow .a7 {left:-1px;}
		.shadow .a2, .shadow .a6, .shadow .a8 {left: 1px;}
		.shadow .a3, .shadow .a5, .shadow .a8 {top :-1px;}
		.shadow .a4, .shadow .a6, .shadow .a7 {top : 1px;}
		
		/*	second layer*/
		.shadow .b1, .shadow .b5, .shadow .b7 {left:-1px;}
		.shadow .b2, .shadow .b6, .shadow .b8 {left: 1px;}
		.shadow .b3, .shadow .b5, .shadow .b8 {top :-1px;}
		.shadow .b4, .shadow .b6, .shadow .b7 {top : 1px;}
		
		/*	third layer*/
		.shadow .c1, .shadow .c5, .shadow .c7 {left:-1px;}
		.shadow .c2, .shadow .c6, .shadow .c8 {left: 1px;}
		.shadow .c3, .shadow .c5, .shadow .c8 {top :-1px;}
		.shadow .c4, .shadow .c6, .shadow .c7 {top : 1px;}

		/*	fourth layer*/
		.shadow .d5, .shadow .d7 {left:-1px;}
		.shadow .d6, .shadow .d8 {left: 1px;}
		.shadow .d5, .shadow .d8 {top :-1px;}
		.shadow .d6, .shadow .d7 {top : 1px;}
		
		/*	better shadow trick */
		.shadow .d1 {left:-1px;}
		.shadow .d2 {left: 1px;}
		.shadow .d3 {top :-1px;}
		.shadow .d4 {top : 1px;}

#nav ul {margin-left:20px;}