html, body { margin:0; padding:0; }
body {
  background:#0b0f16;
  color:#d7dce3;
  font-family:Arial, Helvetica, sans-serif;
  font-size:15px;
  line-height:1.55;
}
#page {
  width:960px;
  margin:0 auto;
  background:#111722;
  border-left:1px solid #263244;
  border-right:1px solid #263244;
}
#header {
  padding:30px 34px 24px 34px;
  background:#080c12;
  border-bottom:1px solid #303b4b;
}
.brand { color:#fff; font-size:30px; font-weight:bold; letter-spacing:1px; }
.version { margin-top:3px; color:#ff9d3b; font-size:15px; font-weight:bold; }
#nav {
  padding:12px 30px;
  background:#151d29;
  border-bottom:1px solid #303b4b;
}
#nav a {
  display:inline-block;
  margin-right:24px;
  color:#dbe8ff;
  text-decoration:none;
  font-weight:bold;
}
#nav a:hover { color:#ffad52; text-decoration:underline; }
.section { padding:34px; border-bottom:1px solid #293545; }
.section h1 { margin:0 0 8px 0; color:#fff; font-size:31px; line-height:1.2; }
.section h2 { margin:0 0 18px 0; color:#fff; font-size:23px; }
.section p { margin:0 0 16px 0; }
.hero-section { background:#0f1620; }
.hero-image { float:left; width:350px; margin-right:34px; }
.hero-image img { display:block; width:340px; height:auto; border:1px solid #3b4656; }
.hero-text { float:left; width:500px; }
.hero-text h2 { color:#ff9d3b; font-size:17px; font-weight:normal; }
.clear { clear:both; height:0; overflow:hidden; }
.record-box {
  margin-top:22px;
  padding:14px 18px;
  background:#171f2c;
  border-left:4px solid #ff8a2a;
  color:#fff;
  font-size:18px;
}
.spec-table {
  width:100%;
  margin:10px 0 24px 0;
  border-top:1px solid #344255;
  border-left:1px solid #344255;
}
.spec-table td {
  padding:10px 12px;
  border-right:1px solid #344255;
  border-bottom:1px solid #344255;
  background:#121a25;
}
.spec-table .spec-name {
  width:45%;
  color:#fff;
  font-weight:bold;
  background:#182231;
}
.steps { margin:0 0 20px 24px; padding:0; }
.steps li { margin-bottom:8px; }
.warning {
  margin-top:20px;
  padding:16px 18px;
  background:#261b14;
  border:1px solid #6b4226;
  color:#ffd8b0;
}
.result-example {
  padding:14px 16px;
  overflow:auto;
  background:#070b10;
  border:1px solid #344255;
  color:#9ed0ff;
  font-family:"Courier New", Courier, monospace;
  font-size:15px;
}
.download-box {
  margin:20px 0;
  padding:20px;
  background:#151e2a;
  border:1px solid #344255;
}
.download-button {
  display:inline-block;
  padding:10px 18px;
  background:#d76217;
  border:1px solid #ff9d3b;
  color:#fff !important;
  text-decoration:none;
  font-weight:bold;
}
.download-button:hover { background:#ee7624; text-decoration:none; }
.small { color:#9ea9b7; font-size:13px; }
.tagline { color:#ffad52; font-size:18px; }
a { color:#77b7ff; }
a:hover { color:#ffad52; }
#footer {
  padding:20px 34px;
  background:#080c12;
  color:#8e9aaa;
  font-size:12px;
  text-align:center;
}
#footer p { margin:0; }