html {
  height: 100%;
  min-height: 100%;
}

body {
  margin: 0px;
  font-family: 'Roboto', Arial, sans serif;
  font-size: 17px;
  font-weight: 300;
  color: #000000;
  background-image: url('gradient.png');
  background-repeat: repeat-x;
  background-position: top;
  background-color: #FFFFFF;
}

.main {
  height: 100%;
  min-height: 100%;
}

.content {
  background-color: #FAFAFA;
  border: 1px solid #999999;
  padding: 50px;
}

h1 {
  font-weight: 300;
  font-size: 48px;
  color: #444444;
  text-shadow: 1px 1px 1px #FFFFFF;
  padding: 0px;
  margin: 0px;
}

h1 strong {
  font-weight: 700;
  color: #333333;
}

h2 {
  font-weight: 300;
  color: #222222;
  text-shadow: 1px 1px 1px #FFFFFF;
}

strong {
  font-weight: 500;
}

a {
  color: #444444;
  transition: background .25s, color .25s;
  -moz-transition: background .25s, color .25s;
  -webkit-transition: background .25s, color .25s;
  -o-transition: background .25s, color .25s;
}

a img {
  border: 0;
}

a:hover {
  color: #000000;
}

a.button {
  padding: 10px;
  background-color: #222222;
  color: #FFFFFF;
  text-decoration: none;
}

a.button:hover {
  background-color: #000000;
  color: #FFFFFF;
}

.map {
  border: 1px solid #CCCCCC;
}

.footer {
  font-size: 12px;
  font-weight: 500;
}