
/* navigation links */

#navigation li {
	display:inline;
}
#navigation li a {
	background-image:url(../images/bg-navigation.gif);
	background-repeat:no-repeat;
	float:left;
	height:40px;
	overflow:hidden;
}
#navigation li a span {
	display:none;
	visibility:none;
}

/* static states */

#navigation li#home a {
	background-position: 0 0;
	width:130px;
}
#navigation li#about a {
	background-position: -130px 0;
	width:110px;
}
#navigation li#menu a {
	background-position: -240px 0;
	width:100px;
}
#navigation li#hire a {
	background-position: -340px 0;
	width:180px;
}
#navigation li#events a {
	background-position: -520px 0;
	width:110px;
}
#navigation li#location a {
	background-position: -630px 0;
	width:130px;
}

/* hover states */

#navigation li#home a:hover {
	background-position: 0 -40px;
}
#navigation li#about a:hover {
	background-position: -130px -40px;
}
#navigation li#menu a:hover {
	background-position: -240px -40px;
}
#navigation li#hire a:hover {
	background-position: -340px -40px;
}
#navigation li#events a:hover {
	background-position: -520px -40px;
}
#navigation li#location a:hover {
	background-position: -630px -40px;
}

/* active states */

#navigation li#home a.active {
	background-position: 0 -80px !important;
}
#navigation li#about a.active  {
	background-position: -130px -80px !important;
}
#navigation li#menu a.active  {
	background-position: -240px -80px !important;
}
#navigation li#hire a.active  {
	background-position: -340px -80px !important;
}
#navigation li#events a.active  {
	background-position: -520px -80px !important;
}
#navigation li#location a.active  {
	background-position: -630px -80px !important;
}

