article, aside, canvas, figure, footer, header, nav, section, video { display: block; }
html {
  min-height: 100%;
  margin: 0;
  padding: 0;
}
body {
  font: 10pt "TitilliumText14L250wt", Arial, sans-serif;
  line-height: 1.35em;
  background-color: #1a1a1a;
  color: #eeeeee;
  margin: 0;
  padding: 0;
}
.strong {
  font-family: "TitilliumText14L600wt", Arial, sans-serif;
  font-weight: bold;
}
a {
  color: white;
  text-decoration: none;
}
a:hover { text-decoration: underline; }
a.active { text-decoration: underline; }
h1 {
  font-family: "TitilliumText14L600wt", Arial, sans-serif;
  font-weight: bold;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin: 1em 0;
}
h2 {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5em;
  text-align: center;
}
strong {
  font-family: "TitilliumText14L600wt", Arial, sans-serif;
  font-weight: bold;
  font-weight: bold;
}
#container {
  width: 960px;
  margin: 0 auto;
  padding: 0;
}
section#main {
  width: 520px;
  margin: 4em 0;
  padding: 0 220px;
}
#frontpage {
  padding-top: 2em;
  min-height: 100%;
  background-image: url(../images/bottom.png);
  background-position: center bottom;
  background-repeat: no-repeat;
}
#frontpage #main { position: relative; }
#frontpage #slogan {
  width: 80%;
  text-align: left;
  margin: 0 auto;
}
#frontpage #slogan span { background-color: #1a1a1a; }
#frontpage #email {
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  margin-top: 520px;
}
#frontpage #email a {
  color: #444444;
  padding: 1em;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
}
#frontpage #email a:hover {
  color: white;
  text-decoration: none;
}
#frontpage #wrapper {
  position: absolute;
  top: 10px;
  left: 180px;
  width: 600px;
  height: 700px;
  z-index: -10;
}
#frontpage #graphic {
  width: 100%;
  height: 100%;
  background-image: url(../images/graphic.png);
  background-position: center 25px;
  background-repeat: no-repeat;
}