/* Basics ---------------------------------------------------------- */
html {
  width: 100%;
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  font: normal 14px/24px Arial, Helvetica, Verdana, sans-serif;
  color: #057;
  background: transparent url(img/gradient.jpg) repeat-x left bottom fixed;
}
div#container {
  width: 550px;
  margin: 40px auto 0 auto;
  padding: 0 0 20px 0;
}
div#header {
  width: 550px;
  height: 205px;
  background: transparent url(img/header.png) no-repeat left top;
  margin: 0;
  padding: 0;
}


/* Content ---------------------------------------------------------- */
h1,
p {
  font-size: 14px;
  margin: 20px;
  padding: 20px 0 0 0;
  background: transparent url(img/dot.gif) repeat-x left top;
}
h2 {
  font-size: 14px;
  margin: 0;
  padding: 0;
}


/* Links ----------------------------------------------------------- */
a,
a:hover {
  color: #057;
  text-decoration: underline;
  outline: none;
}
a.button {
  display: block;
  width: 155px;
  height: 33px;
  margin: 10px auto 0 auto;
  padding: 0;
  text-align: center;
  text-decoration: none;
  background: transparent url(img/button.png) no-repeat left top;
}
a.button:hover {
  background: transparent url(img/button.png) no-repeat left bottom;
  text-decoration: none;
  cursor: pointer;
}


/* IE 6 PNG Hacks --------------------------------------------------- */
* html div#header {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/header.png', sizingMethod='scale');
  background: none;
}
* html a.button,
* html a.button:hover {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/button-black.png', sizingMethod='scale');
  background: none;
}