/* CSS Document */
.ca-menu{
    padding:0;
    margin:0 4px 0 0;
    width:auto;
	height:auto;
}

.ca-menu li{
    width: 100%;
    height: auto;
    padding:0;
    margin:0;
	list-style-type:none;
}
.ca-menu li:last-child{

}
.ca-menu li a{
	display:inline-block;
    text-align: center;
	font-size:20px;
	color:#FFF;
	width:250px;
	text-shadow: 1px 1px 1px #333333;
	height:auto;
	background-color: rgba(49, 98, 179, 0.8);
	z-index:100;
	margin-bottom:5px;
	line-height:30px;
}

.ca-main{
  text-align: center;
	margin:0 0 -290px 0;
	padding:0;
	cursor:pointer;
}
.ca-sub{
    text-align:center;
    font-size: 14px;
    color: #fff;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.ca-menu li:hover{

}
.ca-menu li:hover .ca-icon{

    -webkit-animation: moveFromRight 600ms ease;
    -moz-animation: moveFromRight 600ms ease;
    -ms-animation: moveFromRight 600ms ease;
}
.ca-menu li:hover .ca-main{

}
.ca-menu li:hover .ca-sub{
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
	opacity:1;
	filter:alpha(opacity=100);
	filter:"alpha(opacity=100)";
}
.ca-menu li .ca-sub{
	opacity:.0;
	filter:alpha(opacity=0);
	filter:"alpha(opacity=0)";
	}
@-webkit-keyframes moveFromLeft{
    from {
        -webkit-transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes moveFromLeft{
    from {
        -moz-transform: translateX(-100%);
    }
    to {
        -moz-transform: translateX(0%);
    }
}
@-ms-keyframes moveFromLeft{
    from {
        -ms-transform: translateX(-100%);
    }
    to {
        -ms-transform: translateX(0%);
    }
}

@-webkit-keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%);
    }
    to {
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes moveFromRight {
    from {
        -moz-transform: translateX(100%);
    }
    to {
        -moz-transform: translateX(0%);
    }
}
@-ms-keyframes moveFromRight {
    from {
        -ms-transform: translateX(100%);
    }
    to {
        -ms-transform: translateX(0%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0);
    }
}

@media handheld, only screen and (max-width: 768px) {
	.ca-menu{
    	margin:0 0 0 0 !important;
    	width: 100% !important;
	}
	.ca-main{
		text-align: center;
		margin:0 0 -280px 0;
		padding:0;
		cursor:pointer;
	}
}