/* Default */

#nav {
list-style-type: none;
width: 1000px;
height: 75px;
position: relative;
background: url('images/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: 75px;
background: url('images/nav_main.png') no-repeat;
text-indent: -9999px;
overflow: hidden;
}

#nav li a:hover {
background-position-y: -75px;
}


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

li#nav_services a {
left: 260px;
width: 100px;
background-position: -260px 0;
}

li#nav_getocto a {
left: 370px;
width: 120px;
background-position: -370px 0;
}

li#nav_company a {
left: 490px;
width: 80px;
background-position: -490px 0;
}

li#nav_whyocto a {
left: 570px;
width: 125px;
background-position: -570px 0;
}

li#nav_contact a {
left: 695px;
width: 80px;
background-position: -695px 0;
}

li#nav_support a
{
	left: 770px;
	width: 80px;
	background-position: -770px 0;
}

li#nav_showcase a {
left: 850px;
width: 110px;
background-position: -850px 0;
}

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

#body_services li#nav_services a {
background-position-y: -150px;
}

#body_get_octo li#nav_getocto a {
background-position-y: -150px;
}

#body_company li#nav_company a {
background-position-y: -150px;
}

#body_why_octo li#nav_whyocto a {
background-position-y: -150px;
}

#body_contact li#nav_contact a {
background-position-y: -150px;
}

#body_showcase li#nav_showcase a {
background-position-y: -150px;
}