/*** ESSENTIAL STYLES ***/
#nav, #nav *,
#navfooter, #navfooter * {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav ul,
#navfooter ul{
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}

	#nav li,
	#navfooter li {
		position: relative;
	}

	#nav > li,
	#navfooter > li {
		float: right;
	}

		#nav li:hover > ul,
		#nav li.sfHover > ul{
			display: block;
		}

	#nav ul ul {
		top: 0;
		left: 100%;
	}

#nav a,
#navfooter a {
	display: block;
	position: relative;
}

/*** DEMO SKIN ***/
#nav ul {
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}

	#nav li{
		white-space: nowrap; /* no need for Supersubs plugin */
		*white-space: normal; /* ...unless you support IE7 (let it wrap) */
		-webkit-transition: background .2s;
		transition: background .2s;
	}

		#nav li li{
			background: #e72b15; /* Old browsers */
			background: -moz-linear-gradient(top,  #f35f3e 0%, #e72b15 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f35f3e), color-stop(100%,#e72b15)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #f35f3e 0%,#e72b15 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #f35f3e 0%,#e72b15 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #f35f3e 0%,#e72b15 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #f35f3e 0%,#e72b15 100%); /* W3C */
		}

	#nav li:hover,
	#nav li.sfHover {
		/* only transition out, not in */
		-webkit-transition: none;
		transition: none;
	}

	#nav > li,
	#navfooter > li{
		list-style-type: none;
		padding-left: 0.846em;
		margin-right: 0.846em;
		line-height: 2.923em;
	}

#nav a,
#navfooter a {
text-decoration: none;
}

#nav li > a{
	color: #666;
}

	#nav li > a:hover,
	#nav li.active > a{
		color: #f63;
	}

#nav li li a,
#nav li.active li a{
	color: #fff;
	padding: .25em 1em;
}

	#nav li li a:hover,
	#nav li.active li a:hover{
		color: #000;
	}