/* Web Design and Web Development by Goran Beko */
/* Added: 13.07.2009 */

.nav {float:left;margin:0 50px 20px 0;}
.nav ul {width:330px;height:81px;margin:0;padding:0;background-image: url(../img/nav.png);background-repeat: no-repeat;background-position: 0 0; list-style:none;}
.nav ul li { float:left;list-style:none; margin:0; padding:0;}
.nav ul li a { float:left; outline:none; height:0; padding-top:81px; overflow:hidden; }
.nav ul li a { background-image:url(../img/nav.png); background-repeat:no-repeat; }

.nav ul li.eat a { width:330px; background-position: 0 0; }
.nav ul li.find a { width:330px; background-position: -330px 0; }
.nav ul li.build a { width:330px; background-position: -660px 0; }
.nav ul li.relax a { width:330px; background-position: -990px 0; }

.nav ul li.eat a:hover{ background-position: 0 -81px; }
.nav ul li.find a:hover{ background-position: -330px -81px; }
.nav ul li.build a:hover{ background-position: -660px -81px; }
.nav ul li.relax a:hover{ background-position: -990px -81px; }