@import url(reset.css);
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

a:focus {
  -moz-outline-style: none; }

.nobr {
  white-space: nowrap; }

#content-wrap {
  position: relative;
  width: 960px;
  margin: 0 auto; }

#header {
  height: 139px;
  position: relative; }
  #header a#logo {
    float: left;
    width: 207px;
    height: 139px;
    display: block; }
  #header #brand {
    width: 311px;
    height: 44px;
    position: absolute;
    top: 15px;
    left: 230px;
    text-indent: -999em;
    background: url('/images/layout/logo_name.png'); }
  #header #nav, #header #nav ul {
    width: 664px;
    height: 42px; }
  #header #nav {
    position: absolute;
    top: 80px;
    left: 202px; }
    #header #nav li, #header #nav li a {
      float: left;
      display: block;
      width: 107px;
      height: 39px;
      margin-right: 2px;
      text-indent: -999em; }

li a {
  background: url('/images/layout/buttons.png'); }

li#services a {
  background-position: 0 0; }

li#portfolio a {
  background-position: -109px 0; }

li#tools a {
  background-position: -218px 0; }

li#blog a {
  background-position: -327px 0; }

li#about a {
  background-position: -436px 0; }

li#contact a {
  background-position: -545px 0; }

li#services:hover a {
  background-position: 0 -40px; }

li#portfolio:hover a {
  background-position: -109px -40px; }

li#tools:hover a {
  background-position: -218px -40px; }

li#blog:hover a {
  background-position: -327px -40px; }

li#about:hover a {
  background-position: -436px -40px; }

li#contact:hover a {
  background-position: -545px -40px; }

li#services:active a, li#services.current a {
  background-position: 0 -80px; }

li#portfolio:active a, li#portfolio.current a {
  background-position: -109px -80px; }

li#tools:active a, li#tools.current a {
  background-position: -218px -80px; }

li#blog:active a, li#blog.current a {
  background-position: -327px -80px; }

li#about:active a, li#about.current a {
  background-position: -436px -80px; }

li#contact:active a, li#contact.current a {
  background-position: -545px -80px; }

#content:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

#footer {
  margin: 1em 0;
  padding-top: 1em;
  color: #bbb;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border-top: 1px solid #2a2a2a; }

#two_columns div {
  width: 455px; }
#two_columns #left {
  float: left; }
#two_columns #right {
  float: right; }

.tool {
  margin: 1em 0 2em 0; }
  .tool img {
    float: left; }
  .tool h4, .tool p {
    margin-left: 110px; }

.replaced {
  position: absolute;
  left: -999em; }

body {
  color: white;
  font-size: 13px;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  background: url('/images/layout/bg.png') top left repeat; }
  body a {
    color: #da7e0a; }

#wrap {
  background: url('/images/layout/header_bg.png') top left repeat-x; }

h2 {
  color: #da7e0a;
  font-size: 165%;
  font-weight: bold;
  padding-bottom: .5em;
  margin-bottom: .25em;
  border-bottom: 1px solid #2a2a2a;
  margin-top: 1em; }

h3 {
  color: #bbc;
  font-size: 140%;
  font-weight: bold;
  padding-bottom: .5em;
  margin-bottom: .25em;
  margin-top: 1em; }

h4 {
  color: #da7e0a;
  font-size: 120%;
  font-weight: bold; }

p {
  margin: .5em 0 .75em 0; }

dt {
  color: #da7e0a;
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: .5em;
  font-size: 120%; }