#nav {
	height:35px;
	padding-left:9px;
	background:url("../images/bg-nav.png") no-repeat 0 0;
}

#nav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#nav ul li {
	float:left;
	height:35px;
	margin-right:15px;
	text-indent:-9999px;
}

#nav ul li#nav-contact {
	margin-right:0;
}

#nav ul li a {
	display:block;
	height:35px;
	background-position:0 0;
	background-repeat:no-repeat;
}

#nav ul li a:hover {
	background-position:0 -35px;
}


#nav ul li#nav-welcome a {
	width:127px;
	background-image:url("../images/nav-welcome.png");
}

#nav ul li#nav-about a {
	width:128px;
	background-image:url("../images/nav-about.png");
}

#nav ul li#nav-news a {
	width:169px;
	background-image:url("../images/nav-news.png");
}

#nav li#nav-join a {
	width:165px;
	background-image:url("../images/nav-join.png");
}

#nav li#nav-blog a {
	width:140px;
	background-image:url("../images/nav-blog.png");
}

#nav li#nav-contact a {
	width:116px;
	background-image:url("../images/nav-contact.png");
}



body#welcome #nav li#nav-welcome a,
body#about #nav li#nav-about a,
body#news #nav li#nav-news a,
body#join #nav li#nav-join a, 
body#blog #nav li#nav-blog a, 
body#contact #nav li#nav-contact a {
	background-position:0 -70px;
}