* {
  padding:0;
  margin:0;
}

body {
  font:9pt arial,helvetica,sans-serif;
  background:#333;
}

#page {
  margin:75px auto;
  width:700px;
  position:relative;
}

#page h1 a {
  display:block;
  height:199px;
  background:#222 url(header.jpg) no-repeat top left;
  color:#fff;
}

#page h1 a span {
  display:none;
}

#main {
  background:#fff url(main.jpg) no-repeat top left;
  height:305px;
}

.nav {
  list-style:none;
  position:absolute;
  bottom:0;
  left:0;
  width:240px;
  margin-left:-58px;
  margin-bottom:5px;
}

.nav li {
  border-top:2px solid #aaa;
}
.nav li.first {
  border:none;
}

.nav li a {
  display:block;
  color:#fff;
  padding:5px 2em;
  text-decoration:none;
  font-size:13px;
  font-weight:bold;
  text-align:right;
}

.nav li a:hover {
  background:#444;

}

#contact-link {
  position:absolute;
  bottom:0;
  right:0;
  width:140px;
  height:50px;
}

#contact-link span {
  display:none;
}

body.modal {
  font:9pt arial,helvetica,sans-serif;
  background:#fff;
  color:#555;
}

body.modal .header {
  background:#333;
  text-align:right;
}

body.modal .header img {
  padding:25px;
}

.modal p.info {
  padding:25px;
}

form#contact {
  margin:0 auto;
  width:250px;
  padding-top:25px;
}

form#contact label {
  display:block;
}

form#contact div {
  padding:.25em 0;
}