@charset "UTF-8";
/* CSS Document */

body 				{text-align:center; background:transparent url(images/landbg.png) repeat 0 0;}

#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 970px;
  height: 480px;
  background: url(images/landbase.png) no-repeat;
  position: absolute;
  left: 0px;
  top: 136px;
}

#menu span {
  display: none;
  position: absolute;
}

#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}

#menu a:hover {
  background-position: left bottom;
}

#menu a:hover span {
  display: block;
}

#menu .journalism {
  width: 150px;
  height: 450px;
  background: url(images/1.png) no-repeat;
  left: 15px;
  top: 15px;
}

#menu .journalism span {
  width: 229px;
  height: 63px;
  background: url(images/1j.png) no-repeat;
  left: 678px;
  top: 369px;
}

#menu .profile {
  width: 150px;
  height: 450px;
  background: url(images/2.png) no-repeat;
  left: 180px;
  top: 15px;
}

#menu .profile span {
  width: 229px;
  height: 63px;
  background: url(images/2p.png) no-repeat;
  left: 513px;
  top: 369px;
}

#menu .photography {
  width: 150px;
  height: 450px;
  background: url(images/3.png) no-repeat;
  left: 345px;
  top: 15px;
}

#menu .photography span {
  width: 267px;
  height: 63px;
  background: url(images/3p.png) no-repeat;
  left: 348px;
  top: 369px;
}

#menu .miscellany {
  width: 150px;
  height: 450px;
  background: url(images/4.png) no-repeat;
  left: 510px;
  top: 15px;
}

#menu .miscellany span {
  width: 234px;
  height: 63px;
  background: url(images/4m.png) no-repeat;
  left: 183px;
  top: 369px;
}