* {
  margin: 0;
  padding: 0;
  }

html {
  font-size: 62.5%;
  }

body {
  padding: 15px 0;
  font: normal 1.3em/1.4 Arial, Helvetica, sans-serif;
  color: #222;
  background: #fff url(/images/site/bg_body.jpg) repeat-x 0 0;
  }

p, ul, ol, h2, h3, h4, h5, form, blockqoute, address {
  margin: 0 0 1.2em;
  }

ul, ol {
  margin-left: 2em;
  }

a {
  text-decoration: underline;
  font-weight: bold;
  color: #0c1995;
  outline: none;
  }

a:hover {
  text-decoration: none;
  color: #e97e00;
  }

img, a img {
  border: none;
  }

acronym {
  cursor: help;
  }

h1 {
  margin-bottom: 20px; padding: 0;
  font: normal 33px/33px Arial, Helvetica, sans-serif;
  color: #e97e00;
  }

h2 {
  font: bold italic 15px/15px Arial, Helvetica, sans-serif;
  }

h3 {
  font: bold 15px/15px Arial, Helvetica, sans-serif;
  }

.clear {
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
  overflow: hidden;
  }

#wrapper {
  position: relative;
  margin: 0 auto;
  width: 982px;
  }

/** HEADER + NAV *****************************************/

#header {
  position: relative;
  height: 130px;
  background: transparent url(/images/site/bg_header.gif) no-repeat 0 center;
  }

#header-logo {
  position: absolute;
  top: 0; left: 10px;
  margin: 0; padding: 0;
  text-indent: -9999px;
  overflow: hidden;
  }

#header-logo a {
  display: block;
  width: 237px; height: 130px;
  background: url(/images/site/logo_run.gif) no-repeat 0 40px;
  }

#header-extras {
  position: absolute;
  top: 35px; right: 0;
  height: 23px;
  font: normal 19px/23px Arial, Helvetica, sans-serif;
  color: #c00;
  }

#login-links {
  position: absolute;
  top: 12px; right: 25px;
  }

#nav  {
  position: absolute;
  top: 40px; right: 5px;
  margin: 0; padding: 0;
  height: 30px;
  overflow: hidden;
  list-style: none;
  background: transparent url(/images/site/bg_nav.gif) no-repeat 0 0;
  }

#nav li {
  display: inline;
  float: left;
  margin: 0 4px 0 0; padding: 0;
  text-indent: -9999px;
  }

#nav li a {
  display: block;
  height: 30px;
  }

#nav li a:hover, #nav li a.active {
  background: url(/images/site/bg_nav.gif) no-repeat 0 -30px;
  }

#nav li.why a { width: 102px; }
#nav li.why a:hover, #nav li.why a.active { background-position: 0 -30px; }
#nav li.products a { width: 82px; }
#nav li.products a:hover, #nav li.products a.active { background-position: -106px -30px; }
#nav li.about a { width: 108px; }
#nav li.about a:hover, #nav li.about a.active { background-position: -192px -30px; }
#nav li.pal a { width: 119px; }
#nav li.pal a:hover, #nav li.pal a.active  { background-position: -304px -30px; }
#nav li.process a { width: 99px; }
#nav li.process a:hover, #nav li.process a.active { background-position: -427px -30px; }
#nav li.events a { width: 64px; }
#nav li.events a:hover, #nav li.events a.active { background-position: -530px -30px; }
#nav li.contact a { width: 100px; }
#nav li.contact a:hover, #nav li.contact a.active { background-position: -598px -30px; }

#breadcrumbs {
  position: absolute;
  left: 275px; bottom: 15px;
  font: bold 13px/13px Arial, Helvetica, sans-serif;
  color: #fd9419;
  text-transform: uppercase;
  }

#breadcrumbs a {
  color: #222;
  text-decoration: none;
  }

#breadcrumbs a:hover {
  text-decoration: underline;
  }

/** CONTENT *********************************************/

#container {
  position: relative;
  margin: 0 0 5px -10px; padding: 0;
  width: 982px;
  background: #fff url(/images/site/bg_container.gif) repeat-y 0 0;
  }

#container-top {
  height: 10px;
  background: url(/images/site/bg_container_top.gif) no-repeat 0 0;
  }

#container-bottom {
  height: 20px;
  clear: both;
  background: url(/images/site/bg_container_bottom.gif) no-repeat 0 0;
  }

#content {
  display: inline; /* fix double margin in IE6 */
  float: right;
  margin: 0 25px 0 0; padding: 15px 0 15px;
  width: 695px;
  }

#content .img {
  float: right;
  margin: 0 0 25px 25px;
  }

#entries {
  margin: 0;
  list-style: none;
  }

.entries-bios {
  margin: 0 0 0 125px !important;
  }

#entries li {
  position: relative;
  margin-bottom: 18px;  padding-bottom: 18px;
  border-bottom: 1px dotted #ccc;
  }

#entries li h3 {
  margin: 0;
  font-weight: bold;
  }

#entries li img {
  position: absolute;
  top: 0; left: 0;
  margin-left: -120px;
  }

#content .photo {
  float: right;
  margin: 0 0 25px 25px; padding-left: 25px;
  border-left: 1px dotted #ccc;
  }

#highlightbox {
  margin: 0 15px 0 0; padding: 5px 0 15px;
  background-color: #EBE6E6;
  }
  
#highlightbox p {
  margin-left: 10px;
  margin-right: 10px;
  }
  
#highlightbox li {
  margin-left: 10px;
  margin-right: 10px;
  }
  
#highlightbox img {
  margin-right: 10px;
  }

fieldset {
  padding: 15px 15px 0;
  border: 4px solid #cfe3d5;
  background-color: #deece2;
  }

label {
  display: block;
  font-weight: bold;
  }

#form-giftcard #form-amount {
  width: 250px;
  }

#form-giftcard #form-message {
  margin-bottom: 5px;
  width: 570px;
  }

#events .entries {
  margin: 0 15px 15px 17px;
  list-style: none;
  }

#events .entries li {
  margin: ; padding: 10px 0 10px 22px;
  border-bottom: 1px dotted #ddd;
  background: url(/images/site/bg_events_bullet.gif) no-repeat left 12px;
  }

#events h3 {
  margin: 0; padding: 3px 0 0 50px;
  font: normal 19px/28px Arial;
  color: #fff;
  border-bottom: 2px solid #fd9419;
  background: url(/images/site/bg_events_tabs.gif) no-repeat left 0;
  }

#events .entries li h4 {
  margin: 0; padding: 0;
  }

#community-links {
  list-style: none;
  margin: 15px 0 0; padding: 0;
  }

#community-links li {
  float: left; display: inline;
  margin: 10px 15px;
  width: 200px; height: 160px;
  text-align: center;
  background-color: #f2f2f2;
  }

#community-links li a {
  padding: 0 10px;
  }

.community-logo {
  display: block;
  margin: 10px 10pt;
  height: 100px;
  }

#factoids {
  float: right; display: inline;
  margin: 0 0 25px 25px;
  width: 250px;
  background: url(/images/site/bg_factoids.gif) no-repeat top left;
  }

#factoids p {
  margin: 0; padding: 85px 25px 25px;
  font: normal 18px/23px Arial;
  color: #848072;
  background: url(/images/site/bg_factoids_bottom.gif) no-repeat bottom left;
  }

#form-contact {
  float: right;
  margin: 0 0 20px 25px;
  width: 355px;
  }

#form-contact fieldset label {
  display: block;
  font-weight: bold;
  }

#form-contact fieldset input, #form-contact fieldset textarea {
  display: block;
  margin-bottom: 15px; padding: 3px 2px;
  font: normal 13px/1.5 Arial;
  }

#form-contact fieldset input {
  width: 200px;
  }

#form-contact fieldset textarea {
  width: 300px; height: 150px;
  }

.required {
  color: #f60;
  }

/** SIDEBAR **********************************************/

#subnav {
  display: inline;
  float: left;
  margin: -14px 0 0 0; padding: 0;
  width: 240px;
  background: url(/images/site/bg_subnav.gif) no-repeat 0 0;
  }

#subnav ul  {
  margin: 0 0 10px; padding: 20px 0 10px;
  width: 234px;
  list-style: none;
  background: url(/images/site/bg_subnav_divider.gif) no-repeat 0 bottom;
  }

#subnav li {
  margin: 0; padding: 0;
  background: transparent url(/images/site/bg_subnav_divider.gif) no-repeat 0 0;
  }

#subnav li a {
  display: block;
  padding: 5px 0 5px 30px;
  font-weight: bold;
  background: transparent url(/images/site/bg_subnav_bullet.gif) no-repeat 5px 1px;
  text-decoration: none;
  }

#subnav li a:hover {
  color: #fd9419;
  text-decoration: none;
  }

#subnav ul ul {
  margin: 0; padding: 5px 0;
  background: url(/images/site/bg_subnav_divider.gif) no-repeat 0 0;
  }

#subnav li li, #subnav li li a {
  background: none;
  }

#subnav li li a {
  padding: 2px 0 2px 40px;
  }

#subnav p {
  margin: 0 15px 15px 12px;
  }
  
#textbox {
  width: 240px;
  }

#textbox {
  float: right;
  background-color: #C9D0D3;
  }
  
#textbox p {
  margin-left: 10px;
  margin-right: 10px;
  }

/** FOOTER **********************************************/

#footer {
  position: relative;
  margin-top: -5px;
  height: 550px;
  background: transparent url(/images/site/bg_footer.gif) no-repeat center top;
  }

#footer p {
  margin: 0; padding: 0;
  }

#fitprocess {
  position: absolute;
  top: -5px; left: -13px;
  width: 585px; height: 162px;
  background: url(/images/site/bg_fitprocess.gif) no-repeat 0 0;
  text-indent: -9999px;
  z-index: 1;
  }

#fitprocess a {
  display: block;
  height: 120px;
  }

#newsletter {
  position: absolute;
  top: 15px; right: 15px;
  width: 360px;
  }

#newsletter form {
  margin: 0; padding: 0;
  }

#newsletter label {
  display: block;
  margin-bottom: 10px;
  height: 40px;
  background: url(/images/site/bg_newsletter_label.gif) no-repeat 0 0;
  text-indent: -9999px;
  }

#newsletter input#field {
  float: left;
  padding: 7px 0 9px 0;
  width: 247px;
  font-size: 14px;
  color: #444;
  text-indent: 8px;
  border: none;
  background: url(/images/site/bg_newsletter_field.gif) no-repeat 0 0;
  }

#newsletter input#button {
  float: right;
  width: 102px; height: 30px;
  border: none;
  cursor: pointer;
  font-size: 1px;
  color: #fd9419;
  background: url(/images/site/bg_newsletter_button.gif) no-repeat 0 0;
  text-indent: -9999px;
  }

#nav2 {
  position: absolute;
  top: 150px; left: 59px;
  background: url(/images/site/bg_nav2.gif) no-repeat 0 0;
  height: 40px;
  margin: 0; padding: 0;
  overflow: hidden;
  list-style: none;
  z-index: 2;
  }

#nav2 li {
  display: inline;
  float: left;
  margin: 0 4px 0 0; padding: 0;
  text-indent: -9999px;
  }

#nav2 li a {
  display: block;
  height: 40px;
  }

#nav2 li a:hover {
  background: transparent url(/images/site/bg_nav2.gif) no-repeat 0 -40px;
  }

#nav2 li.why a { width: 110px; }
#nav2 li.why a:hover { background-position: 0 -40px; }
#nav2 li.products a { width: 79px; }
#nav2 li.products a:hover { background-position: -114px -40px; }
#nav2 li.about a { width: 106px; }
#nav2 li.about a:hover { background-position: -197px -40px; }
#nav2 li.pal a { width: 130px; }
#nav2 li.pal a:hover { background-position: -307px -40px; }
#nav2 li.process a { width: 96px; }
#nav2 li.process a:hover { background-position: -441px -40px; }
#nav2 li.events a { width: 63px; }
#nav2 li.events a:hover { background-position: -541px -40px; }
#nav2 li.contact a { width: 97px; }
#nav2 li.contact a:hover { background-position: -608px -40px; }
#nav2 li.sitemap a { width: 80px; }
#nav2 li.sitemap a:hover { background-position: -709px -40px; }

#shop {
  position: absolute;
  top: 192px; right: 25px;
  text-indent: -9999px;
  }

#shop a {
  display: block;
  width: 300px; height: 52px;
  }

/*
#brands {
  position: absolute;
  left: 380px; top: 194px;
  margin: 0; padding: 0;
  width: 210px;
  list-style: none;
  }

#brands li {
  display: inline;
  float: left;
  margin: 0; padding: 0;
  text-indent: -9999px;
  }

#brands li a {
  display: block;
  width: 70px; height: 37px;
  }
*/

#copyright {
  position: absolute;
  left: 15px; bottom: 0;
  width: 550px; height: 45px;
  text-indent: -9999px;
  }

#credit {
  position: absolute;
  right: 15px; bottom: 0;
  text-indent: -9999px;
  }

#credit a {
  display: block;
  width: 225px; height: 45px;
  }