/*
   application.css
   swtrucking

   Created by [creator] on May 12, 2009.
   Copyright 2009 Full Steam Marketing & Design. All rights reserved.
*/

/*  Import Default Generic Rules
----------------------------------------------- */
@import url(reset.css);
@import url(generic.css);

body {
  background: #fff url('design/body-background.jpg') top left repeat-x;
}

#wrapper {
  background: transparent url('design/swl-wrapper-bkgd.png') repeat-y top center;
  width: 960px;
  margin: 0 auto;
}

/*  Specialized Wireframe Rules
----------------------------------------------- */
.hidden {
  visibility: hidden;
}
.inactive a, .inactive li a {
  color: #bbb !important;
}
.sourcefile {
  background-color: #ff3;
  color: #c00;
}
.sourcefile:before {
  content: "Source: ";
}


/*  Generic Content Rules
----------------------------------------------- */
.content {
  font-family: tahoma, verdana, sans-serif;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
  color: #4f5c83;
  font-weight: normal;
  font-family: tahoma, verdana, sans-serif;
}
.content .article a, .content .article a:link, .content .article a:visited {
  color: #4f5c83;
  text-decoration: none;
}
.content .article a:hover, .content .article a:active {
  text-decoration: underline;
}


/*  Article
----------------------------------------------- */
.content .article {
  background: transparent url('design/article-background.jpg') no-repeat left top;
  width: 560px;
  min-height: 315px;
  clear: both;
  float: left;
  padding: 20px 200px 20px 200px;
  color:  #585757;
  font-size: 12px;
}
.content .article h1 { font-size: 24px; font-weight: bold; line-height: 1.2em;}
.content .article h2 { font-size: 20px; }
.content .article h3 { font-size: 16px; }
.content .article h1 em { color: #d0272e; font-style: normal; }
.content .article dfn {
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  color: #d0272e;
  border: 0px none;
}
.content .half-col {
  width: 48%;
  float: left;
  margin-right: 2%;
}


/* Navigation
----------------------------------------------- */
.content ul.navigation {
  float: left;
  list-style: none;
  display: inline;
  margin: 0px;
}
.content ul.navigation li {
  float: left;
  height: 40px;
}
.content ul.navigation li:before, .content #subnav ul li:before {
  display: none;
} /* removing bullets for navigation unordered lists */


/*  Main Nav
----------------------------------------------- */
.content #nav {
  background: #fff url('design/swl-main-nav.gif');
  height: 40px;
  width: 960px;
  overflow: hidden;
}
.content #nav ul {
  margin-left: 58px;
}
.content #nav li {
  background: transparent url('design/swl-main-nav.gif') no-repeat -56px -40px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  overflow: hidden;
}
.content #nav a  {
  background: transparent url('design/swl-main-nav.gif') no-repeat -56px -40px;
  display: block;
  height: 40px;
  padding: 0;
  text-indent: -9999px;
  overflow: hidden;
}
/*  Navigation default state */
.content #nav #nv-home, .content #nav #nv-home a { width: 52px; background-position: -56px -40px; }
.content #nav #nv-company, .content #nav #nv-company a { width: 79px; background-position: -108px -40px;  }
.content #nav #nv-services, .content #nav #nv-services a { width: 72px; background-position: -187px -40px; }
.content #nav #nv-employment, .content #nav #nv-employment a { width: 105px; background-position: -259px -40px; }
.content #nav #nv-news, .content #nav #nv-news a { width: 53px; background-position: -364px -40px; }
.content #nav #nv-load, .content #nav #nv-load a { width: 87px; background-position: -417px -40px; } 
.content #nav #nv-contact, .content #nav #nv-contact a { width: 98px; background-position: -504px -40px; } 
.content #nav #nv-sitemap, .content #nav #nv-sitemap a { width: 78px; background-position: -602px -40px; } 

/* Navigation hover state */
.content #nav #nv-home a:hover { background-position: -56px -80px; }
.content #nav #nv-company a:hover { background-position: -108px -80px;  }
.content #nav #nv-services a:hover { background-position: -187px -80px; }
.content #nav #nv-employment a:hover { background-position: -259px -80px; }
.content #nav #nv-news a:hover { background-position: -364px -80px; }
.content #nav #nv-load a:hover { background-position: -417px -80px; } 
.content #nav #nv-contact a:hover { background-position: -504px -80px; } 
.content #nav #nv-sitemap a:hover { background-position: -602px -80px; } 

/*  Navigation current page state */
.home-page .content #nav #nv-home { background-position: -56px -120px; }
.company-page .content #nav #nv-company { background-position: -108px -120px;  }
.services-page .content #nav #nv-services { background-position: -187px -120px; }
.employment-page .content #nav #nv-employment { background-position: -259px -120px; }
.news-page .content #nav #nv-news { background-position: -364px -120px; }
.load-page .content #nav #nv-load {  background-position: -417px -120px; } 
.contact-page .content #nav #nv-contact { background-position: -504px -120px; } 
.sitemap-page .content #nav #nv-sitemap { background-position: -602px -120px; } 


/*  Subnav
----------------------------------------------- */
.content #subnav {
  background: #DDD url('design/subnav-background.jpg') no-repeat left;
  clear: left;
  width: 960px;
  height: 26px;
}
.content #subnav a {
  font-family: verdana;
  font-size: 12px;
  font-weight: bold;
  color: #2f5175;
  text-decoration: none;
}
.content #subnav ul {
  list-style: none;
  vertical-align: center;
  margin: 0 0 0 64px;
  padding: 2px 0 0;
}
.content #subnav ul li {
  list-style: none;
  display: inline;
  margin: 0;
  padding: 0 0.75em 0 0;
  font: verdana;
  font-size: 12px;
  font-weight: bold;
  color: #2f5175;
}


/*  Header
----------------------------------------------- */
.content #header {
  background: transparent url('design/header.jpg') no-repeat left;
  height: 322px;
  text-indent: -9999px;
  overflow:hidden;
}
.content #header #pageinfo {
  float: left;
  width: 260px;
  height: 30px;
  padding: 2px 10px 0px 684px;
  font-family: Verdana;
  font-size: 14px;
  font-weight: bold;
  color: #ffc600;
  text-transform: capitalize;
  font-variant: small-caps;
  text-indent: 0px;
  text-align: center;
}
.content #header #homepagelink {
  float: left;
  height: 150px;
  width: 225px;
}
.content #header #homepagelink a {
  float: left;
  height: 150px;
  width: 225px;
}
.content #header #tagline {
    vertical-align: middle;
}


/*  Employment Section
----------------------------------------------- */
.content .application-download {
  background: #e5e8f1 url('design/pdf.gif') no-repeat 5px 12px;
  width: 200px;
  float: right;
  margin: 2em -3em 0 1em;
  border: 3px double #becad8;
  padding: 10px 10px 10px 52px;
}
.content .application-download h3 {
  margin: 0;
}


/* Footer
----------------------------------------------- */
#footer {
  clear: both;
  background: #fff url('design/footer-background.jpg') no-repeat left top;
  height: 72px;
  text-align: center;
  padding-top: 25px;
  font: verdana;
  font-size: 12px;
  color: #494949;
  /* font-size: 12px;  */
}

#footer #links {
    color: #ffc600;
}

#footer a {
    color: #494949;
    text-decoration: none;
}

#footer a:hover {
  color: #36679e;
}


#footer-nav {
  /* display: inline;  */
  padding: 0 5px 0 0;
}