body {
  background-color: white;
  background-image: url("PukeruaBaySign.jpg"); /* Set body background in basic style, overridden in stylesheet with span background */
  background-repeat: no-repeat;
  margin: 0; padding: 0;
  overflow: hidden;
}

h1 {
  display: none; /* Cannot put picture over the top, overridden in stylesheet with span background */
  color: #505050; /* Color of sign letters */
  font: italic bold 35px/55px Arial Narrow, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: right;
  letter-spacing: -0.08em; /* Squish letters together a bit */
  margin: 0; /* Override different browser defaults */
}

h2 {
  font: italic bold 24px Arial, Helvetica, sans-serif;
  margin: 0; /* Override different browser defaults */
}

h3 {
  display: none; /* Cannot put picture over the top, overridden in stylesheet with span background */
  color: gray;
  font: italic bold 22px Arial, Helvetica, sans-serif;
  margin: 0; /* Override different browser defaults */
}

a {
  display: block; /* All of div is link, not just area covered by text */
  width: 100%; height: 100%; /* Link covers whole div */
  color: #753c32; /* Rust color */
  text-decoration: none; /* Remove default underline */
}

a:hover {
  color: #ffd3cc; /* Brighter rust color */
  padding-top: 1px; /* Shift down */
  padding-left: 1px; /* Shift right */
}

#main-title {
  position: absolute; left: 250px; top: 335px;
  width: 150px; height: 150px; /* Force words to break over line */
}

#link1 {
  position: absolute; left: 122px; top: 300px; z-index: 2; /* Put over the top of picture */
  width: 71px; height: 55px;
}

#link1 h2 {
  padding: 11px 0px 0px 0px; /* Position text vertically */
  text-indent: 0px; /* Position text horizontally */
}

#link2 {
  position: absolute; left: 194px; top: 214px; z-index: 2; /* Put over the top of picture */
  width: 73px; height: 44px;
}

#link2 h2 {
  padding: 7px 0px 0px 0px; /* Position text vertically */
  text-indent: 5px; /* Position text horizontally */
}

#link3 {
  position: absolute; left: 369px; top: 219px; z-index: 2; /* Put over the top of picture */
  width: 92px; height: 67px;
}

#link3 h2 {
  padding: 15px 0px 0px 0px; /* Position text vertically */
  text-indent: 5px; /* Position text horizontally */
}

#link4 {
  position: absolute; left: 545px; top: 255px; z-index: 2; /* Put over the top of picture */
  width: 160px; height: 112px;
}

#link4 h2 {
  padding: 38px 0px 0px 0px; /* Position text vertically */
  text-indent: 13px; /* Position text horizontally */
}