/*
##########################################
# NAVIGATION
##########################################
*/
.menubar-wrapper .main { padding:0px !important; }

#navigation ul, #navigation li { margin:0px; padding:0px; list-style-type:none; }
#navigation a, #navigation span { cursor:pointer; text-decoration:none !important; }

.menubar-wrapper { position:absolute; left:0px; top:0px; height:1px; width:100%; }
.bg-nav-icon { display:none !important; }

.bg-navigation {}
#navigation { position:absolute; min-height:1px; right:15px; top:70px; }
#navigation .main-lnk {
   	background:url(../images/nav-sep.gif) no-repeat 0 center;
    float: left;
    font-size: 14px;
    margin: 0 0 0 2px;
    padding: 0;
    white-space: nowrap;
	}
.main-lnk .menu-item { height:32px; }
#navigation .main-lnk:first-child { background:none; margin:0px; padding:0px; }
.main-lnk .menu-item > a, .main-lnk .menu-item > span {
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	background-color:#f0f3f3; display:block; position:relative; min-height:1px;
	background: -webkit-linear-gradient(rgba(255,255,255,1), rgba(220,220,220,1));
	background: -o-linear-gradient(rgba(255,255,255,1), rgba(220,220,220,1));
	background: -moz-linear-gradient(rgba(255,255,255,1), rgba(220,220,220,1));
	background: linear-gradient(rgba(255,255,255,1), rgba(220,220,220,1));
	
	font-family: 'Open Sans', sans-serif; padding:7px 10px 7px 35px; 
	color:#58585a; font-weight:400;
	background-color:#fbfbfb; border:1px solid #aaaaaa; border-bottom:none;
	margin:0px; border-radius:5px 5px 0 0; cursor:pointer; height:32px;
	letter-spacing:1px; white-space:nowrap;
	overflow:hidden;
	}
.main-lnk .menu-item .icon8 { color:#58585a; position:absolute; left:10px; top:-9px; }
		
.main-lnk .menu-item > a.active, 
.main-lnk .menu-item > span.active,
.main-lnk .menu-item > a:hover, 
.main-lnk .menu-item > span:hover,
.main-lnk:hover > .menu-item > a,
.main-lnk:hover > .menu-item > span { background:#dcdcdc; color:#000000; }

.main-lnk .menu-item > span.active .icon8, 
.main-lnk .menu-item > span:hover .icon8, 
.main-lnk .menu-item > a.active .icon8, 
.main-lnk .menu-item > a:hover .icon8, 
.main-lnk:hover > .menu-item .icon8 { color:#000000; }

.sub-level { position:relative; min-height:1px; }
.main-lnk .sub-menu {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	position:absolute; left:0px; top:32px; display:none;
	background:#dcdcdc; border:1px solid #aaaaaa;
	border-top:none; min-width:100%;
	}
.sub-level:hover .sub-menu { display:block !important; }

.main-lnk .sub-menu > li {
	border-top:1px solid #999;
	}
.main-lnk .sub-menu > li > a {
	border-top:1px solid #ffffff;
	background-color:#dcdcdc;
	display:block; padding:8px 10px;
	color:#374954;
	}
.main-lnk .sub-menu > li > a:hover,
.main-lnk .sub-menu > li > a.active {
	background-color:#ffffff;
	color:#000000;
	}