/*styles for our navigations.  always use lists! */



/*this makes it so we can have text for search engine optimisation and also for access for disabled/blind users (screen readers, etc*/
span.access {
	margin-left:-999em;
}


/*  hide the bullets for the list, and set a height as our li's will be floated and will be taken out of the flow of the document. */
ul#nav {
	background:url(/images/bg_nav.gif);
	padding-left:40px;
	height:31px;
	list-style:none;
}

ul#nav li {
	display:inline;
	height:31px;
}

/*make our links a block element so we can set its width and height to the same size as our graphics*/
ul#nav li a {
	display:block;
	height:31px;
	float:left;
}




/*
styles for the about button
we set the width and the background image.
*/
ul#nav li#about a {
	width: 82px;
	background: transparent url(/images/nav/about.gif) bottom left no-repeat;
}

ul#nav li#about a:hover, ul#nav li#about a.current {
	background-position: top left;
}




/*
party and occasionssss button
*/
ul#nav li#party a {
	width: 127px;
	background: transparent url(/images/nav/party.gif) bottom left no-repeat;
}
ul#nav li#party a:hover {
	background-position: top left;
}




/*
commercial washroom button
*/
ul#nav li#washroom a {
	width: 154px;
	background: transparent url(/images/nav/washroom.gif) bottom left no-repeat;
}
ul#nav li#washroom a:hover {
	background-position: top left;
}




/*
hospitality button
*/
ul#nav li#hospitality a {
	width: 88px;
	background: transparent url(/images/nav/hospitality.gif) bottom left no-repeat;
}
ul#nav li#hospitality a:hover {
	background-position: top left;
}




/*
customer login button
*/
ul#nav li#login a {
	width: 115px;
	background: transparent url(/images/nav/login.gif) bottom left no-repeat;
}
ul#nav li#login a:hover {
	background-position: top left;
}




/*
contact us button
*/
ul#nav li#contact a {
	width: 90px;
	background: transparent url(/images/nav/contact.gif) bottom left no-repeat;
}
ul#nav li#contact a:hover {
	background-position: top left;
}




/*
home button
*/
ul#nav li#home a {
	width: 62px;
	background: transparent url(/images/nav/home.gif) bottom left no-repeat;
}
ul#nav li#home a:hover {
	background-position: top left;
}