#background {
  background-image:url('../images/homepage_background.jpeg');
}

h1 {
  margin:0;
  position:absolute;
  left:543px;
  top:319px;
  width:308px;
  height:139px;
  background-image:url('../images/christoph-alexander.png');
  background-position:top left;
  background-repeat:no-repeat;
  text-indent:-9999px;
}

#navigation {
  margin:0;
  padding:0;
  
  list-style-type:none;
}

#photos, #art, #contact {
  margin:0;
  padding:0;
  
  position:absolute;
  height:226px;
  top:453px;
  
  background-position:top left;
  background-repeat:no-repeat;
  text-indent:-9999px;
}

#photos {
  left:363px;
  width:174px;
  background-image:url('../images/photos.png');
}
#art {
  left:537px;
  width:174px;
  background-image:url('../images/art.png');
}
#contact {
  left:711px;
  width:157px;
  background-image:url('../images/contact.png');
}

#photos:hover {
  background-image:url('../images/photos_hover.png');
}
#art:hover {
  background-image:url('../images/art_hover.png');
}
#contact:hover {
  background-image:url('../images/contact_hover.png');
}