html {
	min-height: 100%;
	position: relative;

}

body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  margin: 0;
  margin-bottom: 60%;
  background-color: #111;
  height: 100%;

  /* IE10 Consumer Preview */
  background-image: -ms-linear-gradient(top, #555 0px, #000000 200px, #000000 450px);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #555 0px, #000000 200px, #000000 450px);
  /* Opera */
  background-image: -o-linear-gradient(top, #555 0px, #000000 200px, #000000 450px);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #555), color-stop(200px, #000000), color-stop(450px, #000000));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.5) 0px, rgba(150,150,150,.5) 200px, rgba(150,150,150,0) 450px);
  /* W3C Markup, IE10 Release Preview */
  background-image: linear-gradient(to bottom, rgba(255,255,255,.7) 0px, rgba(150,150,150,.5) 200px, rgba(150,150,150,0) 450px);
  background-image: radial-gradient(circle farthest-corner at center top, rgba(91,128,255,.6), rgba(45,51,126,0) 1000px);
}

/*reset some stuff for ie8*/
a img { border: 0; }

#wrapper {
  position: relative;
  display: block;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 850px;
  height: auto;
  background: #333;
  margin: 0 auto 0 auto;
}

#header {
	height: 133px;
}

#banner {
  color: #d00;
  font-size: 55px;
  text-align: center;
  font-variant: small-caps;
  background-image: url("../img/banner.png");
  letter-spacing: .05em;
  text-shadow: 0 0 20px #d00, 0 0 100px rgba(128,0,0,.8), 0 0 5px rgba(0,0,0,.7);
  height: 78px;
}

#banner img {
	height: 60px;
	vertical-align: middle;
}

#banner span {
	vertical-align: middle;
}

#tagline {
  color: #fff;
  text-align: center;
  font-size: 20px;
  letter-spacing: 1px;
  margin-top: -5px;
  padding-top: 0;
  padding-bottom: 3px;
  background-image: -webkit-linear-gradient(top, rgba(15, 18, 70, 1) 0%, rgba(15, 18, 70, 1) 40%, #000 100%);
  background-image: linear-gradient(to bottom, rgba(15, 18, 70, 1) 0%, rgba(15, 18, 70, 1) 40%, #000 100%);
}

h1 {
  font-variant: small-caps;
  margin-left: 9px;
  margin-top: 10px;
  margin-bottom: -12px;
  letter-spacing: .055em;
  font-size: 32px;
}

#goto_benjamin p {
  position: relative;
  left: 10px;
  width: 100%;
  margin-top: 22px;
  letter-spacing: .03em;
  font-size: 14px;
  line-height: 1.25em;
  text-align: center;
}

#page_nav ul {
  margin-left: -30px;
  margin-bottom: 10px;
  list-style: none;
  font-size: 14px;
}

#page_nav li {
  float: left;
  padding-right: 10px;
}

#page_nav a {
  color: #d00;
  text-decoration: none;
  transition: all .3s;
}
#page_nav a:hover {
  color: #fff;
  text-decoration: underline;
}

hr {
  border-bottom: none;
  margin-top: 25px;
}

h1, #goto_benjamin p, #goto_benjamin a, .section, .section a {
  color: #eee;
}
.section h2 {
  text-transform: uppercase;
  color: #d00;
  font-size: 16px;
  letter-spacing: .06em;
  font-weight: normal;
  padding-left: 10px;
  padding-top: 1px;
  margin-bottom: -19px;
  margin-top: 10px;
}
.section p {
  position: relative;
  width: 550px;
  margin-top: 0;
  letter-spacing: .03em;
  line-height: 1.25em;
}
.section ul {
  position: relative;
  width: 500px;
  margin-top: 0;
  margin-left: -40px;
}
.section li {
  padding-bottom: .8em;
  line-height: 1.25em;
}
.section li:last-child {
  padding-bottom: 0em;
}

#connectors ul {
  position: relative;
  margin-left: -40px;
  margin-top: 0px;
  list-style: none;
  width: 600px;
}

#connectors li {
  float: left;
  text-align: center;
  margin-right: 100px;
  width: 100px;
  line-height: 1.1em;
}
#connectors img {
  height: 100px;
}
#connectors li label {
  clear: both;
}
#connectors span {
  font-size: 12px;
  color: #ccc;
}
#connectors li label {
  font-weight: normal;
  font-size: 16px;
  margin: 0;
}
#connectors .comment {
  margin-top: 10px;
}

.section table {
  font-size: 12px;
  position: relative;
  letter-spacing: .015em;
  background: #444;
}

#mains_options {
  margin-bottom: initial;
}
.section table,
#mains_options + div {
  margin-bottom: 15px;
}

.section table th,
.section table td {
  outline: 1px solid #aaa;
  padding: 4px;
  width: 130px;
  text-align: center;
}

.section table td.col2 {
  width: 269px;
  text-align: left;
  padding-left: 5px;
}

.section table td.col3 {
  width: 409px;
  text-align: left;
  padding-left: 5px;
}
.comment
 {
  position: relative;
  left: 200px;
  font-size: 12px;
  width: 500px;
  color: #bbb;
}

#downloads ul {
  list-style: none;
}
#goto_benjamin a,
.downloads a,
#downloads a {
  transition: all .5s;
}
#goto_benjamin a:hover,
.downloads a:hover,
#downloads a:hover {
  color: #fff;
  text-shadow: 0 0 5px #fff, 0 0 20px #fff;
}

#footer {
  background: #292929;
  color: #666;
  text-align: center;
}

#footer h3 {
  text-transform: uppercase;
  padding-top: 10px;
  margin-bottom: 0;
}
#footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-variant: small-caps;
  margin-bottom: 5px;
}
#footer a {
  color: #666;
  text-decoration: none;
}
#footer a:hover {
  color: #fff;
}
#footer img {
  height: 25px;
}
#footer span {
  font-size: 12px;
}

.section p,
.section ul,
#connectors ul,
.section table,
.comment {
  left: 250px;
}

.downloads ul {
  list-style: none;
  left: 300px;
}