@font-face {
font-family:abalc;
src: url('abalc.ttf')
    ,url('abalc.eot'); /* IE9 */
}

@font-face
{
font-family:Avgardn;
src: url('Avgardn.ttf')
}

/* Reset */
.menu,
.menu ul,
.menu li,
.menu a {
	margin:0px auto;
	padding: 0;
	border: none;
	outline: none;
}

/* Menu */
.menu{
	width:250px;
	margin:0px auto;
}

.menu li {
    height:40px;
    position: relative;
	list-style: none;
	float: none;
	display:block;
	background:rgba(10, 101, 40, 0.1);
	margin-bottom:5px;
}

/* Links */

.menu li a {
    display:block;
	padding:0px 30px;
	margin: 0px;
	line-height:40px;
	text-decoration: none;
    font-family:'Avgardn';
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	background: url(img/arrow-h.png) left no-repeat;
	border-bottom:1px solid #000;
	letter-spacing:1px;
    color:#000;
    -webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;

}

.menu li:last-child a { border-bottom:none;
}

.menu li:hover > a { 
    color: #fff;
    background:#9e211a url(img/arrow.png) left no-repeat;
}

/* Sub Menu */

.menu ul {
	position:absolute;
	top:0px;
    opacity:0;
	left:250px;
	overflow:hidden;
	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
}

.menu li:hover > ul { opacity:1; }

.menu ul li {
	height:0;
	overflow:hidden;
	padding: 0;
	background:rgba(0,172,54,1);
	-webkit-transition: height .25s ease .1s;
	-moz-transition: height .25s ease .1s;
	-o-transition: height .25s ease .1s;
	-ms-transition: height .25s ease .1s;
	transition: height .25s ease .1s;
}

.menu li:hover > ul li {
    top:1px;
	height:40px;
	color:#FFFFFF;
	border-bottom:1px solid #016EBB;
	overflow: visible;
	padding:0;
}

.menu ul li a {
	width:200px;
	padding: 0px 0px 0px 35px;
	overflow: visible;
	font-size:16px;
    border: none;
	color:#FFFFFF;
}

.menu ul li:last-child a { border-bottom:none;
}

.submenu-lead{
	z-index:9;
}


.submenu-lead li {
    height:40px;
    position: relative;
	list-style: none;
	float: none;
	display:block;
	background:rgba(10, 101, 40, 0.8) !important;
	margin-bottom:5px;
}

/* Icons */
.menu a.signout { background:rgba(1,110,187,1) url(img/arrow.png) no-repeat 6px center; line-height:40px;}
.menu a:hover.signout { background:rgba(16,27,0,1) url(img/arrow.png) no-repeat 6px center;}