/* Css Document */
body {
  background: #fff url(/images/top-nav.png) repeat-x top left; 
  margin:0; 
  padding:0; 
  color:#000; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size:13px; 
  line-height:1.5em;
}
a {color:#990000; text-decoration:underline;}
a:hover {color:#cc0000;}
img {border:none;}
em {font-style:italic;}
p, h1, h2, h3, h4, h5, li {margin:0; text-align:left; padding:0 0 10px 0;}
h1 {font-size:20px; color:#000; padding-bottom:10px;}
h2 {font-size:18px;}
h3 {font-size:14px; color:#000; padding: 20px 0 10px 0;}
h4 {font-size:14px; color:#990000;}
hr {
  color:#ccc;
  background-color:#ccc; 
  height:1px; 
  border:0; 
  margin:20px 0; 
}
ul {list-style-type:none; margin:0; padding:0 0 0 30px;}
.center {text-align:center;}
.clear {clear:both;}
.red {color:#990000;}

/* navigation ---- */
#header-nav-container {
    width:800px;
	margin:0px auto;
    overflow:hidden;
	height:39px;
	padding-left:198px;
	text-align:left;
}
#header-nav {
  margin:0;
  padding:0;
  height:39px;
  display:inline;
  overflow:hidden;
  list-style:none;
}
#header-nav li {
  margin:0;
  padding:0;
  list-style:none;
  display:inline;
}
#header-nav a {
  color:#000;
  float:left;
  padding:39px 0 0 0;
  overflow:hidden;
  height:0px !important; 
}
#header-nav a:hover {
  color:#000;
  background-position:0 -39px;
}
#header-nav a:active, #header-nav a.current {
  background-position:0 -39px;
}
#nav-home a {
  width:80px;
  background:url(/images/nav-home.png) no-repeat;
}
#nav-about a {
  width:80px;
  background:url(/images/nav-about.png) no-repeat;
}
#nav-products a {
  width:100px;
  background:url(/images/nav-products.png) no-repeat;
}
#nav-resources a {
  width:100px;
  background:url(/images/nav-resources.png) no-repeat;
}
#nav-events a {
  width:80px;
  background:url(/images/nav-events.png) no-repeat;
}
#nav-contact a {
  width:80px;
  background:url(/images/nav-contact.png) no-repeat;
}
#nav-favorites a {
  width:82px;
  background:url(/images/nav-favorites.png) no-repeat;
}

/* --- Main Content --- */
#wrapper {
  width:800px; 
  margin:0px auto;
}
#middle {
  width:800px; 
  height:380px; 
  padding:10px 0;
}
.logo {
  margin:0; 
  float:left;
}
.description {
  padding:30px 0 0 60px;
  float:left;
}
.main {
  padding:10px 0 0 0;
}
#content {
  width:760px; 
  background:#fff url(/images/content-back.png) no-repeat;  
  padding:20px 20px 0 20px;
}
#content a {color:#990000; text-decoration:underline;}
#content a img {vertical-align:middle; padding:0 5px;}

/* --- Products Pages --- */
#sidebar {width:160px; height:100%; margin-right:35px; float:left; border-right:1px solid #ccc;}
#sidebar p {padding-left:40px;}
#sidebar strong {padding-left:30px;}
#sidebar ul {padding-top:10px;}
#otherbar {
  margin:0 0 20px 0;
  width:535px;
  float:left;
}
#otherbar ul {padding:0;margin:0;width:535px;}
#otherbar ul li h3 {display:block;margin:10px 0 0 0;padding:3px;width:535px;background:#eee;border-bottom:1px solid #ccc;}
#otherbar ul li {
  float:left;
  display:inline;
  margin:0 6px;
  padding:0 0 5px 0;
  white-space:nowrap; /* Damn IE */
  text-transform:capitalize; /* Just in case there's a small case...lol */
}
#productsTwo {
   width:180px;
   float:left;
}
#productsThree {
   width:180px;
   float:left;
}
#locationFinder {margin:0; padding:0;}
#zipcode {background:#fff; width:50px; margin-right:10px;}
#radius {margin-right:10px;}

/* --- Validation Images --- */
#valid {margin:10px 0;}
#valid a {color:#333;}
#valid img {padding-right:1px; vertical-align:baseline;}

/* --- Footer --- */
#footer {
  text-align: center;
  color:#333333;
  background: url(/images/footer-back.png) no-repeat; 
  height:61px; 
  padding:25px 0 0 0; 
  font-size:95%;
}

/* --- Contact Page --- */
#info {width:320px; margin-right:60px; float:left;}
#info p {padding-left:80px;}
#info h4 {padding-left:80px;}
#form {
  margin:0 0 20px 20px;
  width:320px;
  float:left;
}
.name {width:215px;}
.email {width:217px;}
.message {width:265px; border:1px solid #A5ACB2; background-color:#fff;}
.button {margin-top:10px;}