@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:20px auto;	text-align: center;}.ca-menu li{    width: 200px;    height: 210px;    overflow: hidden;    position: relative;    display: inline-block;    background: #fff;    -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-right: 19px;    -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-box li.CA1 {	background: url(/assets/images/caloundra.jpg) no-repeat top center transparent;}.ca-box li.CA1:hover {	background: #000;}.ca-box li.CA2 {	background: url(/assets/images/byron-bay.jpg) no-repeat top center transparent;;}.ca-box li.CA2:hover {	background: #000;}.ca-box li.CA3 {	background: url(/assets/images/noosa.jpg) no-repeat top center transparent;}.ca-box li.CA3:hover {	background: #000;}.ca-box li.CA4 {	background: url(/assets/images/alexandra-headlands.jpg) no-repeat top center transparent;}.ca-box li.CA4:hover {	background: #000;}.CA4 h2.ca-main { font-size: 19px; }.ca-box li.CA5 {	background: url(/assets/images/mooloolaba.jpg) no-repeat top center transparent;}.ca-box li.CA5:hover {	background: #000;}.ca-menu li:last-child{    margin-right: 0px;}.ca-box {	background: #000;		padding: 7px 46px;}.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: 60px;    color: #3FC001;    text-shadow: 0px 0px 1px #333;    line-height: 150px;    position: absolute;    width: 100%;    height: 50%;    left: 0px;    top: 0px;    text-align: center;    -webkit-transition: all 400ms linear;    -moz-transition: all 400ms linear;    -o-transition: all 400ms linear;    -ms-transition: all 400ms linear;    transition: all 400ms linear;}.ca-content{    position: absolute;    left: 0px;    width: 100%;    height: 50%;    top: 50%;}.ca-main{    font-size: 20px;    opacity: 0.8;    text-align: center;    -webkit-transition: all 200ms linear;    -moz-transition: all 200ms linear;    -o-transition: all 200ms linear;    -ms-transition: all 200ms linear;    transition: all 200ms linear;		color: #F40353;		background: #000;		font-family: 'Oswald', Arial, sans-serif;		text-transform: uppercase;		padding: 7px;		margin-top: 10px;}.ca-sub{    text-align:center;    font-size: 14px;    color: #666;    line-height: 40px;    opacity: 0.8;    -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{    background-color: #000;}.ca-menu li:hover .ca-icon{    color: #fff;    font-size: 90px;}.ca-menu li:hover .ca-main{    color: #00ccff;    -webkit-animation: moveFromLeftRotate 300ms ease;    -moz-animation: moveFromLeftRotate 300ms ease;    -ms-animation: moveFromLeftRotate 300ms ease;}.ca-menu li:hover .ca-sub{    color: #fff;    -webkit-animation: moveFromBottom 500ms ease;    -moz-animation: moveFromBottom 500ms ease;    -ms-animation: moveFromBottom 500ms ease;}@-webkit-keyframes moveFromLeftRotate{    from {        -webkit-transform: translateX(-100%) rotate(-90deg);    }    to {        -webkit-transform: translateX(0%) rotate(0deg);    }}@-moz-keyframes moveFromLeftRotate{    from {        -moz-transform: translateX(-100%) rotate(-90deg);    }    to {        -moz-transform: translateX(0%) rotate(0deg);    }}@-ms-keyframes moveFromLeftRotate{    from {        -ms-transform: translateX(-100%) rotate(-90deg);    }    to {        -ms-transform: translateX(0%) rotate(0deg);    }}@-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%);    }}