@charset "UTF-8";
/* CSS Document */

div#centercontent {width:768px;}
div.subpage {padding:0 0 20px 0; margin:0 0 20px 0;   position:relative;}

span#chia {width:467px; height:470px; background:url(../images/chia.gif) no-repeat center center; position:absolute; top:343px; left:163px;}
span#spider {width:24px; height:88px; position:absolute; background:url(../images/spider.png) no-repeat 0 0; top:418px; left:279px;}

/* chia pet animation */
@keyframes cfade {from {opacity: 0;} to{opacity: 1;}}
@-moz-keyframes cfade {from {opacity: 0;} to{opacity: 1;}}
@-webkit-keyframes cfade {from {opacity: 0;} to{opacity: 1;}}

/* spider animation */
@keyframes smove {from {background-position: 0 -50px;} to{background-position: 0 0;}}
@-moz-keyframes smove {from {background-position: 0 -50px;} to{background-position: 0 0;}}
@-webkit-keyframes smove {from {background-position: 0 -50px;} to{background-position: 0 0;}}

span#chia {-webkit-animation:cfade 3.5s ease-in-out infinite; }
span#spider {animation:smove 4s ease-in-out infinite alternate; -webkit-animation:smove 4s ease-in-out infinite alternate; -moz-animation:smove 4s ease-in-out infinite alternate;}