@import url('../libraries/reset.css');
@import url('../libraries/baseforms/baseforms.css');

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

body {
  background: #fff url('../images/core/body.png') 0 0 repeat-x;
  color:#000;
  font:11px/18px Verdana, Arial, Tahoma, sans-serif;
}

div#wrap {
  background: url('../images/core/wrap.png') top center no-repeat;
  margin: 0 auto;
  width: 100%;
}

div#container {
  margin:0 auto;
  padding:10px 39px 0;
  width:870px;
}


/* ========== */
/* = header = */
/* ========== */
div#header {
  height:145px;
  width:100%;
}

  div#header img#logo {
    display:inline;
    float: left;
  }
  
  div#header img.cta {
    display:inline;
    float:right;
    margin:60px 72px 0 0;
  }


/* ========== */
/* = banner = */
/* ========== */
div#banner {
  height: 210px;  
  width: 100%;
}
  
  div#banner div#pics {
    height:210px;
    overflow:hidden;
    position:relative;
    width: 870px;
  }
  
  div#banner div#pics img {
    left:0;
    position:absolute;
    top:0;
  }


/* ======== */
/* = nav = */
/* ======== */
div#navigation {
  height:50px;
  width:100%;
}

  ul#nav li {
    display:inline;
    float:left;
  }
  
    ul#nav li a {
      background-position:0 0;
      background-repeat:no-repeat;
      display:block;
      height:50px;
      text-indent:-999em;
    }
    
    ul#nav li a#nav-index {background-image:url('../images/nav/nav-home.png'); width:163px;}
    ul#nav li a#nav-profile {background-image:url('../images/nav/nav-profile.png'); width:159px;}
    ul#nav li a#nav-services {background-image:url('../images/nav/nav-services.png'); width:169px;}
    ul#nav li a#nav-calculator {background-image:url('../images/nav/nav-calculator.png'); width:195px;}
    ul#nav li a#nav-contact {background-image:url('../images/nav/nav-contact.png'); width:184px;}
    
    ul#nav li a:hover {background-position:0 -50px;}
    ul#nav li a.active {background-position:0 -100px !important;}
    

/* =========== */
/* = primary = */
/* =========== */
div#primary {
  border-right:3px solid #F0F0F0;
  display:inline;
  float:left;
  margin:40px 0;
  padding-right:50px;
  width:590px;
}

  div#primary h1 {
    font-family:Arial, Tahoma, Verdana, sans-serif;
    font-size: 20px;
  }
  
  div#primary h2 {
    background: #A7B5C3;
    color:#fff;
    display: block; 
    font-size: 14px;
    font-weight:bold;
    margin:18px 0 6px;
    padding: 4px;
  }
  
  div#primary p {
    margin: 18px 0;
  }
  
  div#primary a, div#secondary a {color: #2578D1;}
  div#primary a:hover, div#secondary a:hover {text-decoration:none;}
  
  div#primary ul {
    list-style: disc;
    margin:0 0 0 20px;
  }
  
  div#primary ul.columns {
    -moz-column-count:2;
    -moz-column-gap:40px;
    -webkit-column-count: 2;
    -webkit-column-gap: 40px;
  }


/* ============= */
/* = secondary = */
/* ============= */
div#secondary {
  display:inline;
  float:right;
  font-size:10px;
  margin: 60px 0 0 0;
  padding:20px;
  width:180px;
}

  div#secondary h2 {
    color: #3a7da5;
    font-family:Arial, Tahoma, Verdana, sans-serif;
    font-size:16px;
    font-weight:normal;
    margin:20px 0 10px;
  }
  
  
/* ========== */
/* = Footer = */
/* ========== */
div#footer {
  background: url('../images/core/footer-bg.png') bottom center no-repeat;
  clear: both;
  color: #a8a8a8;
  display:block;
  height:70px;
  margin:0 auto;
  width:870px;
}
  div#footer p {
    display:inline;
    float:left;
  }

  div#footer p a {
    color: #a8a8a8;
    margin-right:15px;
    text-decoration:none;
  }
  
  div#footer p a:hover {text-decoration:underline;}
  
  div#footer img {
    display:inline;
    float:right;
  }