.ca-menu li {width:155px;
    		 height:54px;
			 text-align:center;
    		 display:block;
    		 -webkit-transition:all 300ms linear;
    		 -moz-transition:all 300ms linear;
   			 -o-transition:all 300ms linear;
   			 -ms-transition:all 300ms linear;
   			 transition:all 300ms linear}

.ca-menu li a {width:100%;
    		   height:100%;
    		   display:block}

.ca-content {position:absolute;
			 width:155px;
			 margin-top:12px}

.ca-main {color:#000;
	      -webkit-transition:all 300ms linear;
    	  -moz-transition:all 300ms linear;
  		  -o-transition:all 300ms linear;
   		  -ms-transition:all 300ms linear;
  		  transition:all 300ms linear}

.ca-sub {color:#7d7d7d;
    	 -webkit-transition:all 300ms linear;
   		 -moz-transition:all 300ms linear;
   		 -o-transition:all 300ms linear;
   		 -ms-transition:all 300ms linear;
   		 transition:all 300ms linear}

.ca-menu li:hover .ca-main {-webkit-animation:moveFromTop 300ms ease-in-out;
    						-moz-animation:moveFromTop 300ms ease-in-out;
    						-ms-animation:moveFromTop 300ms ease-in-out}

.ca-menu li:hover .ca-sub {-webkit-animation:moveFromBottom 300ms ease-in-out;
    					   -moz-animation:moveFromBottom 300ms ease-in-out;
 						   -ms-animation:moveFromBottom 300ms ease-in-out}
	
@-webkit-keyframes moveFromBottom {
    from {opacity:0;
          -webkit-transform:translateX(20%)}
    to {opacity:1;
        -webkit-transform: translateX(0%)}
}

@-moz-keyframes moveFromBottom {
    from {opacity:0;
          -moz-transform:translateX(20%)}
    to {opacity:1;
        -moz-transform:translateX(0%)}
}
@-ms-keyframes moveFromBottom {
    from {opacity:0;
          -ms-transform:translateX(20%)}
    to {opacity:1;
        -ms-transform:translateX(0%)}
}

@-webkit-keyframes moveFromTop {
    from {opacity:0;
          -webkit-transform:translateX(-20%)}
    to {opacity:1;
        -webkit-transform:translateX(0%)}
}

@-moz-keyframes moveFromTop {
    from {opacity:0;
          -moz-transform:translateX(-20%)}
    to {opacity:1;
        -moz-transform:translateX(0%)}
}

@-ms-keyframes moveFromTop {
    from {opacity:0;
          -ms-transform:translateX(-20%)}
    to {opacity:1;
        -ms-transform:translateX(0%)}
}

/*** Drop Down Menu ***/
#nav ul {z-index:10;
		 border:solid 1px #e6e7df;
		 border-width:0px 1px 1px 1px;
		 background-color:#fff;
		 font-size:11px}

#nav li ul a {width:153px;
			  line-height:36px;
			  color:#333; 
			  border-bottom:solid 1px #f0f0f0}

#nav li:hover ul.sub {top:54px;
					  width:153px;
					  height:140px}

#nav li:hover ul.sub li {height:35px}

#nav li {position:relative}

#nav li a:hover{color:#66ccff; 
				text-decoration:none}

#nav li a.active{color:#66ccff}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; top:-9999px}