@import url('reset.css');

body {
  background: #fff;
  font: 12px/18px Verdana, Arial, Helvetica, sans-serif
}

#container {
  width: 960px;
  margin: 0 auto;
}

#header {
  margin: 26px 0 0;
  height: 52px;
  width: 100%;
  display: block;
}

#header #cta {
  text-indent: -999em;
  width: 284px;
  height: 31px;
  background: url('../images/core/cta.png') top center no-repeat;
  float: right;
  display: inline;
  margin: 8px 0 0;
}


/*  =nav
*********************************/
#navigation {
  width: 670px;
  height: 26px;
  float: left;
  display: inline;
  margin: 26px 0 0;
}

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

#navigation li a {
  display: block;
  height: 26px;
  text-indent: -999em;
}

#navigation li a#nav-home {background: url('../images/nav/nav-home.png') 0 0 no-repeat; width: 64px;}
#navigation li a#nav-services {background: url('../images/nav/nav-services.png') 0 0 no-repeat; width: 81px;}
#navigation li a#nav-regulations {background: url('../images/nav/nav-regulations.png') 0 0 no-repeat; width: 101px;}
#navigation li a#nav-quote {background: url('../images/nav/nav-quote.png') 0 0 no-repeat; width: 107px;}
#navigation li a#nav-projects {background: url('../images/nav/nav-projects.png') 0 0 no-repeat; width: 80px;}
#navigation li a#nav-pickup {background: url('../images/nav/nav-pickup.png') 0 0 no-repeat; width: 146px;}
#navigation li a#nav-contact {background: url('../images/nav/nav-contact.png') 0 0 no-repeat; width: 91px;}


/*  =banner
*********************************/
#banner {
  width: 952px;
  height: 215px;
  border: 4px solid silver;
  position: relative;
}

#banner #logo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
}

#banner #pics {
  width: 952px;
  height: 215px;
  overflow: hidden;
}


/*  =primary
*********************************/
#primary {
  width: 690px;
  float: left;
  display: inline;
  margin: 20px 0 0;
}

#primary h1 {
  color: #008bcb;
  font-family: Impact, "Arial Black", Arial, sans-serif;
  font-style: italic;
  font-weight: bold;
  font-size: 25px;
  letter-spacing: 1px;
  padding: 0 0 20px 0;
  border-bottom: 3px solid #f3f3f3;
}

#primary h2 {
  color: #008bcb;
  font-family: "Arial Black", Arial, sans-serif;
  font-size: 18px;
  margin: 20px 0;
}

#primary p {
  margin: 20px 0;
}

#primary ul, #primary ol {
  margin: 20px;
}

#primary ul li {list-style: disc;}

#primary a {color: #008bcb;}
#primary a:hover {text-decoration: none;}

#primary iframe {border: 2px solid #008bcb;}

#primary #images-right {
  float: right;
  margin: 10px;
}

span.pdf {
	background: url('../images/icon-pdf.gif') 0 0 no-repeat;
	padding: 0 0 18px 26px;
}


/*  =secondary
*********************************/
#secondary {
  width: 215px;
  float: right;
  display: inline;
  margin: 20px 0;
  background: url('../images/core/secondary-bg.png') 0 37px repeat-y;
  color: #858180;
}

#secondary h2 {
  display: block;
  width: 215px;
  height: 37px;
  text-indent: -999em;
  background: url('../images/core/secondary-h2.png') top center no-repeat;
}

#secondary p {
  margin: 0 18px 22px;
  line-height: 22px;
}

#secondary p span.contactinfo {
  display: block;
  float: left;
  clear: left;
  text-indent: -999em;
  width: 16px;
  height: 16px;
  margin: 2px 5px 0;
  vertical-align: middle;
}

#secondary p span#phone {background: url('../images/core/icon-phone.png') 0 0 no-repeat;}
#secondary p span#fax {background: url('../images/core/icon-fax.png') 0 0 no-repeat;}
#secondary p span#email {background: url('../images/core/icon-email.png') 0 0 no-repeat;}

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

#secondary div#ngt {
  width: 206px;
  margin: 0 auto;
  padding: 20px 0;
  background: #eaeaea;
  text-align: center;
}

#secondary div#ngt a {font-size: 10px;}

#secondary .bottom {
  width: 215px;
  height: 7px;
  background: url('../images/core/secondary-bottom.png') bottom center no-repeat;
}


/*  =footer
*********************************/
#footer {
  width: 100%;
  display: block;
  background: url('../images/core/footer-background.png') 0 0 repeat-x;
}

#footer #footer-content {
  width: 960px;
  margin: 0 auto;
  color: #fff;
}

#footer #footer-content p {
  margin: 13px 0 0;
  float: left;
  display: inline;
}

#footer #footer-content a {color: #fff; text-decoration: none;}
#footer #footer-content a:hover {text-decoration: underline;}

#footer #footer-content span#copyright {font-size: 11px;}

#footer #footer-content img {float: right; display: inline; margin: 20px 0 0;}



/* File Download Icons */
a.file {background: url('../images/icon-file.gif') 0 0 no-repeat; padding-left: 20px;}
a.pdf {background: url('../images/icon-pdf.gif') 0 0 no-repeat; padding-left: 20px;}
a.doc {background: url('../images/icon-doc.gif') 0 0 no-repeat; padding-left: 20px;}

/* http://www.cssstickyfooter.com code */
html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}

#container {padding-bottom: 62px;}

#footer {position: relative;
  margin-top: -62px;
  height: 62px;
  clear:both;}