/*
-----------------------------------------------

Hogan Company Base Styles
author:   justin pardee
version:  september 05 2006

----------------------------------------------- */
* { margin:0; padding:0; }
body {
  background:#eee url(../img/bg.jpg) repeat-x;
  font-family: Verdana, Arial, sans-serif; font-size:small;
  color:#333; text-align:center; }
#wrap { 
  margin:10px auto 0; padding:20px 20px 0; width:700px;
  text-align:left; font-size:95%;
  background:url(../img/bgWrap.gif) no-repeat; }


/* Formatting
------------------------------*/
h1 {
	font-size: 180%; font-weight: normal; margin-bottom:.25em;	}
h2 {
	font-size: 160%; font-weight: normal;	}
h3 {
  margin: 0 0 5px 0;
  font-size: 110%; }
h4 {
	margin: 0 0 5px 0;
	font-size: 110%; font-weight: normal;
	text-transform: uppercase; letter-spacing: 1px;	}
h5 {
	margin: 0 0 5px 0; font-weight: normal;
	font-size: 140%; }
	
h2 em, h3 em, h4 em {
  font-weight:normal;
  font-size:80%; }

p {
  margin:0 0 .75em 0;
  line-height:1.3em; }
#content ol, #content ul {
  margin:0 0 1em 2em;
  line-height:1.5em;
}
#content li {
  margin:0 0 .5em;
}
  
#content a:link, #content a:visited {
  color:#666;
}
#content a:hover, #content a:active {
  background:#666; color:#fff;
}

#content img.bnr {
  margin:-5px -9px 5px;
  position:relative; }

#highlight {
  margin:0 1em; padding:.5em;
  background:#eee;
  border:solid 1px #666;
}

hr { margin:1em 0; }

/* Page Structure
------------------------------*/
#mast {
  position:relative; height:90px;
  background:url(../img/bgMast.gif) repeat-x bottom; }
#content { 
  margin-bottom:10px; clear:both; }
#foot {
  margin-bottom:10px; font-size:90%;
  text-align:right; color:#555; }


/* Branding
------------------------------*/
#logo {
  width:164px; height:90px;
  background:url(../img/logo.gif) no-repeat;
  text-indent:-9999px; }
#logo a {
  display:block;
  width:164px; height:90px; }


/* Navigation
------------------------------*/
#mainNav {
  margin:5px 0 10px; float:left;
  width:100%; list-style:none;
  background:url(../img/bgNav.gif) no-repeat bottom; }
#mainNav li {
  padding-right:2px; float:left;
  background:url(../img/barDark.gif) repeat-y right; }

#mainNav a:link, #mainNav a:visited {
  display:block; padding:15px 13px 5px 15px;
  text-decoration:none; text-indent:-9999px;
  color:#cdcdcd; }
#mainNav a:hover, #mainNav a:active { color:#f90; }
  
/* Nav Images */  
#navStakes a {
  width:50px; height:17px;
  background:url(../img/navStakes.gif) no-repeat 50% 85%; }
#navStakes a:hover, #navStakes.on a {
  background-image:url(../img/navStakes-on.gif); cursor:default; }
  
#navFormPins a {
  width:72px; height:17px;
  background:url(../img/navFormPins.gif) no-repeat 50% 85%; }
#navFormPins a:hover, #navFormPins.on a {
  background-image:url(../img/navFormPins-on.gif); cursor:default; }  

#navForms a {
  width:150px; height:17px;
  background:url(../img/navForms.gif) no-repeat 50% 85%; }
#navForms a:hover, #navForms.on a {
  background-image:url(../img/navForms-on.gif); cursor:default; }    

#navAccessories a {
  width:89px; height:17px;
  background:url(../img/navAccessories.gif) no-repeat 50% 85%; }
#navAccessories a:hover, #navAccessories.on a {
  background-image:url(../img/navAccessories-on.gif); cursor:default; }  

/* Utility Navigation */
#utilNav {
  position:absolute; bottom:0; right:0;
  list-style:none; }
#utilNav li {
  float:left; padding:0 2px 0 0;
  background:url(../img/barLight.gif) repeat-y right; }
#utilNav li.last { padding:0; background:none; }

#utilNav a:link, #utilNav a:visited {
  padding:.4em .5em .3em; display:block;
  color:#555; text-decoration:none; }
#utilNav a:hover, #utilNav a:active {
  color:#000; }
#utilNav .on a, #utilNav .on a:hover {
  color:#000; font-weight:bold; cursor:default; }

  
/* Content
------------------------------*/
#content #ttlBar {
  padding:2px 10px 0;
  background:url(../img/bgTop.gif) no-repeat; }
#col {
  padding:5px 10px 10px;
  background:url(../img/bgContent.gif) repeat-y;
  border:1px solid #cbcbcb; border-width:1px 0; }
  /* Clear Floats */
  #col:after, #col:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
  #col {zoom:1;}

  
/* Forms
------------------------------*/
#content ul.form {
  margin:0; list-style:none; }
ul.form li {
  margin-bottom:.5em; }

.form label {
  color:#555; font-weight:bold; }

.form input.txt, .form textarea {
  margin-bottom:.25em; display:block;
  width:15em; }

.form textarea {
  height:8em; }  

  
/* hCard
------------------------------*/
.hCardHide { display:none; }
.vcard.box {
  padding:0 5px 5px; float:right;
  background:#eee;
  border:1px solid #555; }
.vcard.box .org {
  margin:0 -5px 5px; padding:2px 5px;
  position:relative;
  background:#555; color:#eee;
  font-size:110%; font-weight:bold; }
  
.street-address {
  display:block;
}

/* Product Categories
------------------------------*/
/* Clear Floats */
.products:after, .products:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.products {zoom:1;}
  
.product {
  margin:0 12.5px 10px;
  float:left; width:200px; }
  
.product h4 {
  font-size:95%; }  
.product img {
  margin:0 0 3px;
  border:solid 1px #666; }
  
.product p {
  margin:0 .1em .5em; } 

.product .avail {
  font-size:85%;color:#666; }


/* Photo Shocase
------------------------------*/
.foto {
  margin:0 0 10px;
  width:100%;
  float:left; clear:left; }
.foto img {
  border:solid 1px #666; }
.foto dt {
  margin:0 10px 0 0;
  float:left; clear:left; }
.foto .ttl {
  font-size:110%;
  font-weight:bold; }