ul#nav {
	width: 455px;
	height: 60px;
	position:absolute;
	position: absolute;
	top: 113px;
	margin: 0;
	padding: 0;
	left: 299px;
	background: url(../img/nav.gif) no-repeat;
}
ul#nav li	{
	list-style: none;
	position:absolute;
	margin: 0; padding: 0;
}
ul#nav li, ul#nav a {
	height: 60px; 
	display:block;
}
ul#nav li a {
	text-indent: -9999px; 
	text-decoration: none;
}
#op1 {left: 0; width: 100px;}
#op2 {left: 100px; width: 101px;}
#op3 {left: 201px; width: 104px;}
#op4 {left: 305px; width: 150px;}

#op1 a:hover {background: transparent url(../img/nav.gif) no-repeat 0 -60px;}
#op2 a:hover {background: transparent url(../img/nav.gif) no-repeat -100px -60px;}
#op3 a:hover {background: transparent url(../img/nav.gif) no-repeat -201px -60px;}
#op4 a:hover {background: transparent url(../img/nav.gif) no-repeat -305px -60px;}

#op1 .current {background: transparent url(../img/nav.gif) no-repeat 0 -60px;}
#op2 .current {background: transparent url(../img/nav.gif) no-repeat -100px -60px;}
#op3 .current {background: transparent url(../img/nav.gif) no-repeat -201px -60px;}
#op4 .current {background: transparent url(../img/nav.gif) no-repeat -305px -60px;}