#nav{
	z-index:200;
}

ul.slidingmenu {
	font-size: 12px;
}

ul.slidingmenu li {
	text-align: center;
	float: left;
}

ul.slidingmenu li a {
	text-indent:-999em;
	margin:0 3px;
	color:#fff;

}


/* remove standard HTML list indenting, and display as normal blocks */
ul.slidingmenu,
ul.slidingmenu ul,
ul.slidingmenu li,
ul.slidingmenu a { 
	padding: 0;
	margin: 0;
	display: block;
}

/* make li's into clean, moveable blocks */
ul.slidingmenu li {
	list-style-type: none; 
	position: relative;
}

/* make sure any ul inside an li (a submenu) takes up zero normal flow */
ul.slidingmenu ul { 
	position: absolute;  
	left: 0; 
	display: none;
	width:160px;
	margin-left:3px;
	background-color:#4595d1;
}

ul.slidingmenu ul li a { 
	text-indent:0;
	line-height:35px;
	text-align:left;
	margin:0;
	width:154px;
	text-decoration:none;
	padding:0 3px;
	border-bottom:1px solid #0b7cd1;

}

ul.slidingmenu ul li a:hover { 
	text-decoration:none;
	background-color:#0164ae;
	color:#fff;

}

li a#water-balancing{
	line-height:25px;
}

/*--------------------------------------- IMAGE REPLACEMENTS ------------------------------------------------------*/

li a#home{
	height:28px;
	width:58px;
	display:block;
	background:url(/images/nav-images/home.gif) top right no-repeat;
}

li a#home:hover{
	height:28px;
	width:58px;
	background:url(/images/nav-images/home.gif) bottom right no-repeat;
}

li a#compass{
	height:28px;
	width:118px;
	display:block;
	background:url(/images/nav-images/compass.gif) top right no-repeat;
}

li a#compass:hover{
	height:28px;
	width:118
	px;
	background:url(/images/nav-images/compass.gif) bottom right no-repeat;
	
}

li a#pools{
	height:28px;
	width:84px;
	display:block;
	background:url(/images/nav-images/our-pools.gif) top right no-repeat;
}

li a#pools:hover{
	height:28px;
	width:84px;
	background:url(/images/nav-images/our-pools.gif) bottom right no-repeat;
}

li a#spas{
	height:28px;
	width:78px;
	display:block;
	background:url(/images/nav-images/our-spas.gif) top right no-repeat;
}

li a#pools:spas{
	height:28px;
	width:78px;
	background:url(/images/nav-images/our-spas.gif) bottom right no-repeat;
}

li a#gallery{
	height:28px;
	width:105px;
	background:url(/images/nav-images/gallery.gif) top right no-repeat;
}

li a#gallery:hover{
	height:28px;
	width:105px;
	background:url(/images/nav-images/gallery.gif) bottom right no-repeat;
}

li a#compass-finance {
	height:28px;
	width:128px;
	background:url(/images/nav-images/compass-finance-nav.png) top right no-repeat;
}

li a#compass-finance:hover{
	height:28px;
	width:128px;
	background:url(/images/nav-images/compass-finance-nav.png) 0 -29px no-repeat;
}

/*li a#warranties{
	height:28px;
	width:89px;
	background:url(/images/nav-images/warranties.gif) top right no-repeat;
}

li a#warranties:hover{
	height:28px;
	width:89px;
	background:url(/images/nav-images/warranties.gif) bottom right no-repeat;
} */

li a#Faq{
	height:28px;
	width:48px;
	background:url(/images/nav-images/faq.gif) top right no-repeat;
}

li a#Faq:hover{
	height:28px;
	width:48px;
	background:url(/images/nav-images/faq.gif) bottom right no-repeat;
}

li a#help{
	height:28px;
	width:118px;
	background:url(/images/nav-images/how-we-help.gif) top right no-repeat;
}

li a#help:hover{
	height:28px;
	width:118px;
	background:url(/images/nav-images/how-we-help.gif) bottom right no-repeat;
}

/*li a#extras{
	height:28px;
	width:61px;
	background:url(/images/nav-images/extras.gif) top right no-repeat;
}

li a#extras:hover{
	height:28px;
	width:136px;
	background:url(/images/nav-images/extras.gif) bottom right no-repeat;
}*/

li a#maintenance{
	height:28px;
	width:136px;
	background:url(/images/nav-images/maintenance.gif) top right no-repeat;
} 

li a#maintenance:hover{
	height:28px;
	width:136px;
	background:url(/images/nav-images/maintenance.gif) bottom right no-repeat;
}

li a#testimonials{
	height:28px;
	width:118px;
	background:url(/images/nav-images/testimonial.gif) top right no-repeat;
} 

li a#testimonials:hover{
	height:28px;
	width:118px;
	background:url(/images/nav-images/testimonial.gif) bottom right no-repeat;
}

li a#contact{
	height:28px;
	width:72px;
	background:url(/images/nav-images/contact.gif) top right no-repeat;
}

li a#contact:hover{
	height:28px;
	width:72px;
	background:url(/images/nav-images/contact.gif) bottom right no-repeat;
}