/* NAVIGATION */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* date: 29/XI/2009 */
/* author: Daniel Angel */
/* ----------------------------------------- */

div#nav ul.menu {
	height: 66px;
}
div#nav ul.menu li {
	display: block;
	float: left;
	height: 66px;
	position: relative;
	margin: 0 0 0 1px;
	z-index: 99;
}
	div#nav ul.menu li:hover {
		visibility: inherit; /* fixes IE7 'sticky bug' */
	}
div#nav ul li a {
	background: url(../images/nav.png);
	border: none;
	display: block;
	height: 66px;
	position: relative;
	outline: none;
	z-index: 99;
}

div#nav ul li#ad {
	width: 280px;
}
div#nav ul li#di {
	width: 204px;
}
div#nav ul li#fo {
	width: 199px;
}
div#nav ul li#co {
	width: 263px;
}


div#nav ul li#ad a { background-position: 0 0; }
div#nav ul li#di a { background-position: -282px 0; }
div#nav ul li#fo a { background-position: -487px 0; }
div#nav ul li#co a { background-position: -687px 0; }

div#nav ul li#ad a:hover, div#nav ul li#ad.selected a { background-position: 0 -66px; }
div#nav ul li#di a:hover, div#nav ul li#di.selected a { background-position: -282px -66px; }
div#nav ul li#fo a:hover, div#nav ul li#fo.selected a { background-position: -487px -66px; }
div#nav ul li#co a:hover, div#nav ul li#co.selected a { background-position: -687px -66px; }



div#nav ul.menu ul {
	border: 1px solid #F2F2F2;
	position: absolute;
	top: -999em;
	width: 220px;
	z-index: 99;
}

div#nav ul.menu ul.wider li a {
	border: 1px solid #F2F2F2;
	width: 265px;
}

div#nav ul.menu ul li {
	border-bottom: 1px solid #F2F2F2;
	height: 40px;
	margin: 0;
	z-index: 99;
}

div#nav ul.menu ul li:last-child {
	border-bottom: none;
}

div#nav ul.menu ul li a {
	background: #FFF;
	color: #F28109;
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 10px;
	width: 210px;
	z-index: 99;
}
div#nav ul.menu ul li a:hover {
	background: #F28109;
	color: #FFF;
}

/*sf-sub-indicator*/
div#nav ul.menu ul li a span.sf-sub-indicator {
	display: block;
	position: relative;
	right: -11em;
	top: -31px;
	width: 1em;
}
div#nav ul.menu li:hover ul, div#nav ul.menu li.sfHover ul {
	left: 0;
	top: 66px; /* match top ul list item height */
	z-index: 999 !important;
}
div#nav ul.menu li:hover li ul, div#nav ul.menu li.sfHover li ul {
	top: -999em;
}
div#nav ul.menu li li:hover ul, div#nav ul.menu li li.sfHover ul {
	left: 13em !important; /* match ul width */
	top: 0;
}
div#nav ul.menu li li:hover li ul, div#nav ul.menu li li.sfHover li ul {
	top: -999em;
}
div#nav ul.menu li li li:hover ul, div#nav ul.menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}