h1#artbytali
{
  position: relative;
  background: url(http://bgimages3.artbytali.com/images/artbytali-trans.png) transparent no-repeat;
  margin: 0px 10px;
  padding: 0;
  width: 525px;
  height: 314px;
}

h1#artbytali span
{
  display: none;
} 

h2#iotd
{
  position: absolute;
  top: 50px;
  right: 75px;
  width: 325px;
  height: 293px;
  margin: 0;
  padding: 0;
  background: url(../images/iotd-loading.gif) no-repeat transparent 0px 0px;
}

  h2#iotd a
  {
    display: block;
    width: 100%;
    height: 293px;
    margin: 0;
    padding: 0;
  }

    h2#iotd a img
    {
      width: 100%;
      height: 257px;
      border: 0;
    }

ul#mainstrip
{
  position: relative;
  top: 80px;
  left: 38px;
  height: 300px;
  list-style: none;
  margin: auto;
  text-align: center;
}

  ul#mainstrip li
  {
    position: absolute;
    width: 174px;
    background-color: transparent;
    height: 230px;
  }

  div#master-container a img
  {
    position: absolute;
    cursor: pointer;
    top: 0px;
    left: 0px;
    border: 0;
  }


 /***
 * Attempting to set img { display: none } broke the JS png transparency hack; 
 * so instead i was able to use visibility hidden and absolute positioning
 * to achieve pretty much the same effect.
 ***/

  div#master-container a img.bottom
  {
    visibility: hidden;
  }

  div#master-container a:hover img.top
  {
    position: absolute;
    width: 0px;
    height: 0px;
  }

  div#master-container a:hover img.bottom
  {
    display: inline;
    visibility: visible;
  }


    ul#mainstrip li a
    {
      display: block;
      position: absolute;
      left: 0;
      width: 100%;
      height: 230px;
      background-color: transparent;
      background-repeat: no-repeat;
      text-decoration: none;
      color: black;
      outline-style: none;
    }

      ul#mainstrip li a img
      {
        height: 230px;
      }

      ul#mainstrip li a:hover span
      {
        visibility: visible;
      }

      ul#mainstrip li a span
      {
        visibility: hidden;
        position: absolute;
        background-repeat: no-repeat;
        left: 0px;
        width: 574px;
        height: 82px;
      }

  ul#mainstrip li.first
  {
    left: 0;
  }

    ul#mainstrip li.first a
    {
    }

      ul#mainstrip li.first a img
      {
        width: 176px;
      }

      ul#mainstrip li.first a span
      {
        background-image: url(http://bgimages4.artbytali.com/images/filmstrip-cell1-text-trans.png);
        top: -70px;
        left: -5px;
      }

  ul#mainstrip li.second
  {
    left: 164px;
    width: 182px;
  }

    ul#mainstrip li.second a
    {
      top: -16px;
      left: -5px;
    }

      ul#mainstrip li.second a img
      {
        width: 188px;
      }

      ul#mainstrip li.second a span
      {
        top: -54px;
        left: -164px;
        background-image: url(http://bgimages4.artbytali.com/images/filmstrip-cell2-text-trans.png);
      }

  ul#mainstrip li.third
  {
    left: 330px;
  }

    ul#mainstrip li.third a
    {
      top: -41px;
      left: -3px;
    }

      ul#mainstrip li.third a img
      {
        width: 178px;
      }

      ul#mainstrip li.third a span
      {
        top: -29px;
        left: -332px;
        background-image: url(http://bgimages4.artbytali.com/images/filmstrip-cell3-text-trans.png);
      }

  ul#mainstrip li.fourth
  {
    left: 495px;
  }

    ul#mainstrip li.fourth a img
    {
      width: 179px;
    }

    ul#mainstrip li.fourth a
    {
      top: -55px;
      left: -6px;
    }

      

      ul#mainstrip li.fourth a span
      {
        top: -15px;
        left: -494px;
        background-image: url(http://bgimages4.artbytali.com/images/filmstrip-cell4-text-trans.png);
      }

  ul#mainstrip li.fifth
  {
    left: 658px;
    width: 199px;
  }

    ul#mainstrip li.fifth a
    {
      top: -69px;
      left: -10px;
    }

      ul#mainstrip li.fifth a img
      {
        width: 196px;
      }

      ul#mainstrip li.fifth a span
      {
        top: -1px;
        left: -653px;
        background-image: url(http://bgimages4.artbytali.com/images/filmstrip-cell5-text-trans.png);
      }

  div#main-bottom-links
  {
    position: relative;
    width: 930px;
    margin: 30px auto 20px auto;
    height: 80px;
    text-align: left;
  }

  h3#find-your-shoot
  {
    position: relative;
    margin-right: 30px;
    float: right;
    width: 405px;
  }

    h3#find-your-shoot span
    {
      display: none;
    }

    h3#find-your-shoot a
    {
      position: relative;
      display: block;
      width: 100%;
      z-index: 3;
      height: 28px;
    }

  h3#recent-updates
  {
    clear: right;
    position: relative;
    margin-top: 10px;
    margin-right: 40px;
    float: right;
    width: 355px;
  }

    h3#recent-updates span
    {
      display: none;
    }

    h3#recent-updates a
    {
      position: relative;
      display: block;
      width: 100%;
      z-index: 3;
      height: 28px;
      padding: 0px;
    }

  h3#all-galleries
  {
    position: relative;
    margin-left: 30px;
    width: 417px;
  }

    h3#all-galleries span
    {
      display: none;
    }

    h3#all-galleries a
    {
      position: relative;
      display: block;
      width: 100%;
      z-index: 3;
      height: 28px;
    }

  h3#related-sites-services
  {
    position: relative;
    margin-left: 20px;
    margin-top: 10px;
    width: 417px;
  }

    h3#related-sites-services span
    {
      display: none;
    }

    h3#related-sites-services a
    {
      position: relative;
      display: block;
      width: 100%;
      z-index: 3;
      height: 28px;
    }