/*
©2008 Bam Creative

Title : nav.css
Author : Graeme Haynes | Bam Creative
URL : www.sitename.com.au

Description : Stylesheet
*/
/*---------------------------------Splash Nav------ */
#splashnav{
	margin-left:44px;
	top:-13px;
	height:106px;
	overflow:hidden;
	position:absolute;

}
#splashnav a.mandurah{
	display:block;
	width:304px;
	height:104px;
	float:left;
	background:url(images/splashnavbg.png) 0 0;
}
#splashnav a.mandurah:hover{
	background:url(images/splashnavbg.png) 0 -108px;
	
}
#splashnav a.busselton{
	display:block;
	width:303px;
	height:104px;
	float:left;
	background:url(images/splashnavbg.png) -304px 0;
}
#splashnav a.busselton:hover{
	background:url(images/splashnavbg.png) -304px -108px;
}
#splashnav a.margaret{
	display:block;
	width:300px;
	float:left;
	height:104px;
	background:url(images/splashnavbg.png) -607px 0;
}
#splashnav a.margaret:hover{
	background:url(images/splashnavbg.png) -607px -108px;
}
/*---------------------------------Mandurah Nav------ */
#body-mandurah-quay #nav ul li a#home{
	height:81px;
	width:104px;
	background:url(images/mandurahnavbg.gif) no-repeat;
}
#body-mandurah-quay #nav ul li a#home:hover, #body-mandurah-quay #nav ul li a#home.active{
	background:url(images/mandurahnavbg.gif) no-repeat 0 -81px;
}

#nav ul li a#mandurah-quay-location{
	height:81px;
	width:87px;
	background:url(images/mandurahnavbg.gif) no-repeat -104px 0;
}
#nav ul li a#mandurah-quay-location:hover, #nav ul li a#mandurah-quay-location.active{
	background:url(images/mandurahnavbg.gif) no-repeat -104px -81px;
}
#nav ul li a#mandurah-quay-accommodation{
	height:81px;
	width:142px;
	background:url(images/mandurahnavbg.gif) no-repeat -191px 0;
}
#nav ul li a#mandurah-quay-accommodation:hover, #nav ul li a#mandurah-quay-accommodation.active{
	background:url(images/mandurahnavbg.gif) no-repeat -191px -81px;
}
#nav ul li a#mandurah-quay-restaurant{
	height:81px;
	width:104px;
	background:url(images/mandurahnavbg.gif) no-repeat -333px 0;
}
#nav ul li a#mandurah-quay-restaurant:hover, #nav ul li a#mandurah-quay-restaurant.active{
	background:url(images/mandurahnavbg.gif) no-repeat -333px -81px;
}
#nav ul li a#mandurah-quay-function-rooms{
	height:81px;
	width:142px;
	background:url(images/mandurahnavbg.gif) no-repeat -437px 0;
}
#nav ul li a#mandurah-quay-function-rooms:hover, #nav ul li a#mandurah-quay-function-rooms.active{
	background:url(images/mandurahnavbg.gif) no-repeat -437px -81px;
}
#nav ul li a#mandurah-quay-facilities{
	height:81px;
	width:81px;
	background:url(images/mandurahnavbg.gif) no-repeat -579px 0;
}
#nav ul li a#mandurah-quay-facilities:hover, #nav ul li a#mandurah-quay-facilities.active{
	background:url(images/mandurahnavbg.gif) no-repeat -579px -81px;
}
#nav ul li a#mandurah-quay-gallery{
	height:81px;
	width:71px;
	background:url(images/mandurahnavbg.gif) no-repeat -660px 0;
}
#nav ul li a#mandurah-quay-gallery:hover, #nav ul li a#mandurah-quay-gallery.active{
	background:url(images/mandurahnavbg.gif) no-repeat -660px -81px;
}
#nav ul li a#mandurah-quay-booking{
	height:81px;
	width:82px;
	background:url(images/mandurahnavbg.gif) no-repeat -731px 0;
}
#nav ul li a#mandurah-quay-booking:hover, #nav ul li a#mandurah-quay-booking.active{
	background:url(images/mandurahnavbg.gif) no-repeat -731px -81px;
}
#nav ul li a#mandurah-quay-contact{
	height:81px;
	width:93px;
	background:url(images/mandurahnavbg.gif) no-repeat -813px 0;
}
#nav ul li a#mandurah-quay-contact:hover, #nav ul li a#mandurah-quay-contact.active{
	background:url(images/mandurahnavbg.gif) no-repeat -813px -81px;
}

/*---------------------------------CapeView Nav------ */


#body-cape-view-apartments #nav ul li a#home{
	height:81px;
	width:134px;
	background:url(images/capeviewnavbg.gif) no-repeat;
}
#body-cape-view-apartments #nav ul li a#home:hover, #body-cape-view-apartments #nav ul li a#home.active{
	background:url(images/capeviewnavbg.gif) no-repeat 0 -81px;
}


#nav ul li a#cape-view-apartments-location{
	height:81px;
	width:124px;
	background:url(images/capeviewnavbg.gif) no-repeat -134px 0px;
}

#nav ul li a#cape-view-apartments-location:hover, #nav ul li a#cape-view-apartments-location.active{
	background:url(images/capeviewnavbg.gif) no-repeat -134px -81px;
}
#nav ul li a#cape-view-apartments-accommodation{
	height:81px;
	width:189px;
	background:url(images/capeviewnavbg.gif) no-repeat -258px 0px;
}

#nav ul li a#cape-view-apartments-accommodation:hover, #nav ul li a#cape-view-apartments-accommodation.active{
	background:url(images/capeviewnavbg.gif) no-repeat -258px -81px;
}
#nav ul li a#cape-view-apartments-facilities{
	height:81px;
	width:115px;
	background:url(images/capeviewnavbg.gif) no-repeat -447px 0px;
}

#nav ul li a#cape-view-apartments-facilities:hover, #nav ul li a#cape-view-apartments-facilities.active{
	background:url(images/capeviewnavbg.gif) no-repeat -447px -81px;
}
#nav ul li a#cape-view-apartments-gallery{
	height:81px;
	width:103px;
	background:url(images/capeviewnavbg.gif) no-repeat -562px 0px;
}

#nav ul li a#cape-view-apartments-gallery:hover, #nav ul li a#cape-view-apartments-gallery.active{
	background:url(images/capeviewnavbg.gif) no-repeat -562px -81px;
}
#nav ul li a#cape-view-apartments-booking{
	height:81px;
	width:115px;
	background:url(images/capeviewnavbg.gif) no-repeat -665px 0px;
}

#nav ul li a#cape-view-apartments-booking:hover, #nav ul li a#cape-view-apartments-booking.active{
	background:url(images/capeviewnavbg.gif) no-repeat -665px -81px;
}
#nav ul li a#cape-view-apartments-contact{
	height:81px;
	width:126px;
	background:url(images/capeviewnavbg.gif) no-repeat -780px 0px;
}

#nav ul li a#cape-view-apartments-contact:hover, #nav ul li a#cape-view-apartments-contact.active{
	background:url(images/capeviewnavbg.gif) no-repeat -780px -81px;
}
/*---------------------------------Leeuwin Nav------ */


#body-leeuwin-apartments #nav ul li a#home{
	height:81px;
	width:134px;
	background:url(images/leeuwinnavbg.gif) no-repeat;
}
#body-leeuwin-apartments #nav ul li a#home:hover, #body-leeuwin-apartments #nav ul li a#home.active{
	background:url(images/leeuwinnavbg.gif) no-repeat 0 -81px;
}


#nav ul li a#leeuwin-apartments-location{
	height:81px;
	width:124px;
	background:url(images/leeuwinnavbg.gif) no-repeat -134px 0px;
}

#nav ul li a#leeuwin-apartments-location:hover, #nav ul li a#leeuwin-apartments-location.active{
	background:url(images/leeuwinnavbg.gif) no-repeat -134px -81px;
}
#nav ul li a#leeuwin-apartments-accommodation{
	height:81px;
	width:189px;
	background:url(images/leeuwinnavbg.gif) no-repeat -258px 0px;
}

#nav ul li a#leeuwin-apartments-accommodation:hover, #nav ul li a#leeuwin-apartments-accommodation.active{
	background:url(images/leeuwinnavbg.gif) no-repeat -258px -81px;
}
#nav ul li a#leeuwin-apartments-facilities{
	height:81px;
	width:115px;
	background:url(images/leeuwinnavbg.gif) no-repeat -447px 0px;
}

#nav ul li a#leeuwin-apartments-facilities:hover, #nav ul li a#leeuwin-apartments-facilities.active{
	background:url(images/leeuwinnavbg.gif) no-repeat -447px -81px;
}
#nav ul li a#leeuwin-apartments-gallery{
	height:81px;
	width:103px;
	background:url(images/leeuwinnavbg.gif) no-repeat -562px 0px;
}

#nav ul li a#leeuwin-apartments-gallery:hover, #nav ul li a#leeuwin-apartments-gallery.active{
	background:url(images/leeuwinnavbg.gif) no-repeat -562px -81px;
}
#nav ul li a#leeuwin-apartments-booking{
	height:81px;
	width:115px;
	background:url(images/leeuwinnavbg.gif) no-repeat -665px 0px;
}

#nav ul li a#leeuwin-apartments-booking:hover, #nav ul li a#leeuwin-apartments-booking.active{
	background:url(images/leeuwinnavbg.gif) no-repeat -665px -81px;
}
#nav ul li a#leeuwin-apartments-contact{
	height:81px;
	width:126px;
	background:url(images/leeuwinnavbg.gif) no-repeat -780px 0px;
}

#nav ul li a#leeuwin-apartments-contact:hover, #nav ul li a#leeuwin-apartments-contact.active{
	background:url(images/leeuwinnavbg.gif) no-repeat -780px -81px;
}



























#nav {
	margin:0px 0px 0px 44px;
	height:81px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	width:906px;
	z-index:1000;
	position:absolute;
	top:-10px;

}
#nav ul li a span {
	display:none;
}




#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1 !important;
}
#nav a {
	display: block;
	width: auto;
	font-size: 100%;
	text-decoration: none;
	color: #666;
	text-align: center;
	padding: 0px 0px;
	overflow: hidden;
}
#nav li {
	float: left;
	width: auto;
}
#nav li a {

	
}
#nav li a:hover, #nav li:hover a, #nav li.sfhover a {
	color: #fff;

}
#nav ul li a.active {
	color: #fff;

}

























/* LEVEL 2 ---------------------------------------------- LEVEL 2 */
#nav li ul {
	position: absolute;
	width: 187px;
	left: -999em;
	background:url(images/navbg.png) bottom no-repeat;
	border-bottom: none;
	z-index:100000;

}
#nav ul li ul{
	padding-bottom:4px;
}
#nav li ul li {
	width: 178px;
	height: auto;
	padding-left:0px;
	padding-bottom:0px;
	margin-left:14px;
}
#nav li ul li a, #nav li:hover ul li a, #nav li.sfhover ul li a {
	text-align: left;
	background-image: none;
	color: #434141;
	padding: 6px 8px;
	text-align: left;
	width: 142px;
	line-height: 1.3em;
	border: none;
	border-bottom: 1px solid #fff;
}
#nav li ul li a:hover, #nav li ul li:hover a, #nav li ul li.sfhover a {
	background:url(images/navhover.gif) bottom no-repeat;
	color: #fff;
}
#nav ul li ul{
margin-left:-14px;

}
/* LEVEL 3 ---------------------------------------------- LEVEL 3 */

#nav ul li ul li ul {
	width: 187px;

	left: -999em;
	margin: -25px 0 0 145px;
}
#nav ul li ul li ul li a, #nav ul li ul li:hover ul li a, #nav ul li ul li.sfhover ul li a {
	background-image: none;
	color: #fff;
}
#nav ul li ul li ul li a:hover, #nav ul li ul li ul li:hover a, #nav ul li ul li ul li.sfhover a {
	background:url(images/navhover.gif) bottom no-repeat;
}
/* LEVEL 4 ---------------------------------------------- LEVEL 4 */

#nav ul li ul li ul li ul {
	width: 170px;
	left: -999em;
	border: 1px solid #666;
	border-bottom: none;
	margin: -28px 0 0 170px;
}
#nav ul li ul li ul li ul li a, #nav ul li ul li ul li:hover ul li a, #nav ul li ul li ul li.sfhover ul li a {
	background-color: #999;
	color: #fff;
}
#nav ul li ul li ul li ul li a:hover {
	background-color: #0033CC;
}
/* SFHOVER TRIGGERS ---------------------------------- SFHOVER TRIGGERS */

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	visibility:visible;
}