/* define main nav bar width, height and background image */
.nav {
    width: 509px;
    height: 40px;
    background: url('../../images/menu.gif') no-repeat;
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right;
}

.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;
}

/* individual elements defined here */

/* - Osteopatia - */
#nav_osteo { 
    left: 2px;
    width: 114px;
}
#nav_osteo .effect, #nav_osteo a:hover, #nav_osteo a:focus {
    background: url('../../images/menu.gif') no-repeat -2px -40px;
}
#nav_osteo .mousedown, #nav_osteo a:active {
    background-position: -2px -80px;
}
#nav_osteo.current a:link, #nav_osteo.current a:visited {
    background: url('../../images/menu.gif') no-repeat -2px -120px;
}

/* - Fisioterapia - */
#nav_fisio {
    left: 118px;
    width: 117px;
}
#nav_fisio .effect, #nav_fisio a:hover, #nav_fisio a:focus {
    background: url('../../images/menu.gif') no-repeat -118px -40px;
}
#nav_fisio .mousedown, #nav_fisio a:active {
    background-position: -118px -80px;
}
#nav_fisio.current a:link, #nav_fisio.current a:visited {
    background: url('../../images/menu.gif') no-repeat -118px -120px;
}

/* - Chi siamo - */
#nav_about {
    left: 237px;
    width: 108px;
}
#nav_about .effect, #nav_about a:hover, #nav_about a:focus {
    background: url('../../images/menu.gif') no-repeat -237px -40px;
}
#nav_about .mousedown, #nav_about a:active {
    background-position: -237px -80px;
}
#nav_about.current a:link, #nav_about.current a:visited {
    background: url('../../images/menu.gif') no-repeat -237px -120px;
}

/* - Servizi - */
#nav_services {
    left: 347px;
    width: 74px;
}
#nav_services .effect, #nav_services a:hover, #nav_services a:focus {
    background: url('../../images/menu.gif') no-repeat -347px -40px;
}
#nav_services .mousedown, #nav_services a:active {
    background-position: -347px -80px;
}
#nav_services.current a:link, #nav_services.current a:visited {
    background: url('../../images/menu.gif') no-repeat -347px -120px;
}

/* - Contatti - */
#nav_contact {
    left: 423px;
    width: 160px;
}
#nav_contact .effect, #nav_contact a:hover, #nav_contact a:focus {
    background: url('../../images/menu.gif') no-repeat -423px -40px;
}
#nav_contact .mousedown, #nav_contact a:active {
    background-position: -423px -80px;
}
#nav_contact.current a:link, #nav_contact.current a:visited {
    background: url('../../images/menu.gif') no-repeat -423px -120px;
}

#navbar {
	margin: 0;
	padding: 0;
    border: 1px solid #bfc3c6;
    width: 200px;
    height: 100px;
    background : Transparent url('../../images/menubg.png');
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    display: none;
}

#navbar li {
	list-style: none;
}

#navbar li a {
    border-bottom: 1px solid #bfc3c6;
	display: block;
	padding: 5px 8px;
	color: #414141;
	text-decoration: none;
	width: 175px;
	margin-left: 5px;
	background-color: Transparent;
}

#navbar li a:hover {
	color: #ffffff;
	background-color: #f7a370;
}
/*#navbar li ul {
	display: none; 
	width: 10em;
	background-color: #69f;}
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#navbar li:hover li, #navbar li.hover li {
	float: none; }
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #69f;
	border-bottom: 1px solid #fff;
	color: #000; }
#navbar li li a:hover {
	background-color: #8db3ff; }*/