* {
  margin: 0; padding: 0; border: 0;
}

html, body {
  width: 100%; height: 100%;
  background-color: #000;
  text-align: center;
  font-family: calibri, tahoma, helvetica, sans-serif;
  font-size: small;
}

div#shim {
  visibility: hidden;
  width: 100%;
  height: 50%;          /* Bump div#blueBox down half the height of the screen. */
  margin-top: -300px;   /* Half the height of div#blueBox. */
  float: left;
}


div#container {
  margin: auto;
  border: 1px solid #222;
  background: #111;
  color: #777;
  width: 800px; height: 600px;
  text-align: center;
  clear: both;

  /*
   * Issue: IE4 doesn't allow a negative margin-top.
   *
   * This code positions blueBox relatively and uses the IE4ever hack (<http://exanimo.com/css/ie4ever>) to overwrite the rule for other browsers.
   * The content will be centered but will crop if the window is not small enough to accommodate it.
   */
  position: relative;
  top: -200px;
  /* IE4ever Hack: Hide from IE4 **/
      position: static;
  /** end hack */
}

/*
 * Issue: IE5mac interprets negative values as positive.
 *
 * I haven't figured out a workaround for this yet. The content won't be vertically centered but it won't be messed up by the previous code either.
 */

/* Hide from IE5mac \*//*/
  div#shim {
    display: none;
  }
  html, body {
    height: auto;
  }
/* end hack */

div#nav {
  padding-top: 5px;
}

div#chapters {
  font-weight: bold;
  padding-top: 5px;
}

a {
  color: #fff;
  text-decoration: none;
}

a:hover {
  color: #fff;
  border-top: 1px dotted white;
  border-bottom: 1px dotted white;
}

a[id]:hover {
  border: none;
}

div#content {
  display: block;
  background: #000;
  width: 720px;
  height: 504px;
  margin: 10px auto;
  border: 1px solid #555;
}

div#slideshow {
  width: 720px;
  height: 504px;
}

div#info {
  padding: 30px 75px;
  color: #aaa;
  text-align: left;
}

div#contact {
  padding: 20px 100px;
  color: #aaa;
  text-align: left;
}

input, textarea {
  background: #222;
  margin: 2px;
  padding: 2px;
  font-size: small;
  font-family: calibri, tahoma, helvetica, sans-serif;
  color: #ddd;
}

p {
  padding-bottom: 1ex;
}

p.header {
  padding-top: 1em;
  font-weight: bold;
  color: #ddd;
}

div#footer {
}

span#phone {
  float: left;
  width: 30%;
  text-align: left;
  padding: 1px 20px;
}

span#email {
  float: right;
  width: 30%;
  text-align: right;
  padding: 1px 20px;
}

span#copyright {
  padding: 1px 0;
}