.clear { clear: both; }

/* Top-level Nav items (Images) */

/* home */
a#navHome { width: 77px; background: url(../images/nav/home.gif); }
a#navHome:hover { background-image: url(../images/nav/over/home.gif); }
a#navHome:active, a#navHome.active { background-image: url(../images/nav/active/home.gif); }

/* contact */
a#navContactUs { width: 88px; background: url(../images/nav/contact.gif); }
a#navContactUs:hover { background-image: url(../images/nav/over/contact.gif); }
a#navContactUs:active, a#navContactUs.active { background-image: url(../images/nav/active/contact.gif); }

a#navContact { width: 88px; background: url(../images/nav/contact.gif); }
a#navContact:hover { background-image: url(../images/nav/over/contact.gif); }
a#navContact:active, a#navContact.active { background-image: url(../images/nav/active/contact.gif); }

/* stay */
a#navAccommodation { width: 72px; background: url(../images/nav/stay.gif); }
a#navAccommodation:hover { background-image: url(../images/nav/over/stay.gif); }
a#navAccommodation:active, a#navAccommodation.active { background-image: url(../images/nav/active/stay.gif); }

a#navStay { width: 72px; background: url(../images/nav/stay.gif); }
a#navStay:hover { background-image: url(../images/nav/over/stay.gif); }
a#navStay:active, a#navStay.active { background-image: url(../images/nav/active/stay.gif); }

/* water */
a#navNewQuayMarina { width: 78px; background: url(../images/nav/water.gif); }
a#navNewQuayMarina:hover { background-image: url(../images/nav/over/water.gif); }
a#navNewQuayMarina:active, a#navNewQuayMarina.active { background-image: url(../images/nav/active/water.gif); }

a#navMarina { width: 78px; background: url(../images/nav/marina.gif); }
a#navMarina:hover { background-image: url(../images/nav/over/marina.gif); }
a#navMarina:active, a#navMarina.active { background-image: url(../images/nav/active/marina.gif); }

/* work */
a#navBusiness { width: 72px; background: url(../images/nav/work.gif); }
a#navBusiness:hover { background-image: url(../images/nav/over/work.gif); }
a#navBusiness:active, a#navBusiness.active { background-image: url(../images/nav/active/work.gif); }

a#navWork { width: 72px; background: url(../images/nav/work.gif); }
a#navWork:hover { background-image: url(../images/nav/over/work.gif); }
a#navWork:active, a#navWork.active { background-image: url(../images/nav/active/work.gif); }

/* live */
a#navResidential { width: 68px; background: url(../images/nav/live.gif); }
a#navResidential:hover { background-image: url(../images/nav/over/live.gif); }
a#navResidential:active, a#navResidential.active { background-image: url(../images/nav/active/live.gif); }

a#navLive { width: 68px; background: url(../images/nav/live.gif); }
a#navLive:hover { background-image: url(../images/nav/over/live.gif); }
a#navLive:active, a#navLive.active { background-image: url(../images/nav/active/live.gif); }

/* play */
a#navWhatsOn { width: 70px; background: url(../images/nav/play.gif); }
a#navWhatsOn:hover { background-image: url(../images/nav/over/play.gif); }
a#navWhatsOn:active, a#navWhatsOn.active { background-image: url(../images/nav/active/play.gif); }

a#navPlay { width: 70px; background: url(../images/nav/play.gif); }
a#navPlay:hover { background-image: url(../images/nav/over/play.gif); }
a#navPlay:active, a#navPlay.active { background-image: url(../images/nav/active/play.gif); }

/* location */
a#navLocation { width: 95px; background: url(../images/nav/location.gif); }
a#navLocation:hover { background-image: url(../images/nav/over/location.gif); }
a#navLocation:active, a#navLocation.active { background-image: url(../images/nav/active/location.gif); }

/* about */
a#navAboutNewQuay { width: 86px; background: url(../images/nav/about.gif); }
a#navAboutNewQuay:hover { background-image: url(../images/nav/over/about.gif); }
a#navAboutNewQuay:active, a#navAboutNewQuay.active { background-image: url(../images/nav/active/about.gif); }

a#navAbout { width: 86px; background: url(../images/nav/about.gif); }
a#navAbout:hover { background-image: url(../images/nav/over/about.gif); }
a#navAbout:active, a#navAbout.active { background-image: url(../images/nav/active/about.gif); }

/* Top-level Nav settings { */
#main a.main {
	display: block;
	height: 39px;
	background-repeat: no-repeat;
	}
div#nav ul {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
	float: left;
	height: 39px;
	}
	
li#rightMost {
	margin-right: 25px;
	}	
div#nav ul ul { margin: 0; padding: 0;}

div#nav ul li {	float: right; }
div#nav ul li ul li { float: none; }
div#nav ul li, div#nav ul li ul li { position: relative; }

/* First-level Nav menu dropdowns */
div#nav ul li ul, div#nav ul li ul li ul { display: none; }
div#nav ul li:hover ul, div#nav ul li.over ul { display: block; }

/* Second-level Nav menu dropdowns */
div#nav ul li ul li ul { display: none !important; }
div#nav ul li ul li:hover ul, div#nav ul li ul li.over ul { display: block !important; }

/* First-level Nav menu dropdown settings */
div#nav ul li ul {
	position: absolute;
	z-index: 1000;
	left: 0;
	top: 39px;
	margin: 0 5px;
	border: none;
	}


div#nav ul li ul li.top { 
	display: block;
	height: 5px;
	background: url(../images/nav/bg_border_tl.gif) no-repeat top left transparent;
	}
div#nav ul li ul li.top div { 
	float: right;
	width: 100px; 
	height: 5px; 
	background: url(../images/nav/bg_border_tr.gif) no-repeat top right transparent;
	}
div#nav ul li ul li.bottom { 
	display: block;
	height: 5px; 
	background: url(../images/nav/bg_border_bl.gif) no-repeat bottom left transparent;
	}
div#nav ul li ul li.bottom div { 
	display: block; 
	float: right; 
	width: 100px; 
	height: 5px; 
	background: url(../images/nav/bg_border_br.gif) no-repeat bottom right transparent;
	}
div#nav ul li ul li a {
	display: block;
	width: 140px;
	padding: 5px 5px;
	color: #0070af;
	background-color: #fff;
	font-size: 1.1em;
	text-align: left;
	}
div#nav ul li ul li a:hover {
	text-decoration: underline;
	}

/* Second-level Nav menu dropdown settings */
div#nav ul li ul li ul {
	z-index: 1010;
	left: 135px;
	top: 0;
	margin: 0px 15px;
	margin-top: -5px;
}
div#nav ul li ul li ul li.top { 
	display: block;
	height: 5px;
	background: url(../images/nav/bg_border_tl.gif) no-repeat top left transparent;
}
div#nav ul li ul li ul li.top div { 
	float: right;
	width: 100px; 
	height: 5px; 
	background: url(../images/nav/bg_border_tr.gif) no-repeat top right transparent;
}
div#nav ul li ul li.first ul li.top, div#nav ul li ul li.first ul li.top div { background-image: none; }
div#nav ul li ul li ul li.bottom { 
	display: block;
	height: 5px; 
	background: url(../images/nav/bg_border_bl.gif) no-repeat bottom left transparent;
}
div#nav ul li ul li ul li.bottom div { 
	display: block; 
	float: right; 
	width: 100px; 
	height: 5px; 
	background: url(../images/nav/bg_border_br.gif) no-repeat bottom right transparent;
}

div#nav ul li ul li ul li a { background-color: #fff; }
div#nav ul li ul li ul li a:hover {  }

a.hasSub { background: url(../images/nav/icn_arrow.gif) no-repeat center right; }

/*
div#nav ul li ul li a, div#nav ul li ul li.top, div#nav ul li ul li.bottom {
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
}
*/

div.dbg { font: 12px monospace; color: #900; border-bottom: solid 1px #fcc; margin-bottom: 5px; padding: 5px; }