/*  #menu was originally 670, but it causes Opera to generate a scroll bar putting contact on a second line - quelle horreur! */
#menu { position: absolute; left: 25px; top: 0; width: 690px; height: 96px; overflow: auto; }

	#menu li { display: block; float: left; }

		#menu li a { display: block; height: 96px; background: transparent url(../img/menu_main.png) 0 0 no-repeat; text-indent: -3000em; }

		#menu li.home a { width: 59px; background-position: 0 0; }

			#menu li.home a:hover { background-position: 0 -96px; }

			#menu li.home a.active { background-position: 0 -192px; }

		#menu li.featured a { width: 85px; background-position: -59px 0; }

			#menu li.featured a:hover { background-position: -59px -96px; }

			#menu li.featured a.active { background-position: -59px -192px; }

		#menu li.about_the_author a { width: 151px; background-position: -144px 0; }

			#menu li.about_the_author a:hover { background-position: -144px -96px; }

			#menu li.about_the_author a.active { background-position: -144px -192px; }

		#menu li.published_works a { width: 138px; background-position: -295px 0; }

			#menu li.published_works a:hover { background-position: -295px -96px; }

			#menu li.published_works a.active { background-position: -295px -192px; }

		#menu li.author_interviews a { width: 160px; background-position: -433px 0; }

			#menu li.author_interviews a:hover { background-position: -433px -96px; }

			#menu li.author_interviews a.active { background-position: -433px -192px; }

		#menu li.contact a { width: 77px; background-position: -593px 0; }

			#menu li.contact a:hover { background-position: -593px -96px; }

			#menu li.contact a.active { background-position: -593px -192px; }