.nav {
  width: 550px;
  height: 120px;
  background: url(../images/menu.jpg) no-repeat;
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.nav li {
	display: block;
}

.nav li a {
  left: 0;
  width: 100%;
	text-indent: -9999em;
}

.nav li.current a {
  cursor: default;
}

.nav li .effect {
  left: 0;
  width: 100%;
}

.nav li,
.nav li a,
.nav li .effect {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

/* - O FIRMIE - */
#nav_ofirmie { 
  left: 0px;
  width: 100px;
}
#nav_ofirmie .effect, #nav_ofirmie a:hover, #nav_ofirmie a:focus {
  background: url(../images/menu.jpg) no-repeat 0 -120px;
}
#nav_ofirmie .mousedown, #nav_ofirmie a:active {
  background-position: 0px -240px;
}
#nav_ofirmie.current a:link, #nav_ofirmie.current a:visited {
  background: url(../images/menu.jpg) no-repeat 0px -360px;
}

/* - OFERTA - */
#nav_oferta {
  left: 100px;
  width: 100px;
}
#nav_oferta .effect, #nav_oferta a:hover, #nav_oferta a:focus {
  background: url(../images/menu.jpg) no-repeat -100px -120px;
}
#nav_oferta .mousedown, #nav_oferta a:active {
  background-position: -100px -240px;
}
#nav_oferta.current a:link, #nav_oferta.current a:visited {
  background: url(../images/menu.jpg) no-repeat -100px -360px;
}

/* - REFERENCJE - */
#nav_referencje {
  left: 200px;
  width: 124px;
}
#nav_referencje .effect, #nav_referencje a:hover, #nav_referencje a:focus {
  background: url(../images/menu.jpg) no-repeat -200px -120px;
}
#nav_referencje .mousedown, #nav_referencje a:active {
  background-position: -200px -240px;
}
#nav_referencje.current a:link, #nav_referencje.current a:visited {
  background: url(../images/menu.jpg) no-repeat -200px -360px;
}

/* - REALIZACJE - */
#nav_realizacje {
  left: 324px;
  width: 134px;
}
#nav_realizacje .effect, #nav_realizacje a:hover, #nav_realizacje a:focus {
  background: url(../images/menu.jpg) no-repeat -324px -120px;
}
#nav_realizacje .mousedown, #nav_realizacje a:active {
  background-position: -324px -240px;
}
#nav_realizacje.current a:link, #nav_realizacje.current a:visited {
  background: url(../images/menu.jpg) no-repeat -324px -360px;
}

/* - KONTAKT - */
#nav_kontakt {
  left: 458px;
  width: 92px;
}
#nav_kontakt .effect, #nav_kontakt a:hover, #nav_kontakt a:focus {
  background: url(../images/menu.jpg) no-repeat -458px -120px;
}
#nav_kontakt .mousedown, #nav_kontakt a:active {
  background-position: -458px -240px;
}
#nav_kontakt.current a:link, #nav_kontakt.current a:visited {
  background: url(../images/menu.jpg) no-repeat -458px -360px;
}