/* Default */

#nav {
list-style-type: none;
width: 600px;
height: 36px;
position: relative;
background: url(../_img/nav_main.png);
margin: 0;
padding: 0;
}

#nav li {
float: left;
}

#nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 36px;
background: url(../_img/nav_main.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
li#nav_home a {
left: 100;
width: 104px;
background-position: 0 0;
}

li#nav_about a {
	left: 104px;
	width: 128px;
	background-position: -104px 0;
}

li#nav_products a {
left: 232px;
width: 121px;
background-position: -232px 0;
}

li#nav_gallery a {
left: 353px;
width: 121px;
background-position: -353px 0;
}

li#nav_contact a {
left: 462px;
width: 156px;
background-position: -462px 0;
}

/*hover state*/
li#nav_home a:hover {
background-position: 0 -38px;
}

li#nav_about a:hover {
background-position: -104px -38px;
}

li#nav_products a:hover {
background-position: -232px -38px;
}

li#nav_gallery a:hover {
background-position: -353px -38px;
}

li#nav_contact a:hover {
background-position: -462px -38px;
}

/*current state*/
#body_home li#nav_home a {
background-position: 0 -38px;
}

#body_about li#nav_about a {
background-position: -104px -90px;
}

#body_products li#nav_products a {
background-position: -232px -90px;
}

#body_gallery li#nav_gallery a {
background-position: -353px -90px;
}

#body_contact li#nav_contact a {
background-position: -462px -38px;
}