html,
body
{
  width: 100%;
  height: 100%;
  min-height: 500px;
  margin: 0;
  padding: 0;
  background: #1464A9;
}

body
{
  font: 76%/150% "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Arial, Helvetica, sans-serif;
}

#content
{
  position: relative;
  z-index: 1;
}

#bg
{
  position: absolute;
  z-index: 0;
  bottom: 0;
  width: 100%;
}

h1,
h2,
h3,
h4,
h5
{
  margin: 0;
  padding: 0;
}

h1#logo
{
  position: relative;
  top: 10px;
  left: 15px;
  width: 224px;
  height: 169px;
  background: url(../img/logo.gif) no-repeat;
  text-indent:-10000px;
}

html > body h1#logo
{
  /* Use an alpha transparency PNG for browsers
     that fully support CSS2.  We're banking on
     child selector support = transparent PNGs
  */
  background: url(../img/logo.png) no-repeat;
}

.preview
{
  position: relative;
  z-index: 2;
  width: 396px;
  margin: 1em auto;
  padding: 0 0 15px 0;
  color: #FFF;
  background: url(../img/roundBox.gif) no-repeat bottom left;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.preview h2
{
  padding: .5em .5em .25em;
  color: #FF0;
  background: url(../img/roundBox.gif) no-repeat top left;
  font-size: 2.5em;
}

.preview p
{
  margin: 0;
  padding: .5em 1em;
  background: #3C3C3C;
  line-height: 175%;
  font-size: 1.25em;
}

form#notify
{
  padding: .5em 1em;
}

form#notify label
{
  font-weight: bold;
}

form#notify input
{
  padding: .25em;
  border: #000 2px solid;
}

form#notify input#submit
{
  background: #090;
  color: #FFF;
  font-weight: bold;
}

form#notify input#submit:hover
{
  border-color: #FF0;
}

#notifyStatus
{
  padding: 1em;
}

#success
{
  padding: .25em .5em;
  color: #090;
  background: #FFC;
  border: #090 1px solid;
}

.error
{
  padding: .25em .5em;
  color: #F00;
  background: #FFC;
  border: #F00 1px solid;
  font-weight: bold;
}

#footer
{
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  padding: .25em 0;
  color: #FFF;
  background: #000;
  filter: alpha(opacity=70);
  opacity: 0.7;
  text-align: center;
  font-size: small;
}