@keyframes moveDown{
    0% { 
        transform: translateY(-10px); 
        opacity: 0;
    }
    100% { 
        transform: translateY(0px);  
        opacity: 1;
    }
}


/*#nav ul li a:hover + ul{animation: 0.01s ease-in-out 0.01s normal backwards 1 moveDown;}*/



#nav {
    position:relative;
    z-index:2;
	width:100%;
	float:left;
	margin-top:10px;
}
#nav ul {
    height:24px;
    list-style:none outside none;
    margin:0;
    padding:1px;
	float:right;
}

#nav ul ul {
    background-color:#FFFFFF;
    border:1px solid #d2d2d2;
    display:none;
    height:auto;
    left:0;
    padding:0;
    position:absolute;
    top:30px;
    /*width:168px;*/
	width:185px;
}

#nav ul ul ul {
    display:none;
    /*left:166px;*/
	left:184px;
    position:absolute;
    top:0;
    /*width:168px;*/
	width:185px;
}

#nav ul li {
    float:left;
    position:relative;
}

#nav ul li.sep{
    float:left;
    position:relative;
	height:30px; width:2px;
	padding:0;
	 background:url("../images/sep.jpg") no-repeat left center transparent;
}

#nav ul li a {
   
    color:#000;
    display:block;
    font:bold 14px/20px Arial;
    padding:5px 9px 5px;
    text-decoration:none;
	text-transform:uppercase;
}
#nav ul li a {
   /* background:url("../images/u.gif") no-repeat scroll 90% center transparent;*/
    color:#000;
    display:block;
    font:bold 14px/20px Arial;
    padding:5px 6px 5px;
    position:relative;
	margin:0 3px;
}
#nav ul ul li a.arrow {
    background:#f4f4f4 url("../images/s.gif") no-repeat scroll 97% center;
}
#nav ul ul li {
    float:none;
    margin-right:0;
    padding:0;
    /*text-indent:10px;*/
	text-indent:0px;
	/*animation: 0.6s ease-in-out 0.2s normal backwards 1 moveDown;*/
}

#nav ul ul{margin-left:3px;}

#nav ul ul ul{
	margin-left:0;
}

#nav ul ul li a,#nav ul ul li a {
    padding:3px 3px 3px 2px;
	
}

#nav ul ul li a {
    /*font:normal 12px/25px Arial;*/
	font:normal 12px/22px Arial;
	border-bottom:solid 1px #d2d2d2;
	background:#f4f4f4;
	text-transform:none;
	padding:5px 9px 5px;
	margin:0 0;
}

#nav ul ul ul{ margin-top:-1px;}

#nav ul ul li a img,#nav ul ul li a img {
    border-width:0;
    float:left;
    vertical-align:middle;
}
#nav ul li:hover > a,#nav ul li:hover > a {
    background-color:#d2d5f5 !important;
    color:#000;
	
}
#nav img.close {
    display:none;
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:-1;
}
/*#nav ul li a:hover + ul,#nav ul li ul:hover,#nav ul:hover + img.close {
    display:block;
	animation: 0.6s ease-in-out 0.2s normal backwards 1 moveDown;
}*/
#nav ul li a:hover + ul,#nav ul li ul:hover,#nav ul:hover + img.close {
    display:block;
	/* animation: 0.6s ease-in-out 0.2s normal backwards 1 moveDown; */
	-webkit-animation: 0.6s ease-in-out 0.2s normal backwards 1 moveDown; /* Safari 4+ */
	-moz-animation:   0.6s ease-in-out 0.2s normal backwards 1 moveDown; /* Fx 5+ */
	-o-animation:      0.6s ease-in-out 0.2s normal backwards 1 moveDown; /* Opera 12+ */
}