/*
   screen.css
   sfs
   
   Created by Cale Woodley on 2008-06-12.
   Copyright 2008 Webfirm. All rights reserved.
*/

@import url("reset.css");

body {
  background: #231f20 url('../images/core/body-background.jpg') top center repeat-x;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #231f20;
}

#container {
  width: 812px;
  margin: 22px auto;
}



/*  =HEADER
**********************************/
#header {
  margin-bottom: 14px;
  width: 812px;
  height: 116px;
	position: relative;
}

#header img#logo {
  float: left;
  display: inline;
}

#header #cta-phone {
	width: 324px;
	height: 83px;
	position: absolute;
	top: -10px;
	right: 0;
}



/*  =NAV
**********************************/
#nav {
  display: block;
  width: 362px;
  float: right;
}

#nav li {
  float: left;
  display: inline;
  height: 48px;
}

#nav li a {
  display: block;
  height: 48px;
  text-indent: -999em;
  margin-right: 20px;
}

#nav li a#nav-home {background: url('../images/nav/nav-home.gif') 0 0 no-repeat; width: 56px;}
#nav li a#nav-profile {background: url('../images/nav/nav-profile.gif') 0 0 no-repeat; width: 62px;}
#nav li a#nav-products {background: url('../images/nav/nav-products.gif') 0 0 no-repeat; width: 74px;}
#nav li a#nav-contact {background: url('../images/nav/nav-contact.gif') 0 0 no-repeat; width: 66px; margin-right: 0;}

#nav li a:hover {background-position: 0 -48px !important;}



/*  =CONTENT
**********************************/
h1 {
  float: left;
  background: url('../images/core/h1-background.jpg') no-repeat;
  display: block;
  width: 424px;
  line-height: 31px;
  padding: 17px 0 0 20px;
  color: #000;
  font-size: 20px;
  font-weight: normal;
}

h1 strong {
  color: #fff;
}

#content {
  border-top: 1px solid #918f8f;
  clear: both;
  width: 812px;
  background: url('../images/core/content-background.gif') repeat-y;
	padding-bottom: 10px;
}

#content #banner {
  width: 790px;
  margin: 10px auto;
  overflow: hidden;
}

body#index #banner {height: 281px;}

#content #banner img {top: 0;left: 0;}

#text {
  width: 780px;
  margin: 0 auto;
  background: #b2b1b1;
  line-height: 17px;
}

#text #primary {
  width: 475px;
  float: left;
  display: inline;
  margin: 20px;
}

#text h2,
#text h3,
#text h4,
#text h5 {
  font-size: #231f20;
  font-size: 18px;
  margin: 0 0 15px 0;
}

#text p {
  text-align: justify;
  margin: 15px 0;
}

#text a {
  color: #004679;
  text-decoration: underline;
  font-weight: bold;
}

#text a:hover {text-decoration: none;}

#left-column {
	width: 230px;
	float: left;
	display: block;
}

#cta-products {
  float: right;
  display: inline;
  margin: 0 10px 24px 0;
}

ul.productlist {
  margin: 0 0 20px 0;
}

ul.productlist a {
  background: url('../images/icon-pdf.gif') left center no-repeat;
  padding: 2px 0 2px 22px;
}

ul.productlist li {
  line-height: 25px;
}

/*  =CONTACTINFO
**********************************/
#contactinfo {
  width: 252px;
  height: 165px;
  float: right;
  display: inline;
  background: url('../images/core/contactinfo-background.jpg') no-repeat;
  margin: 0 10px 10px 0;
}

#contactinfo h2 {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  margin: 10px 0 10px 0;
}

#contactinfo h2 strong {
  color: #fff;
  font-weight: normal;
}

#contactinfo dl {
  margin: 0 0 0 12px;
  text-align: justify;
}

#contactinfo dl dt {
  width: 70px;
  float: left;
  display: block;
}

#contactinfo dl dd {
	width: 150px;
	float: left;
	display: block;
} 

#contactinfo p {
  margin: 0 0 0 12px;
  text-align: justify;
}

#contactinfo a {color: #fff; font-weight: normal;}

body#products div#contactinfo {
  margin-top: 40px;
}


/*  =FOOTER
**********************************/
#footer {
  width: 800px;
  height: 79px;
  margin: 5px auto;
  background: url('../images/core/footer-background.gif') repeat-x;
  color: #918f8f;
}

#footer a {color: #b2b1b1; text-decoration: none; padding: 3px;}
#footer a:hover {background: #b2b1b1; color: #000;}

#footer p {
  float: left;
  display: inline;
  margin: 20px 0 0 30px;
}

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