/*
   screen.css
   kn4wd
   
   Created by Cale Woodley on 2008-09-22.
   Copyright 2008 Webfirm. All rights reserved.
*/

@import url("reset.css");

body {
  background: #000 url('../images/core/body-background.jpg') no-repeat 50% 0;
  font: 0.75em/1.50em Arial, Verdana, sans-serif;
  color: #b4b4b4;
}

#container {
  width: 960px;
  margin: 0 auto;
  background: #000 url('../images/core/content-background.png') bottom left repeat-x;
}

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

#header {
  text-align: center;
  background: url('../images/core/header-background.jpg') 0 0 no-repeat;
}


/*  =nav
**********************************/
#navigation {
  width: 960px;
  height: 50px;
  background: url('../images/nav/background.gif');
  text-align: left;
}

#navigation ul {margin: 0 0 0 50px;}

#navigation ul ul {margin: 0;}

#navigation li {
  float: left;
  display: inline;
}

#navigation li a {
  height: 50px;
  display: block;
  background-position: 0 0;
  background-repeat: none;
  text-indent: -999em;
}

#navigation li a#nav-home {background-image: url('../images/nav/nav-home.gif'); width: 59px;}
#navigation li a#nav-profile {background-image: url('../images/nav/nav-profile.gif'); width: 84px;}
#navigation li a#nav-mining {background-image: url('../images/nav/nav-mining.gif'); width: 209px;}
#navigation li a#nav-employment {background-image: url('../images/nav/nav-employment.gif'); width: 129px;}
#navigation li a#nav-accessories {background-image: url('../images/nav/nav-accessories.gif'); width: 129px;}
#navigation li a#nav-gallery {background-image: url('../images/nav/nav-gallery.gif'); width: 144px;}
#navigation li a#nav-contact {background-image: url('../images/nav/nav-contact.gif'); width: 93px;}

#navigation li a:hover {
  background-position: 0 -50px;
}

#navigation li li a {text-indent: 0; height: 23px; background: #000; border-bottom: 1px solid #424242; color: #fff; text-decoration: none; padding: 3px 0 0 12px;}
#navigation li li a:hover {background: #be1c18; font-weight: bold;}

#navigation li li li a {
  background: #424242;
  border-bottom: 1px solid #6e6e6e;
}
#navigation li li li a:hover {background: #df812d;}


/*  =banner
**********************************/
#banner {
  width: 960px;
  height: 250px;
  overflow: hidden;
}


/*  =content
**********************************/
#content {
  width: 635px;
  float: left;
  display: inline;
  margin: 25px 0 18px 25px;
  padding: 0 15px;
  background: #111;
}

#content h1 {
  display: block;
  font-size: 1.67em;
  padding: 13px 0 5px 15px;
  margin: 0 -15px;
  color: #fff;
  background: url('../images/core/h1-background.gif') no-repeat;
}

#content h2 {
  font-size: 1.4em;
  color: #fff;
  margin: 16px 0 0 0;
}

#content h3,
#content h4,
#content h5 {
  font-size: 1.2em;
}

#content p {
  margin: 15px 0;
}

#content abbr {
  border-bottom: 1px dotted #b4b4b4;
}

#content hr {
  display: block;
  clear: both;
  height: 0;
  border: none;
  border-bottom: 1px solid #b4b4b4;
  margin: 10px 0;
}

#content ul, #content ol {
  margin: 10px 0 10px 20px;
}

#content ul li {list-style: disc;}
#content ol li {list-style: decimal;}

#content table {
  width: 100%;
  clear: both;
  margin: 0 0 20px 0;
}

#content table caption {
 font-size: 1.3em;
 font-weight: bold;
 color: #fff;
 border-bottom: 2px solid #fff;
}

#content table tr {border-bottom: 1px solid #353535;}
#content table th {text-align: left;padding: 3px;}
#content table td {padding: 3px;}

#content a.pdf {
  background: url('../images/icon-pdf.gif') no-repeat;
  padding: 2px 0 2px 20px;
}

#content a.doc {
  background: url('../images/icon-word.gif') no-repeat;
  padding: 2px 0 2px 20px;
}

#content img.float-right {
  float: right;
  display: inline;
  clear: right;
  margin: 10px 0 10px 10px;
  border: 2px solid #636363;
}


/*  =secondary
**********************************/
.secondary {
  float: right;
  clear: right;
  display: inline;
  width: 200px;
  margin: 25px 25px 18px 0;
  background: #252525;
}

.secondary h2 {
  font-size: 1.33em;
  line-height: 1em;
  height: 25px;
  padding: 10px 0 0 10px;
  color: #fff;
}

.secondary h2#featured {background: url('../images/core/secondary-featured-h2.png');}
.secondary h2#specials {background: url('../images/core/secondary-specials-h2.png');}

.secondary .product-image {
  width: 176px;
  margin: 10px auto;
  height: 116px;
  border: 2px solid #606060;
  text-align: center;

}

.secondary p {
  margin: 10px;
  font-size: 0.92em;
  line-height: 1.64em;
}

.secondary .actions {
  margin: 10px;
  height: 28px;
}

.secondary .actions a.linkbutton {
  float: left;
  display: block;
  width: 87px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background: url('../images/core/button-blank.gif');
}

.secondary .actions input {
  float: right;
}

#featured_products {
	width: 200px;
	height: 258px;
	overflow: hidden;
}

#featured_products .featured_productBox {
	top: 0;
	left: 0;
}


/*  =contact
**********************************/
#contact_info {
  width: 910px;
  height: 35px;
  clear: both;
  margin: 0 auto;
  background: url('../images/core/contact_info-background.gif') repeat-x ;
}

#contact_info p {
  float: left;
  display: inline;
  padding-left: 20px;
  margin: 10px 10px 0 14px;
}

#contact_info p#address {background: url('../images/core/icon-contact-address.png') no-repeat; margin-left: 0px;}
#contact_info p#phone {background: url('../images/core/icon-contact-phone.png') no-repeat;}
#contact_info p#fax {background: url('../images/core/icon-contact-fax.png') no-repeat;}
#contact_info p#email {background: url('../images/core/icon-contact-email.png') no-repeat; margin-right: 0;}


/*  =tertiary
**********************************/
#tertiary {
  width: 960px;
  clear: both;
  display: block;
  margin: 0 auto;
  background: #111;
}

#tertiary a {color: #df812d; text-decoration: none;}
#tertiary a:hover {text-decoration: underline;}

#affiliates {
  width: 910px;
  margin: 18px auto;
}

#affiliates li {
  float: left;
  display: inline;
  margin: 0 5px 5px 0;
}


/*  =footer
**********************************/
#footer {
  background: #000;
  width: 920px;
  padding: 17px 20px 10px 20px;
  margin: 0 auto;
  clear: both;
  display: block;
  font-size: 0.91em;
  color: #fff;
}

#footer p {float: left; display: inline;}
#footer span#footer-nav {color: #5c5b5b; margin: 0 0 0 10px;}
#footer a {color: #5c5b5b; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

#footer img {float: right; display: inline;}


/*  =items
**********************************/
#content ul.item-listing {
  margin: 10px 0;
  font-size: 0.91em;
  line-height: 1.20em;
}

#content ul.item-listing li {
  display: block;
  min-height: 120px;
  padding: 10px;
  clear: both;
  border-bottom: 1px solid #353535;
  border-top: 1px solid #353535;
  margin: -1px 0 0 0;
  list-style: none;
}

#content ul.item-listing li .item-image {
  width: 120px;
  height: 120px;
  float: left;
  display: inline;
  margin: 0 10px 20px 0;
  border: 2px solid #636363;
  overflow: hidden;
}


/*  =products =gallery
**********************************/
#content ul.product-listing,
#content ul.gallery {
  margin: 10px 0;
  font-size: 0.91em;
  line-height: 1.20em;
}

#content ul.product-listing li,
#content ul.gallery li {
  list-style: none;
  float: left;
  display: inline;
  width: 124px;
  height: 150px;

  margin: 10px;
}

#content ul.product-listing li .product-image,
#content ul.gallery li .image {
  width: 120px;
  height: 120px;
  border: 2px solid #636363;
  overflow: hidden;
  text-align: center;
}

#content ul.product-listing li p,
#content ul.gallery li p {
  margin: 0;
  text-align: center;
}