body {
  background: #fff;
  color: #000;
  font: 13px "Verdana", sans-serif;
  line-height: 18px;
  text-align: center;
  margin: 0 0 2em 0;
  padding: 0;
}

hr {
  height: 0.25em;
  border: none;
  color: #fff;
  background-color: #fff;
  margin: 0;
  padding: 0;
}

div#wrapper {
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

div#mast {
  text-align: center;
  width: 585px;
  margin: 1em auto;
}

div#mast p {
  margin: 0.5em 0;
}

div#mast p#title {
  margin: 0;
  font: bold 40px "Trebuchet MS", sans-serif;
}

div#lede {
  text-align: justify;
  font-size: 16px;
  width: 585px;
  line-height: 1.4em;
  margin: 1em auto;
}

div#main {
  text-align: justify;
  width: 585px;
  margin: 0 auto;
}

div.media {
  text-align: center;
}

h1 {
  text-align: center;
  font: bold 22px "Trebuchet MS", sans-serif;
}

h2 {
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0;
}

h3 {
  margin: 0;
  font-size: 15px;
}

div#features {
  font-size: 14px;
  line-height: 1.5em;
  margin: 0 auto;
  width: 500px;
}

div#features div.primary {
   float: left;
   width: 49%
}

div#features div.secondary {
   float: right;
   width: 49%
}

div#tour {
  margin: 0 auto;
  padding: 1.5em;
  width: 675px;
  background: #e9ffe0;
  border: 2px solid #999;
}

div#trial {
  font: bold 32px "Trebuchet MS", sans-serif;
  line-height: 1.4em;
  text-align: center;
}

p#top-trial {
  font: bold 24px "Trebuchet MS", sans-serif;
  padding: 0.5em;
  width: 15em;
  margin: 0.5em auto 1em auto;
  background: #fcf6b0;
  border: 2px solid #999;
  text-align: center;
}

table {
  width: 100%;
  text-align: center;
  border: 0;
  padding: 0;
  margin: 0;
}

td p {
  margin: 0.25em 0;
}

img {
  border: none;
}

a {
  color: #00c;
}

a:visited {
  color: #33c;
}

a:hover {
  color: #fff;
  background-color: #00c;
  text-decoration: none;
}
a:visited:hover {
  background-color: #33c;
}

a.screenshot img {
  border: 1px dotted #444;
  padding: 1px;
  background-color: #fff;
}

a:hover.screenshot img {
  border: 1px solid #04c;
  background-color: #04c;
}

a:hover.img, a:hover.screenshot {
  background-color: transparent;
}

div#questions {
  width: 585px;
  margin: 0 auto;
}

div#recommendations {
  font: 16px "Georgia", serif;
  line-height: 1.4em;
  width: 565px;
  margin: 1em auto;
  padding: 0.5em 1em;
}

blockquote {
  font-style: italic;
  margin: 0 1em;
  padding: 0;
}

p.source {
  text-align: right;
}

cite {
  font-style: normal;
}

div#footer {
  margin: 2em auto;
  text-align: center;
  font-size: 10px;
  width: 400px;
}

form {
  width: 375px;
  margin: 0 auto;
}

fieldset {
  border: 1px solid #999;
  margin: 1em 0;
}

legend {
  font-weight: bold;
  padding: 0 0.5em;
}

p.submit {
    text-align: center;
}

p.submit input {
  font-size: 1.5em;
}

p.explanation {
  background-color: #ffc;
  padding: 0.5em;
  border: 1px dotted #999;
  text-align: center;
}

strong.highlight {
  color: #090;
}