body
{
  background: url(../images/portfolio/background.jpg) no-repeat fixed center top #D1B494;
}

h3
{
  margin: 1.5em 0em;
}

div#master-container
{
  background: none;
}

div.grouping
{
  position: relative;
  width: 750px;
  text-align: center;
  margin: auto;
}

  div.row
  {
    clear: both;
  }

    div.row a
    {
      display: block;
      float: left;
      background-repeat: none;
      background-color: transparent;
      width: 250px;
      height: 200px;
    }

      div.row a span
      {
        display: block;
        visibility: hidden;
        position: absolute;
        top: -1.5em;
        left: 0px;
        width: 100%;
        text-align: center;
      }

      div#master-container div.row a:hover span
      {
        visibility: visible;
        background-image: none;
      }

    /* now define all of the different images */

    div.row a#fashion
    {
      background-image: url(../images/portfolio/fashion.jpg);
    }

    div.row a:hover#fashion,
    div.row a#fashion span
    {
      background-image: url(../images/portfolio/fashion2.jpg);
    }
    
    div.row a#model
    {
      background-image: url(../images/portfolio/model.jpg);
    }

    div.row a:hover#model,
    div.row a#model span
    {
      background-image: url(../images/portfolio/model2.jpg);
    }
    
    div.row a#headshot
    {
      background-image: url(../images/portfolio/headshot.jpg);
    }

    div.row a:hover#headshot,
    div.row a#headshot span
    {
      background-image: url(../images/portfolio/headshot2.jpg);
    }
 
    div.row a#portrait
    {
      background-image: url(../images/portfolio/portrait.jpg);
    }

    div.row a:hover#portrait,
    div.row a#portrait span
    {
      background-image: url(../images/portfolio/portrait2.jpg);
    }

    div.row a#music
    {
      background-image: url(../images/portfolio/music.jpg);
    }

    div.row a:hover#music,
    div.row a#music span
    {
      background-image: url(../images/portfolio/music2.jpg);
    }

    div.row a#dance
    {
      background-image: url(../images/portfolio/dance.jpg);
    }

    div.row a:hover#dance,
    div.row a#dance span
    {
      background-image: url(../images/portfolio/dance2.jpg);
    }

    div.row a#wedding
    {
      background-image: url(../images/portfolio/wedding.jpg);
    }

    div.row a:hover#wedding,
    div.row a#wedding span
    {
      background-image: url(../images/portfolio/wedding2.jpg);
    }

    div.row a#party
    {
      background-image: url(../images/portfolio/party.jpg);
    }

    div.row a:hover#party,
    div.row a#party span
    {
      background-image: url(../images/portfolio/party2.jpg);
    }

    div.row a#tradition
    {
      background-image: url(../images/portfolio/tradition.jpg);
    }

    div.row a:hover#tradition,
    div.row a#tradition span
    {
      background-image: url(../images/portfolio/tradition2.jpg);
    }

    div.row a#videofilm
    {
      background-image: url(../images/portfolio/videofilm.jpg);
    }

    div.row a:hover#videofilm,
    div.row a#videofilm span
    {
      background-image: url(../images/portfolio/videofilm2.jpg);
    }

    div.row a#journalism
    {
      background-image: url(../images/portfolio/journalism.jpg);
    }

    div.row a:hover#journalism,
    div.row a#journalism span
    {
      background-image: url(../images/portfolio/journalism2.jpg);
    } 

    div.row a#corporate
    {
      background-image: url(../images/portfolio/corporate.jpg);
    }

    div.row a:hover#corporate,
    div.row a#corporate span
    {
      background-image: url(../images/portfolio/corporate2.jpg);
    }

    div.row a#theatre
    {
      background-image: url(../images/portfolio/theatre.jpg);
    }

    div.row a:hover#theatre,
    div.row a#theatre span
    {
      background-image: url(../images/portfolio/theatre2.jpg);
    }

    div.row a#sport
    {
      background-image: url(../images/portfolio/sport.jpg);
    }

    div.row a:hover#sport,
    div.row a#sport span
    {
      background-image: url(../images/portfolio/sport2.jpg);
    }

    div.row a#live_music
    {
      background-image: url(../images/portfolio/live_music.jpg);
    }

    div.row a:hover#live_music,
    div.row a#live_music span
    {
      background-image: url(../images/portfolio/live_music2.jpg);
    }
    
    div.row a#calendar
    {
      background-image: url(../images/portfolio/calendar.jpg);
    }

    div.row a:hover#calendar,
    div.row a#calendar span
    {
      background-image: url(../images/portfolio/calendar2.jpg);
    }

    div.row a#album
    {
      background-image: url(../images/portfolio/album.jpg);
    }

    div.row a:hover#album,
    div.row a#album span
    {
      background-image: url(../images/portfolio/album2.jpg);
    }
    
    div.row a#advertisement
    {
      background-image: url(../images/portfolio/advertisement.jpg);
    }

    div.row a:hover#advertisement,
    div.row a#advertisement span
    {
      background-image: url(../images/portfolio/advertisement2.jpg);
    }

    div.row a#fine_art
    {
      background-image: url(../images/portfolio/fine_art.jpg);
    }

    div.row a:hover#fine_art,
    div.row a#fine_art span
    {
      background-image: url(../images/portfolio/fine_art2.jpg);
    }

    div.row a#artistic
    {
      background-image: url(../images/portfolio/artistic.jpg);
    }

    div.row a:hover#artistic,
    div.row a#artistic span
    {
      background-image: url(../images/portfolio/artistic2.jpg);
    }

    div.row a#bwfilm
    {
      background-image: url(../images/portfolio/bwfilm.jpg);
    }

    div.row a:hover#bwfilm,
    div.row a#bwfilm span
    {
      background-image: url(../images/portfolio/bwfilm2.jpg);
    }