ul#nav li a { height:38px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none }





li#navNews a, li#navShop a, li#navEdition a, li#navArtists a, li#navLinks a, li#navAbout a { background:url(navBG_eng.gif) }



li#navNews a 						{ background-position:0 0; width:112px; left:0 }
li#navNews a:hover					{ background-position:0 -38px }
body#pageNews li#navNews a 			{ background-position:0 -76px }

li#navShop a 						{ background-position:-112px 0; width:112px; left:112px }
li#navShop a:hover					{ background-position:-112px -38px }
body#pageShop li#navShop a 			{ background-position:-112px -76px }

li#navEdition a 					{ background-position:-224px 0; width:112px; left:220px }
li#navEdition a:hover				{ background-position:-224px -38px }
body#pageEdition li#navEdition a 	{ background-position:-224px -76px }

li#navArtists a 					{ background-position:-336px 0; width:112px; left:330px }
li#navArtists a:hover				{ background-position:-336px -38px }
body#pageArtists li#navArtists a 	{ background-position:-336px -76px }

li#navLinks a 						{ background-position:-448px 0; width:112px; left:440px }
li#navLinks a:hover					{ background-position:-448px -38px }
body#pageLinks li#navLinks a 		{ background-position:-448px -76px }

li#navAbout a 						{ background-position:-560px 0; width:112px; left:560px }
li#navAbout a:hover					{ background-position:-560px -38px }
body#pageAbout li#navAbout a 		{ background-position:-560px -76px }










/* The following code just puts our navigation on an example page; it's not necessarily related to the tutorial */

html { text-align:center }
body { text-align:center;  background:#fff }
ul#nav {
	position:absolute;
	top:59px;
	left:390px;
	width: 2px;
	height: 13px;
}