/*------------------------ navigation (main/top) -------------------*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			140px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width: 100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}


/** CUSTOM STYLE */
.sf-menu {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.children li a {
	padding: 0px;
}

.sf-menu a {
	padding: 0 20px;
	text-decoration:none;
	line-height: 40px;
	display: block;
}
/*
.sf-menu li ul {	
	border-top: none;
}
.sf-menu li li ul, .sf-menu li li li ul {	
	border-top: none;
}
*/
.sf-menu a, .sf-menu a:hover, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.sf-menu li li {
	background:		#1e1f21;
}
.sf-menu li li li {
	background:		#1e1f21;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}
.sf-menu li li a, .sf-menu li li a:hover {
	padding: 10px 20px;
	line-height: 1.0;
	background: #1e1f21;
}
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	background: #303133;
	outline:		0;
}

.sf-menu .children li a:focus, .sf-menu .children li a:hover, .sf-menu .children li a:active {
	background: #1e1f21!important;
}
/*------------------------ 1st level navigation --------------------*/
	#navigation ul {
		list-style:none;
		color: #fff;
		margin: 0;
		text-transform:uppercase;
	}
		#navigation ul li {
			display:inline;
			margin-right: 20px;
}
		#navigation ul li a {
			padding: 1px 8px 6px 8px;
			color: #fff;
			text-decoration:none;

}
		#navigation ul li a:hover, #navigation ul#nav li.hovering a{
			padding: 0 7px 6px 7px;
			color: #a8d0e4;	
			background: #282828;
			border:1px solid #fff;
			border-bottom: none;
		}
		#navigation ul li.last {
			margin-right: 0;
		}
		
/*------------------------ 2nd level navigation --------------------*/
ul#nav {
	margin-top: 5px;

}
ul#nav ul { 
    display: none; 
}
ul#nav li ul{ 
    width: 280px; 
    position: absolute;
    top: 2.8em; 
    left: 0em; 
	background: #282828;
	border:none;
	padding-bottom: 12px;
	background:url(../images/nav_bottom.gif) 0 100% no-repeat;
}
ul#nav li ul li ul{ 
    position: static;
    top: 1.6em; 
    left: 0em; 
}
ul#nav li ul li {
    background: url(../images/nav_shadow.jpg) 0 0 no-repeat #282828;
	border-top: 1px solid #202020;
    font-size: .95em;
    padding: 15px 0;
	display: block;
}
#navigation ul#nav li.hovering ul li a, ul#nav li ul li a {
    color: #a8d0e4;
    background: #282828;
    text-transform:none;
    padding: 0;
	padding-left: 10px;
    border: none;
}
#navigation ul#nav li.hovering ul li a:hover, ul#nav li ul li a:hover {
	color: #fff;
}
ul#nav li.hovering ul { 
    display: inline; 
}

