@charset "utf-8";
/* Nav */

ul {
   margin:0;
   padding:0;
   }

#navigation li {
	display:inline;
	padding: 0px;
	}


li.home a {
	text-indent: -1000em;
	background:url(../images/nav/home.jpg) no-repeat left top;
	width: 84px;
	height: 30px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 38px;
	top:20px;
	}

li.home a:hover {
	background-position: 0px -30px; 
	}
	
li.about a {
	text-indent: -1000em;
	background:url(../images/nav/about.jpg) no-repeat left top;
	width: 111px;
	height: 30px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 122px;
	top:20px;
	}

li.about a:hover {
	background-position: 0px -30px; 
	}
	
li.faq a {
	text-indent: -1000em;
	background:url(../images/nav/faq.jpg) no-repeat left top;
	width: 60px;
	height: 30px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 233px;
	top:20px;
	}

li.faq a:hover {
	background-position: 0px -30px; 
	}
	
li.forum a {
	text-indent: -1000em;
	background:url(../images/nav/forum.jpg) no-repeat left top;
	width: 92px;
	height: 30px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 309px;
	top:20px;
	}

li.forum a:hover {
	background-position: 0px -30px; 
	}
	
li.news a {
	text-indent: -1000em;
	background:url(../images/nav/news.jpg) no-repeat left top;
	width: 84px;
	height: 30px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 401px;
	top:20px;
	}

li.news a:hover {
	background-position: 0px -30px; 
	}
	
	
li.contact a {
	text-indent: -1000em;
	background:url(../images/nav/contact.jpg) no-repeat left top;
	width: 116px;
	height: 30px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 485px;
	top:20px;
	}

li.contact a:hover {
	background-position: 0px -30px; 
	}