/** Customised htmldog suckerfish */

nav {width: 100%;height: 40px;position: absolute; bottom: 0; left: 0;}

nav, nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	
	z-index: 100;
}

nav a, nav a:link, nav a:active, nav a:visited {
	color: #fff;
	display: block;
	width: 100%;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}

nav li ul a, nav li ul a:link, nav li ul a:active, nav li ul a:visited {
	background-color: #72b7cd;
	font-weight: normal;
	border-bottom: solid 1px #fff;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
	text-align: left;
	text-indent: 20px;
}

nav li ul a:hover {border-bottom: solid 1px #fff;opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);}

nav a:hover {
	border: 0;
	background: #72b7cd;
}

nav li { /* all list items */
	float: left;
	display: block;
	width: 120px; /* width needed or else Opera goes nuts */
	
	z-index: 100;
}

nav li ul { /* second-level lists */
	width: 180px;
	display: none;
}

nav li ul li {width: 180px;}

nav li:hover ul, nav li.sfhover ul { /* lists nested under hovered list items */
	display: block;
}