@charset "UTF-8";
/* CSS menu */


.nav {
	margin: 0px;
	padding: 0px;
	height: 32px;
	position:relative;
	}
	.nav ul{
	list-style-type:none;
	position:absolute;
	text-align:center;
	top:-16px;
	}
		.nav ul li{
		display: block;
		height: 32px;
		position:absolute;
		width: 190px;
		}
			.nav ul li a{
			display: block;
			height: 32px;
			background-repeat: no-repeat;
			list-style-type: none;
			width: 190px;
			}
			
		.nav ul #about{
		background-image: url(images/aboutUs_on.jpg);	
		left: 0;
		}			
			.nav ul #about a {
			background-image: url(images/aboutUs.jpg);
			}
			.nav ul #about a:hover {
			background-image: url(images/aboutUs_roll.jpg);
			}
				
		.nav ul #gallery{
		background-image: url(images/gallery_on.jpg);
		left:190px;
		}
			.nav ul #gallery a {
			background-image: url(images/gallery.jpg);
			}
			.nav ul #gallery a:hover {
			background-image: url(images/gallery_roll.jpg);
			}
		.nav ul #rates{
		background-image: url(images/rates_on.jpg);
		left:380px;
		}
			.nav ul #rates a {
			background-image: url(images/rates.jpg);
			}
			.nav ul #rates a:hover {
			background-image: url(images/rates_roll.jpg);
			}
		.nav ul #contact{
		background-image: url(images/contact_on.jpg);
		left:570px;
		}
			.nav ul #contact a {
			background-image: url(images/contact.jpg);
			}
			.nav ul #contact a:hover {
			background-image: url(images/contact_roll.jpg);
			}
			
			.nav ul span a{
			cursor:pointer;
			height:32px;
			width:190px;
			}
.nav ul span {
	text-indent:-10000px;
}
.nav ul li span {
	text-indent: -10000px;
	display: block;
}