html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  margin: 0;
  text-align: center;
  padding: 0;
  font: normal 12px/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #13483F url(../images/bg.gif);
  color: #333;
}


ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

#logo img {
  margin-top: 168px;
}

/*------------------------------------------------------------------------------------
  @group home
------------------------------------------------------------------------------------*/

#software {
  width: 375px;
  margin: 21px auto;
}

#software .sw {
  display: block;
  float: left;
  margin-right: 18px;
}

#software .sw a{
  display: block;
  float: left;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #0D312C;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  padding: 6px 18px;
}

#intro {
  color: #B1DBD5;
  font-size: 200%;
  width: 600px;
  margin: 20px auto;
  line-height: 200%;
}

#intro a {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #0D312C;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  padding: 6px 18px;
}

#intro a:hover {
  background: #111;
}

/* @end */

/*------------------------------------------------------------------------------------
  @group httpriot
------------------------------------------------------------------------------------*/
#httpriot {
  background: #fff;
  color: #333;
}

#hlogo {
  border: none;
}

#hlogo img {
  border: none;
  outline: none;
}

#downloads {
  width: 500px;
  margin: 21px auto;
}

#downloads li {
  float: left;
  margin-right: 18px;
}

#downloads li:last-child {
  margin-right: 0;
}

a.btn {
  background: url(../images/btn.png) no-repeat;
  width: 239px;
  height: 62px;
  display: block;
  text-decoration: none;
}

a.btn:hover {
  background-position: 0 -62px;
}

a.btn span.lbl {
  text-transform: uppercase;
  color: #555;
  display: block;
  padding-top: 12px;
  font-size: 120%;
  text-shadow: 1px 1px #fff;
  -moz-text-shadow: 1px 1px #fff;
}

a.btn span.version {
  color: #888;
}

a.btn:hover span.lbl {
  color: #205891;
}

a.btn:hover span.version {
  color: #2E7BCB;
}

#links {
  width: 438px;
  margin: 21px auto;
  border-bottom: 1px solid #eee;
  padding-bottom: 9px;
}

#links li {
  display: block;
  float: left;
  margin-right: 18px;
}

#links li:last-child {
  margin-right: 0;
}

#links li a {
  display: block;
  float: left;
  text-decoration: none;
  color: #555;
  padding-left: 21px;
  background: url(../images/icons/balloon_twitter.png) 0 50% no-repeat;
  font-weight: bold;
}

li a#twitter { background-image: url(../images/icons/balloon_twitter.png); }
li a#blog { background-image: url(../images/icons/blog_blue.png); }
li a#com { background-image: url(../images/icons/lifebuoy.png); }
li a#source { background-image: url(../images/icons/target.png); }
li a#docs { background-image: url(../images/icons/docs.png); }

#links li a:hover {
  color: #333;
}

/* @end */