body, html {
  background: white;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif; }

p {
  margin-top: 0; }

a img {
  border: none; }

hr {
  color: #dddddd;
  background-color: #dddddd;
  height: 1px;
  width: 100%;
  border: 0; }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

#header {
  border-top: 4px solid #b12c25;
  background-color: #f6f6f6;
  display: block; }
  #header .container {
    min-height: 50px; }
  #header #logo {
    width: 240px;
    margin: 12px 0 -2px 12px; }
  #header #tabs {
    position: absolute;
    bottom: 0;
    right: 0; }
    #header #tabs a {
      border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      text-decoration: none;
      color: #21779c;
      padding: 8px 12px;
      font-size: 14px;
      display: block;
      float: left; }
      #header #tabs a.selected {
        background-color: white;
        color: #555555; }
        #header #tabs a.selected:hover {
          color: #555555; }
      #header #tabs a:hover {
        color: #b12c25; }

#footer {
  background-color: #f6f6f6;
  overflow: hidden;
  padding: 20px 0;
  border-top: 1px solid #eeeeee;
  clear: both;
  margin-top: 40px;
  float: left;
  width: 100%; }
  #footer .container > h1 {
    display: none; }
  #footer section {
    float: left;
    width: 25%;
    font-size: 12px;
    padding: 0 12px; }
    #footer section h1 {
      margin: 12px 0 6px 0;
      font-size: 24px;
      font-weight: normal;
      color: #555555; }
    #footer section p {
      line-height: 150%;
      border-bottom: 1px solid #dddddd;
      padding-bottom: 16px;
      margin-bottom: 16px;
      color: #777777; }
    #footer section ul {
      padding-left: 0;
      list-style-type: none; }
    #footer section li {
      font-size: 11px;
      margin-bottom: 10px; }
    #footer section a {
      -webkit-transition: background 0.2s;
      -moz-transition: background 0.2s;
      -o-transition: background 0.2s;
      transition: background 0.2s;
      text-decoration: none;
      border-bottom: 1px dotted #21779c;
      color: #21779c; }
      #footer section a:hover {
        border-bottom: 1px solid #21779c; }

.container {
  width: 960px;
  margin: 0 auto;
  position: relative; }

.row {
  width: 100%;
  border-bottom: 1px solid #dddddd;
  padding: 12px; }

.no-border {
  border-bottom: none !important; }

.col3-1 {
  width: 320px; }

.content {
  font-size: 15px; }
  .content h1 {
    font-size: 60px;
    font-family: Georgia, "Bitstream Vera Serif", "Times New Roman", serif;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    margin: 30px 0 16px 12px; }
  .content h2, .content section h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 12px 0;
    font-size: 24px; }
  .content p {
    color: #444444;
    line-height: 1.6em; }
  .content .big-block {
    padding: 0 16px;
    color: #888888;
    font-size: 20px;
    line-height: 32px; }
  .content a {
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
    text-decoration: none;
    border-bottom: 1px dotted #21779c;
    color: #21779c; }
    .content a:hover {
      border-bottom: 1px solid #21779c; }

.screenshot {
  border: 8px solid #f6f6f6; }
  .screenshot img {
    border: 1px solid #cccccc;
    display: block;
    width: 100%; }