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

.nav {width:640px;height:100px;margin:0;padding:0;background: url(../img/nav/nav.gif) 0 0 no-repeat;float:right}
.nav li a { float:left; outline:none; height:0; padding-top:100px; overflow:hidden; background:url(../img/nav/nav.gif) no-repeat }
.nav li, .navFooter li { display:inline; }

.navFooter {width:640px;height:100px;margin:0 auto;padding:0;background: url(../img/nav/navFooter.gif) 0 0 no-repeat;}
.navFooter li a { float:left; outline:none; height:0; padding-top:100px; overflow:hidden; background:url(../img/nav/navFooter.png) no-repeat }

.nav li.about a, .navFooter li.about a { width:90px; background-position: 0 0; }
.nav li.hotel a, .navFooter li.hotel a { width:85px; background-position: -90px 0; }
.nav li.activities a, .navFooter li.activities a { width:120px; background-position: -175px 0; }
.nav li.health a, .navFooter li.health a { width:140px; background-position: -295px 0; }
.nav li.tourism a, .navFooter li.tourism a { width:100px; background-position: -435px 0; }
.nav li.contact a, .navFooter li.contact a { width:105px; background-position: -535px 0; }

.nav li.about a:hover, .navFooter li.about a:hover { background-position: 0 -100px; }
.nav li.hotel a:hover, .navFooter li.hotel a:hover { background-position: -90px -100px; }
.nav li.activities a:hover, .navFooter li.activities a:hover { background-position: -175px -100px; }
.nav li.health a:hover, .navFooter li.health a:hover { background-position: -295px -100px; }
.nav li.tourism a:hover, .navFooter li.tourism a:hover { background-position: -435px -100px; }
.nav li.contact a:hover, .navFooter li.contact a:hover { background-position: -535px -100px; }