html,body { height: 100%; margin: 0; padding: 0; }
body {
    font-family: "Trebuchet MS", "Arial CE", "Helvetica CE", sans-serif;
    text-align: center;
    background: #fff; }

/* hidden elements */
hr, h4 { display: none; }

p#footer { font-size: 0.75em; position: absolute; left: 150px; top: 200px; }

a { text-decoration: none;}
a:hover { text-decoration: underline;}

#main {
  margin: auto;
  width: 665px;
  position: relative; top: 50%; left: 0; }
#intro {
  position: absolute; top: -197px; left: 0;
  width: 665px; height: 394px;  }
#intro h1 {
  margin: 0; padding: 0;
  line-height: 394px; }
#intro h1 span {
  position: absolute; top: 0; left: 0;
  width: 665px; height: 394px;
  background: url(../_images/layout/intro.jpg) center no-repeat; }

/* menu */
ul#nav {
    list-style-type: none;
    margin: 0; padding: 0;
    position: absolute; left: 138px; top: 337px;
    font-size: 0.75em; font-weight: bold; }
ul#nav li { float: left; }
ul#nav a {
    display: block;
    line-height: 27px;
    text-align: center; text-decoration: none;
    color: black; }
ul#nav a.m1 {
  width: 90px;
  background: url('../_images/layout/menu-1.gif') -180px top no-repeat; }
ul#nav a.m2 {
  width: 95px;
  background: url('../_images/layout/menu-2.gif') -190px top no-repeat; }
ul#nav a.m3 {
  width: 70px;
  background: url('../_images/layout/menu-3.gif') -140px top no-repeat; }
ul#nav a.m4 {
  width: 89px;
  background: url('../_images/layout/menu-4.gif') -178px top no-repeat; }
ul#nav a.m5 {
  width: 70px;
  background: url('../_images/layout/menu-5.gif') -140px top no-repeat; }