/*
MAINNAV
*/

#mainnav {
    float: right;
    width: 100%;
    height: 50px;
	background-color: #fff;
	box-shadow: 0 1px 2px #ccc;
}

#mainnav > a#trigger-nav {
	float: left;
	width: 80%;
	padding: 8px 5% 8px 5%;
	margin: 0px 5%;
	font: normal normal 14px "asapregular", Arial, Tahoma, Verdana;
	letter-spacing: 2px;
	text-decoration: none;
	text-align: center;
	background: #0063b9 url("images/arrow-down-white-16.png") right center no-repeat;
	background-origin: content-box;
	color: #fff;
}

#mainnav > ul {
    float: left;
	width: 90%;
	margin: 0px 5%;
	display: none;
	position: relative;
	z-index: 999999;
}

#mainnav > ul > li {
    float: left;
    width: 100%;
	border-bottom: 1px solid #999;
}

	#mainnav > ul > li:last-child {
		border-bottom: 0px;
	}

#mainnav > ul > li > a {
    float: left;
    width: 100%;
    padding: 8px 0px 8px 0px;
    font: normal normal 14px "asapregular", Arial, Tahoma, Verdana;
	letter-spacing: 1px;
    text-decoration: none;
    text-align: center;
    background-color: #0063b9;
	color: #fff;
}

    #mainnav > ul > li > a:hover {
		background-color: #eee;
        color: #0063b9;
	}
    
    #mainnav > ul > li > a.actual {
		background-color: #eee;
        color: #0063b9;
	}