/*Initialize*/
ul.menu{
    padding:0;
    margin: 0;
    
}
ul.menu li, ul.menu ul.submenu li {
    list-style-type: none;
    display: inline-block !important;
    text-transform: uppercase;
    font-weight: bold;
    
}
/*Link Appearance*/
ul.menu li a{
    text-decoration: none;
    color:#FFFFFF;
    background: .666;
    padding: 5px 12px;
    display:inline-block;
    margin-left: 15px;
	 margin-right: 15px;
}

ul.menu a.active { 	 
    color: #003;  
    border-bottom: 2px solid #FFF;  
    font-weight: bold;
    height: 20px;
    
	
}
/*Make the parent of sub-menu relative*/
ul.menu li {
    position: relative;
}
/*sub menu*/
ul.menu li ul.submenu {
    display:none;
    position: absolute;
    top: 30px;
    right: 90px;
    width: 100px;
    
}
ul.menu li:hover ul.submenu {
    display:block;
    z-index: 10;
    
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;

}

ul.menu li:hover ul.submenu li a{	
	 
    width:210px;
    background: rgba(58, 110, 0, 0.8);
    border-bottom: 1px solid #fff;
    font-size: 12px;
    font-weight: bold;
    

	padding-left: 10px;
}
/* keyframes #animation */
@-webkit-keyframes animation {
    0% {
        -webkit-transform: scale(1);
    }
    30% {
        -webkit-transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1.1);
    }
}
@-moz-keyframes animation {
    0% {
        -moz-transform: scale(1);
    }
    30% {
        -moz-transform: scale(1.2);
    }
    100% {
        -moz-transform: scale(1.1);
    }
}
ul.menu li:hover ul.submenu li a:hover{
    color: #FFF;
    
    -webkit-animation-name: animation;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: animation;
    -moz-animation-duration: 0.3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
    
}