/*
=Global
*/
blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {
  margin: 0;
  padding: 0;
}

body {
  padding: 0;
  color: #444;
  font: 76%/1.5 "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
  background: #333;
  height: 100%;
}

img {border:0;}
p  {margin:10px 0}
h1 {font-size:1.4em;}
h2 {font-size:1.3em;}
h3 {font-size:1.2em;}
h4 {font-size:1em;}

/*
=Links
*/
a:link, a:visited {
  color: #ff3f01;
  font-weight: bold;
  text-decoration: none;
}
a:hover, a:focus, a:active {
  color: #D03900;
  text-decoration: underline;
}

/*
=Header
*/
#header a {
  color: #bbb;
}
#header a:hover {
  color: #fff
}
#logo {
  float: left;
  margin: 20px 0 17px 10px;
}
#header .links {
  float: right;
  margin: 30px 45px 0 0;
  font-size: .9em;
}

/*
=Navigation
*/
#nav {
  background: url(/images/nav-bg.jpg) repeat-x;
  height: 42px;
}
#nav ul {
  float: left;
  width: 100%;
  margin: 11px 0 11px 20px;
  padding: 0;
  list-style: none;
}
#nav li {
  display: inline;
  margin: 0;
  padding: 0;
}
#nav a {
  display: block;
  float: left;
  width: auto;
  padding: 0 22px;
  border-left: 2px solid #b5d61d;
  color: #fff;
  font: bold 1em "Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
}
#nav a:hover,
#nav a:focus,
#nav a:active {color: #000;}
#nav .sel a {color: #000;}
#nav a.first{border: 0}

/*
=Main Layout
*/
#wrap2 {
  background: #b8b8b8 url(/images/body-bg.jpg) repeat-x;
}

#wrap {
  width: 860px;
  margin: 0 auto;
}

#content {
  margin: 10px -10px 10px 0;
  padding: 10px 20px;
  background: #fff url(/images/border-right.jpg) repeat-y right;
}
#content h1.title {
  text-align: left;
  margin: 0 0 10px 0;
  font-size: 1.2em;
  color: #95b501;
  text-transform: uppercase;
}

#footer {
  background: #333 url(/images/footer-bg.jpg) repeat-x;
  text-align: center;
  padding: 20px 0 1px 0;
  margin: 10px 0 0 0;
  font-size: .9em;
  color: #ddd;
}
#footer a {
  color: #ccc;
}

/*
=Homepage
*/
#hp-content {
  width: 720px;
  margin: 15px auto 0 auto;
}
#hp-main {
  background: #fff url(/images/hp-main.jpg) no-repeat 10px;
  width: 710px;
  height: 307px;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
}
* html #hp-main {
  width: 712px;
  height: 309px;
  background-position: 14px 14px;
}
#hp-main .blurb {
  font-size: 0.9em;
  position: relative;
  width: 255px;
  top: 35px;
  left: 65px;
  padding-top: 5px;
}
#hp-links div {
  margin: 10px 5px 0 0;
}
#hp-links a:hover img {
  border: 1px solid;
}

/*
=Contact
*/
.form-row {
  margin: 7px 0;
}
#message {
  width: 300px;
}
.text {
  width: 200px;
}
.form-error {
  color: red;
  font-size: 0.9em;
}

/*
=Misc.
*/
.img-shadow {
  float:left;
  background: url(/images/shadow.png) no-repeat bottom right !important;
  background: none;
  margin: 0 5px 0 0;
}
.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}
.clearfix:after {
  display:block;
  visibility:hidden;
  clear:both;
  height:0;
  content:".";
}
.clearfix {display:inline-block}
.clearfix {display:block}
.clear {height:0; line-height:0; font-size:0; clear:both;}
.left {float:left;}
.right {float:right;}
.nofloat {float:none;}
.notice {color:red !important;}
.bold {font-weight:bold;}
.italic {font-style:italic}
img.right {margin-left:10px}
img.left {margin-right:10px}
.centertext {text-align:center}
.noborder {border:0 !important}

#scratedesign-tout {
  text-align: right;
  color: #bbb;
  margin: 10px 10px 0;
  padding: 0 5px;
  font: bold 11px Arial;
  letter-spacing: 1px;
}

#scratedesign-tout a {
  color: #fff;
  border-bottom: 1px dotted;
  text-decoration: none;
}

#scratedesign-tout a:hover {
  border-bottom: 1px solid;
}