.w-screen { width: 213em; }
.w-dialog { width: 40em; }
.w-intro { width: 32em; }
.w-column { width: 25em; }
.big { font-size: 1.2em; }
.relative { position: relative; }
.absolute { position: absolute; }
.absolute-bottom {
  position: absolute;
  bottom: 0;
}
.monospace {
  font-size: 12px;
  font-family: Consolas, Monaco, "Lucida Console", monospace;
}
.fancy { font-family: 'Apple Chancery', Garamond, 'Hoefler Text', 'Times New Roman', Times, serif; }
body {
  color: #cccccc;
  background-color: #000000;
}
h1, h2, h3, h4, h5, h6 { color: #cccccc; }
a {
  text-decoration: none;
  color: #ff33ff;
}
a:link {
  text-decoration: none;
  color: #ff33ff;
}
a:visited { color: #ff33ff; }
a:hover { text-decoration: underline; }
ul { margin: 0; }
li {
  list-style: none;
  display: inline;
}
p { font-size: 1.1em; }
a.body-link {
  color: #888888;
  text-decoration: underline;
}
a.body-link:hover { color: #ff33ff; }
body { overflow: hidden; }
div#frame {
  position: relative;
  height: 55.5em;
  width: 100%;
  overflow: visible;
}
div#canvas {
  background: transparent url(/images/bg-pattern.png) repeat;
  position: absolute;
  width: 4000em;
  z-index: 1;
}
div.section {
  height: 133em;
  padding-top: 6em;
}
div.stripe {
  height: 46.5em;
  background-color: #000000;
  text-align: left;
  width: 100%;
}
div.content {
  height: 43em;
  margin-left: 6em;
  padding-top: 2em;
  float: left;
  position: relative;
}
div.content.image { margin: 0 1.5em 0 0; }
div.loading { background: transparent url(/images/loading.gif) no-repeat center center; }
div.content.image div.zoom-button {
  position: absolute;
  top: 2em;
  right: 0;
  width: 20px;
  height: 20px;
  margin: 5px;
}
div.intro-text { width: 27em; }
.x0 {
  position: absolute;
  left: 0;
}
.x1 {
  position: absolute;
  left: 213em;
}
.x2 {
  position: absolute;
  left: 426em;
}
.y0 {
  position: absolute;
  top: 0;
}
.y1 {
  position: absolute;
  top: 139em;
}
.y2 {
  position: absolute;
  top: 278em;
}
.y3 {
  position: absolute;
  top: 417em;
}
ul.navigation {
  position: absolute;
  bottom: 0;
  font-size: 1.1em;
  margin-left: -0.08em;
}
ul.navigation li a {
  padding: 0.5em;
  margin-left: -0.3em;
}
ul.navigation li a:hover {
  background-color: #ff33ff;
  color: #000000;
  text-decoration: none;
}
ul.navigation.image-gallery {
  width: 10em;
  height: 2em;
  padding-top: 0.5em;
  background-color: #000000;
  top: 0;
  right: 0;
  z-index: 3;
  text-align: center;
}
form#contact-form { width: 430px; }
label { vertical-align: middle; }
input, textarea {
  border: 1px solid #333333;
  padding: 0.25em;
  margin-bottom: 0.5em;
  margin-top: 0;
  background-color: #000000;
  color: #cccccc;
}
input.input-text { width: 15em; }
input.input-text, textarea.input-text {
  font-size: 12px;
  font-family: Consolas, Monaco, "Lucida Console", monospace;
}
input.submit {
  font-size: 1em;
  padding: 0.3em;
}
input:focus { border: 1px solid #cccccc; }
textarea:focus { border: 1px solid #cccccc; }
label.right { margin-left: 0.5em; }
h1.logo { margin-bottom: 0.55em; }
div.thumbnail-gallery-column {
  margin: 2em 2.5em 0 0;
  float: left;
  height: 90%;
}
div.thumbnail { margin-bottom: 2em; }
noscript p { padding-left: 3em; }