@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
#nav{
	position: relative;
	
}
#nav > a{
	display: none;
}
#nav li{
	position: relative;
}
#nav li a{
	color: #fff;
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
}
#nav li a:active{
	background-color: #c00 !important;
}
#nav span:after{
	width: 0;
	height: 0;
	border: 0.313em solid transparent;
	border-bottom: none;
	border-top-color: #fff;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em;
}

/* first level */

#nav > ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav > ul > li
{
	float: left;
}
#nav > ul > li > a
{
	text-align: center;
}
#nav > ul > li:not( :last-child ) > a
{
	border-right: 0;
}
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a
{
	background: #009afd url(../images/menuArrow.jpg) no-repeat bottom center;
	text-decoration: none;
}

/* second level */

#nav li ul
{
	display: none;
	position: absolute;
	top: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	width: auto;
	border-top: solid 6px #097ec9;
	z-index: 1000;
}
#nav li:hover ul
{
	display: block;
}
#nav li:not( :first-child ):hover ul
{
	left: -1px;
}
#nav li ul a
{
	background: #e4f4fd;
	white-space: nowrap;
	color: #333;
	font-size: 13px;
}
#nav li ul a:before{
	font-family: 'FontAwesome';
	content: '\f046';
	padding-right: 5px;
}
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a
{
	background: #009afd;
	text-decoration: none;
	color: #fff;
}