@font-face{    font-family:'WebSymbolsRegular';    src:url('websymbols/websymbols-regular-webfont.eot');    src:url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),        url('websymbols/websymbols-regular-webfont.woff') format('woff'),        url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),        url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg'); font-weight:normal; font-style:normal}.ca-menu{ padding:0; margin:0px auto; width:200px; border:1px solid gray; height:100%}.ca-menu li{ width:200px; height:60px; overflow:hidden; position:relative; display:block;  background:#e85c41; -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2); -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); box-shadow:1px 1px 2px rgba(0,0,0,0.2); margin-bottom:4px; -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:last-child{ margin-bottom:0px}.ca-menu li a{ text-align:left; width:100%; height:100%; display:block; color:#333; position:relative}.ca-icon{ font-family:'WebSymbolsRegular',cursive; font-size:20px; text-shadow:0px 0px 1px #333; line-height:30px; position:absolute; width:60px; left:30px; text-align:left; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; color:White}.ca-content{ position:absolute; left:10px; width:204px; 
height:30px; top:20px; color:White
}.ca-main{ font-size:20px; -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{ font-size:14px; color:#666; color:white; -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{ background:#e1f0fa}.ca-menu li:hover .ca-icon{ font-size:40px; color:#259add; opacity:0.8; text-shadow:0px 0px 13px #fff}.ca-menu li:hover .ca-main{ opacity:1; color:#2676ac; -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{ opacity:1; color:#2676ac; -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:translateY(200%)} to{ opacity:1; -webkit-transform:translateY(0%)}}@-moz-keyframes moveFromBottom{ from{ opacity:0; -moz-transform:translateY(200%)} to{ opacity:1; -moz-transform:translateY(0%)}}@-ms-keyframes moveFromBottom{ from{ opacity:0; -ms-transform:translateY(200%)} to{ opacity:1; -ms-transform:translateY(0%)}}@-webkit-keyframes moveFromTop{ from{ opacity:0; -webkit-transform:translateY(-200%)} to{ opacity:1; -webkit-transform:translateY(0%)}}@-moz-keyframes moveFromTop{ from{ opacity:0; -moz-transform:translateY(-200%)} to{ opacity:1; -moz-transform:translateY(0%)}}@-ms-keyframes moveFromTop{ from{ opacity:0; -ms-transform:translateY(-200%)} to{ opacity:1; -ms-transform:translateY(0%)}}