#smalltalkbutton a:hover,
#relocationbutton a:hover  {
   background-position: -152px 0%;
}

#reveillebutton a:hover,
#suicidebutton a:hover  {
   background-position: -149px 0%;
}

#dirtybutton a:hover  {
   background-position: -148px 0%;
}

#photobutton a:hover  {
   background-position: -150px 0%;
}

#smalltalkbutton a  {
   background: url(shortfilmsmedia/smalltalkbutton.gif) no-repeat 0% 0px;
   display: block;
   height: 149px;
   width: 152px;
   font-size: 149px;
   line-height: 149px;
}

#relocationbutton  {
   visibility: visible;
   position: absolute;
   left: 518px;
   top: 228px;
   z-index: 2;
   width: 152px;
   height: 148px;
}

#smalltalkbutton  {
   visibility: visible;
   position: absolute;
   left: 520px;
   top: 388px;
   z-index: 2;
   width: 152px;
   height: 149px;
}

#shortfilmstitle  {
   background: url(shortfilmsmedia/shortfilmstitle.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 324px;
   top: 179px;
   z-index: 2;
   width: 154px;
   height: 33px;
}

#reveillebutton  {
   visibility: visible;
   position: absolute;
   left: 136px;
   top: 387px;
   z-index: 2;
   width: 149px;
   height: 148px;
}

#suicidebutton  {
   visibility: visible;
   position: absolute;
   left: 326px;
   top: 228px;
   z-index: 2;
   width: 149px;
   height: 147px;
}

#photobutton a  {
   background: url(shortfilmsmedia/photobutton.gif) no-repeat 0% 0px;
   display: block;
   height: 152px;
   width: 150px;
   font-size: 152px;
   line-height: 152px;
}

#dirtybutton  {
   visibility: visible;
   position: absolute;
   left: 138px;
   top: 229px;
   z-index: 2;
   width: 148px;
   height: 147px;
}

#photobutton  {
   visibility: visible;
   position: absolute;
   left: 327px;
   top: 388px;
   z-index: 2;
   width: 150px;
   height: 152px;
}

#background  {
   background-image: url(shortfilmsmedia/background.gif);
}