/*
horsegallop.css
Author: Larry Ching
Date Created: Apr 6, 2007 
Copyright © 2007
*/


#horseanimation {
  position: relative;
  width: 190px;
  height: 180px;
  border: 1px solid #C0C;
}

#horseanimation p {
  font-size: 1em;
  margin: 0 5px 5px 5px;
  padding: 0;
}

#animdata {
  position: relative;
  width: 150px;
  height: 120px;
  text-align: left;
  margin: 10px auto; 
}

#animdata a {
  position: absolute;
  text-decoration: none;
}

#animdata a img {
  position: absolute;
  visibility: hidden;
  top: 0px;
  left: 2px;
  border: 1px solid #888;
}

#animdata a .framecntrl {
  display: block;
  position: absolute;
  padding: 0 2px 0 2px;
}

#animdata a:hover .framecntrl {
  background-color: #008;
  color: #FFF;
}


/* - frame 1 - */
a#frame1:hover img {
  visibility: visible;
}

a#frame1 .framecntrl {
  top: 100px;
  left: 3px;
}

/* - frame 2 - */
a#frame2:hover img {
  visibility: visible;
}

a#frame2 .framecntrl {
  top: 100px;
  left: 15px;
}

/* - frame 3 - */
a#frame3:hover img {
  visibility: visible;
}

a#frame3 .framecntrl {
  top: 100px;
  left: 27px;
}

/* - frame 4 - */
a#frame4:hover img {
  visibility: visible;
}

a#frame4 .framecntrl {
  top: 100px;
  left: 39px;
}

/* - frame 5 - */
a#frame5:hover img {
  visibility: visible;
}

a#frame5 .framecntrl {
  top: 100px;
  left: 51px;
}

/* - frame 6 - */
a#frame6:hover img {
  visibility: visible;
}

a#frame6 .framecntrl {
  top: 100px;
  left: 63px;
}

/* - frame 7 - */
a#frame7:hover img {
  visibility: visible;
}

a#frame7 .framecntrl {
  top: 100px;
  left: 75px;
}

/* - frame 8 - */
a#frame8:hover img {
  visibility: visible;
}

a#frame8 .framecntrl {
  top: 100px;
  left: 87px;
}

/* - frame 9 - */
a#frame9:hover img {
  visibility: visible;
}

a#frame9 .framecntrl {
  top: 100px;
  left: 99px;
}

/* - frame 10 - */ 
a#frame10:hover img {
  visibility: visible;
}

a#frame10 .framecntrl {
  top: 100px;
  left: 111px;
}

/* - frame 11 - */
a#frame11:hover img {
  visibility: visible;
}

a#frame11 .framecntrl {
  top: 100px;
  left: 129px;
}