/* center the image for Internet Explorer */
body {
  text-align:center; 
  font-family: tahoma, verdana, arial, sans-serif; 
  font-size:76%; 
  color:#aaa;
  }

/* center the outer div */
#film {
  margin:0 auto 0 auto;
  }

/* set the outer div size and background image */
#film {
  position:relative; 
  width:296px; 
  height:252px; 
  background:transparent url(images/front.jpg) no-repeat;
  }
/* get rid of the images and text */
#film a b {
  display:none;
  }
#film a img, #film a:visited img {
  display:none;
  }
/* set the general styling for all the links */
#film a, #film a:visited {
  position:absolute; 
  top:0; 
  width:7px; 
  height:252px; 
  z-index:100; 
  cursor:default;
  }
/* set the individual link frame information */
#film a#f1 {
  left:0; 
  background:transparent url(images/03.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f2 {
  left:7px; 
  background:transparent url(images/04.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f3 {
  left:14px; 
  background:transparent url(images/05.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f4 {
  left:21px; 
  background:transparent url(images/06.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f5 {
  left:28px; 
  background:transparent url(images/07.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f6 {
  left:35px; 
  background:transparent url(images/08.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f7 {
  left:42px; 
  background:transparent url(images/09.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f8 {
  left:49px; 
  background:transparent url(images/10.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f9 {
  left:56px; 
  background:transparent url(images/11.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f10 {
  left:63px; 
  background:transparent url(images/12.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f11 {
  left:70px; 
  background:transparent url(images/13.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f12 {
  left:77px; 
  background:transparent url(images/14.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f13 {
  left:84px; 
  background:transparent url(images/15.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f14 {
  left:91px; 
  background:transparent url(images/16.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f15 {
  left:98px; 
  background:transparent url(images/17.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f16 {
  left:105px; 
  background:transparent url(images/18.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f17 {
  left:112px; 
  background:transparent url(images/19.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f18 {
  left:119px; 
  background:transparent url(images/20.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f19 {
  left:126px; 
  background:transparent url(images/21.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f20 {
  left:133px; 
  background:transparent url(images/22.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f21 {
  left:140px; 
  background:transparent url(images/23.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f22 {
  left:147px; 
  background:transparent url(images/24.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f23 {
  left:154px; 
  background:transparent url(images/25.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f24 {
  left:161px; 
  background:transparent url(images/26.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f25 {
  left:168px; 
  background:transparent url(images/27.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f26 {
  left:175px; 
  background:transparent url(images/28.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f27 {
  left:182px; 
  background:transparent url(images/29.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f28 {
  left:189px; 
  background:transparent url(images/30.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f29 {
  left:196px; 
  background:transparent url(images/31.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f30 {
  left:203px; 
  background:transparent url(images/32.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f31 {
  left:210px; 
  background:transparent url(images/33.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f32 {
  left:217px; 
  background:transparent url(images/34.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f33 {
  left:224px; 
  background:transparent url(images/35.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f34 {
  left:231px; 
  background:transparent url(images/36.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f35 {
  left:238px; 
  background:transparent url(images/37.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f36 {
  left:345px; 
  background:transparent url(images/38.jpg) 0 -300px no-repeat; 
  z-index:100;
  }
#film a#f37 {
  left:252px; 
  background:transparent url(images/back.jpg) 0 -300px no-repeat; 
  z-index:100;
  }

/* resize and reposition the links on hover */
#film a#f1:hover, 
#film a#f2:hover, 
#film a#f3:hover, 
#film a#f4:hover, 
#film a#f5:hover, 
#film a#f6:hover, 
#film a#f7:hover, 
#film a#f8:hover,
#film a#f9:hover,
#film a#f10:hover,
#film a#f11:hover, 
#film a#f12:hover, 
#film a#f13:hover, 
#film a#f14:hover, 
#film a#f15:hover, 
#film a#f16:hover, 
#film a#f17:hover, 
#film a#f18:hover,
#film a#f19:hover,
#film a#f20:hover,
#film a#f21:hover, 
#film a#f22:hover, 
#film a#f23:hover, 
#film a#f24:hover, 
#film a#f25:hover, 
#film a#f26:hover, 
#film a#f27:hover, 
#film a#f28:hover,
#film a#f29:hover,
#film a#f30:hover,
#film a#f31:hover, 
#film a#f32:hover, 
#film a#f33:hover, 
#film a#f34:hover, 
#film a#f35:hover, 
#film a#f36:hover, 
#film a#f37:hover {
  width:296px; 
  left:0; 
  background-position:0 0; 
  z-index:50; 
  }