div#container {
  position: absolute;
  left: 50%;
  width: 900px;
  margin-left: -450px;
  font-family: "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 0.8em; 
  color: Black;
}
div#content {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; 
  border-radius: 10px;
  padding: 10px;
  border: 1px solid #ccc;
}
div#logo-box {
  clear: both;
  margin-bottom: 30px;
}
div#logo-box img {
  width: 450px;
  padding-right: 2em;
  position: absolute;
  right: 0px;
}
div#links-box {
  float: right;
  padding-left: 2em;
}
div#links-box h2 {
  margin: 0px;
}
div#copyright {
  position: absolute;
  left: 50%;
  width: 400px;
  margin-left: -200px;
  color: #ccc;
  text-align: center;
}
h2#main {
  margin-top: 120px;
}
h2 {
  margin-top: 1.5em;
  color: rgb(0, 34, 85);
}
a {
  color: rgb(0, 68, 170);
}
table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
table td, table th {
  border: 1px solid #ccc;
  padding: 3px;
}
thead th {
  background-color: #ccc;
}
body {
  padding: 20px;
}

a figure.screenshot {
  display: inline-block;
  text-align: center;
  margin: 10px;
}

a figure.screenshot img {
  height: 200px;
  width: 300px;
  transition: transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  -webkit-transition: -webkit-transform 0.2s;
  -ms-transition: -ms-transform 0.2s;
  -o-transition: -o-transform 0.2s;
}
a figure.screenshot img:hover {
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}