/*****************************************/
/* navigation                            */
/*****************************************/

#header_nav {
	width: 400px;
	height: 150px;
}
#header_nav ul {
	position: absolute;
	top: 28px;
	left: 18px;
}
#header_nav li {
	display: block;
	height: 125px;
	position: absolute;
	top: 0;
	overflow: hidden;
	text-indent: -9000px;
}

li.home {
	left: 0;
	width: 50px;
}
	li.home a:link, li.home a:visited {
		display: block;
		height: 125px;
		background: url(img/header_nav.png) no-repeat 0 0;
	}
	li.home a:hover {
		background-position: 0 -125px;
		outline: none;
	}
	.home li.home a:link, .home li.home a:visited {
		background-position: 0 -250px;
	}

li.news {
	left: 50px;
	width: 50px;
	visibility: hidden;
}
	li.news a:link, li.news a:visited {
		display: block;
		height: 125px;
		background: url(img/header_nav.png) no-repeat -50px 0;
	}
	li.news a:hover {
		background-position: -50px -125px;
		outline: none;
	}
	.news li.news a:link, .news li.news a:visited {
		background-position: -50px -250px;
	}

li.blog {
	left: 100px;
	width: 50px;
	visibility: hidden;
}
	li.blog a:link, li.blog a:visited {
		display: block;
		height: 125px;
		background: url(img/header_nav.png) no-repeat -100px 0;
	}
	li.blog a:hover {
		background-position: -100px -125px;
		outline: none;
	}
	.blog li.blog a:link, .blog li.blog a:visited {
		background-position: -100px -250px;
	}

li.info {
	left: 150px;
	width: 50px;
}
	li.info a:link, li.info a:visited {
		display: block;
		height: 125px;
		background: url(img/header_nav.png) no-repeat -150px 0;
	}
	li.info a:hover {
		background-position: -150px -125px;
		outline: none;
	}
	.info li.info a:link, .info li.info a:visited {
		background-position: -150px -250px;
	}

li.games {
	left: 200px;
	width: 50px;
}
	li.games a:link, li.games a:visited {
		display: block;
		height: 125px;
		background: url(img/header_nav.png) no-repeat -200px 0;
	}
	li.games a:hover {
		background-position: -200px -125px;
		outline: none;
	}
	.games li.games a:link, .games li.games a:visited {
		background-position: -200px -250px;
	}

li.tools {
	left: 250px;
	width: 50px;
	visibility: hidden;
}
	li.tools a:link, li.tools a:visited {
		display: block;
		height: 125px;
		background: url(img/header_nav.png) no-repeat -250px 0;
	}
	li.tools a:hover {
		background-position: -250px -125px;
		outline: none;
	}
	.tools li.tools a:link, .tools li.tools a:visited {
		background-position: -250px -250px;
	}

li.typos {
	left: 300px;
	width: 50px;
	visibility: hidden;
}
	li.typos a:link, li.typos a:visited {
		display: block;
		height: 125px;
		background: url(img/header_nav.png) no-repeat -300px 0;
	}
	li.typos a:hover {
		background-position: -300px -125px;
		outline: none;
	}
	.typos li.typos a:link, .typos li.typos a:visited {
		background-position: -300px -250px;
	}

li.links {
	left: 350px;
	width: 50px;
	visibility: hidden;
}
	li.links a:link, li.links a:visited {
		display: block;
		height: 125px;
		background: url(img/header_nav.png) no-repeat -350px 0;
	}
	li.links a:hover {
		background-position: -350px -125px;
		outline: none;
	}
	.links li.links a:link, .links li.links a:visited {
		background-position: -350px -250px;
	}


li.donate {
	left: 400px;
	width: 50px;
	visibility: hidden;
}
	li.donate a:link, li.donate a:visited {
		display: block;
		height: 125px;
		background: url(img/header_nav.png) no-repeat -400px 0;
	}
	li.donate a:hover {
		background-position: -400px -125px;
		outline: none;
	}
	.donate li.donate a:link, .donate li.donate a:visited {
		background-position: -400px -250px;
	}