﻿header {
  text-align: center;
}
.visually-hidden {
  display: none;
}
#top {
padding-top: 20px;
  height:260px;
}

#header-address, #header-phone {
  font-family: Georgia;
  font-size: 18px;
  max-width: 350px;
  margin: 0 auto;
}

#getter {
  max-width: 660px;
  margin: 0 auto;
  padding: 20px 0 0 0;
}


/*  --------------------------------------------------
  :: Companies
  -------------------------------------------------- */

#companies .four {
  text-align: center;
  height: 180px;
  vertical-align: middle;
  line-height: 180px;
}

#companies img {
  vertical-align: middle;
}


/*  --------------------------------------------------
  :: Contact
  -------------------------------------------------- */

#contact p {
  margin: 0 0 30px 0;
}

#address, #phonenum, #sociallinks {
  font-family: Georgia;
  font-size: 20px;
  margin: 0 auto;
  margin-bottom: 30px;
  max-width: 195px;
}


#address {
  background: url(/images/contact-pin.png) no-repeat;
  padding: 0 0 0 45px;
}

#phonenum {
  background: url(/images/contact-phone.png) no-repeat;
  background-position: 4px 0;
  padding: 0 0 0 45px;
}

.address_links {
  color: #2b2626;
  font-weight: normal;
}

.address_links:hover {
  color: #335C64;
  text-decoration: none;
}

/* form */

#contactformbutton label {
  font-family: Georgia;
  font-size: 20px;
}

#fname, #message, #email, #captcha {
  background: none;
  border: #8a8885 1px dashed;
  color: #434041;
  font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 15px;
  text-shadow: 1px 1px 0px #fff;
  padding: 5px;
  width: 96%;
  margin: 5px 0 15px 0;
}

#submitbtn {
  border: none;
  color: #e4e0d3;
  background: url(/images/buttonbg.png);
  height: 50px;
  text-shadow: 0 -1px 0px #000;  
  font-family: Georgia;
  font-size: 20px;
  width: 200px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
}

#submitbtn:hover {
  background-position: 0 -200px;
}

#submitbtn:active {

}

#results {
  font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
  margin: 10px 0 0 0;
  }

#success {
  color: #21620a;
}

#failed {
  color: #620a0a;
}


/*  --------------------------------------------------
  :: Footer
  -------------------------------------------------- */

footer {
  background: url(/images/footer-split.png) no-repeat;
  padding: 25px 0 25px 0 !important;
  text-align: center;
}

#copyright {
  font-size: 12px;
}

/*  --------------------------------------------------
  :: Collective
  -------------------------------------------------- */

#top {
  background: url(/images/topbg.png) no-repeat center top;
/*  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;*/
}

#valuestatement, #embrace, #companies, #contact {
  margin-bottom: 45px;
}
#history {
  
}

aside {
  text-align: center;
  width: 100%;
}

#header-phone a, #national a, #local a  {
  color: #2b2626;
  font-weight: normal;
  text-decoration: none;
}
  

/*  --------------------------------------------------
  :: Misc MediaZOMGqueries
  -------------------------------------------------- */
@media handheld, only screen and (max-width: 767px) {
  
  #top {
  background: none;
  }
  
  #header-phone a, #national a, #local a  {
  color: #2b2626;
  font-weight: normal;
  text-decoration: none;
  }
  
  #valuestatement {
  margin-bottom: 0;
  }
  
  #valuestatement .four {
  margin-bottom: 25px;
  }
  
  #submit_button_area {
  text-align: center;
  }
  
  #last_logo {
  height: 65px !important;
  line-height: 65px !important;
  }
}
  
  /* mobile phones and stuff */
@media handheld, only screen and (max-width: 540px) {
  
  .address_links {
  color: #e4e0d3;
  font-weight: normal;
  }
  
  .address_links:hover {
  color: #e4e0d3;
  
  }

  header a {
  color: #210E08;
  font-weight: normal;
  }
  
  header a:hover {
  color: #335C64;
  }
  
  header a:visited {
  color: #6798A0;
  }
  
  #header-address {
  margin-top: 15px;
  }
  
  #header-address:hover, #header-phone:hover {
  background-position: 0 -200px;
  text-shadow: 0 -1px 0px #424242;
  }
  
  #header-address, #header-phone{
  color: #625F55;
  margin-bottom: 10px;
  max-width: 200px;
  background: url(/images/buttonbg.png);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 5px 25px 5px 25px; 
  text-shadow: 0 -1px 0px #000;
  }
  
  #header-phone {
  height: 46px;
  line-height: 46px;
  }
  
  #header-phone a {
  color: #e4e0d3;
  }
  
  #contact_area_address {
  color: #2b2626;
  }
  
  #contact_area_address:hover {
  color: #335C64;
  }
  
  #national a, #local a {
  color: #2b2626;
  font-weight: normal;
  }
  
  #submitbtn {
  width: 250px;
  }
    
}



/* Foundation v2.1.5 http://foundation.zurb.com */
/* Artfully Masterminded by ZURB */

/* -------------------------------------------------- 
    Table of Contents
-----------------------------------------------------
:: Reset & Standards
:: Links
:: Lists
:: Tables
:: Misc
*/

/*  --------------------------------------------------
  :: Global Reset & Standards
  -------------------------------------------------- */
  
  /* 
    Eric Meyer's CSS Reset
    http://meyerweb.com/eric/tools/css/reset/ 
    v2.0 | 20110126a
       License: none (public domain)
  */
  
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed, 
  figure, figcaption, footer, header, hgroup, 
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
  }
  html {
    font-size: 100%; 
  }
  /* HTML5 display-role reset for older browsers */
  article, aside, details, figcaption, figure, 
  footer, header, hgroup, menu, nav, section {
    display: block;
  }
  body {
    line-height: 1;
  }
  ol, ul {
    list-style: none;
  }
  blockquote, q {
    quotes: none;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: '';
    content: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  

  body { background: url(/images/bg.jpg); font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; line-height: 24px; color: #2b2626; position: relative; text-shadow: 1px 1px 0px #fff;  -webkit-font-smoothing: antialiased; }
.error h3 {font-size:28px;}  
#outline {max-width:800px; background:none;}
#errorboxoutline {max-width:800px;}
#errorboxheader {max-width:800px; text-shadow: none;}
/*  --------------------------------------------------
  :: Links
  -------------------------------------------------- */
  a { color: #210e08; text-decoration: none; line-height: inherit; font-weight: bold; }
  a:hover { color: #335C64; }
  a:focus { color: #335C64; outline: none; }
  p a, p a:visited { line-height: inherit; }
  
  ::selection      { background:#f0ec82; /* Safari and Opera */ }
  ::-moz-selection  { background:#f0ec82; /* Firefox */ }
  
/*  --------------------------------------------------
  :: Lists
  -------------------------------------------------- */
  
  li { line-height: 24px; list-style: circle; margin: 0 0 8px 18px; font-size: 16px;
  }
#getter ul.menu li {
  float:left;
  margin-left: 30px;
}
#getter ul.menu li.item-101 {
  list-style: none outside none;
}
#getter ul.dj-main li {
  float:left;
  margin-left: 30px;
}
#getter ul.dj-main li.itemid101 {
  list-style: none outside none;
}
/*  --------------------------------------------------
    :: Typography
  -------------------------------------------------- */
  h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: Georgia; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
  h1 { font-size: 28px; line-height: 30px; margin-bottom: 28px;}
  h2 { background: url(/images/h2bg.png) center; display: block; font-size: 24px; height: 53px; line-height: 45px; margin-bottom: 12px; text-align: center; max-width: 980px; }
  h3 { font-size: 28px; font-size: 2.8rem; margin-bottom: 9px; }
  h4 { font-size: 21px; font-size: 2.1rem; margin-bottom: 3px; }
  h5 { font-size: 18px; font-size: 1.8rem; font-weight: normal; margin-bottom: 3px;  }
  h6 { font-size: 15px; font-size: 1.5rem; font-weight: normal; }
#valuestatement h3 { background: url(/images/h2bg.png) center; display: block; font-size: 24px; height: 53px; line-height: 45px; margin-bottom: 12px; text-align: center; max-width: 980px; }
  .subheader { color: #777; font-weight: 300; margin-bottom: 24px; }

  p { font-size: 16px; line-height: 24px; margin: 0 0 15px 0;}
  p img { margin: 0; }
  p.lead { font-size: 18px; font-size: 1.8rem; line-height: 1.5;  }
  
  em, i { font-style: italic; line-height: inherit; }
  strong, b { font-weight: bold; line-height: inherit; }
  small { font-size: 60%; line-height: inherit; }
  
  h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }
h1.frontal {text-align:center; background:url(../images/1bg.png) no-repeat center top; padding-top: 20px;}  
  /*  Blockquotes  */
  blockquote, blockquote p { line-height: 20px; color: #777; }
  blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
  blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; }
  blockquote cite:before { content: "\2014 \0020"; }
  blockquote cite a, blockquote cite a:visited { color: #555; }
  
  hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; }
  
  abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; }
  abbr { text-transform: none; }

  /**
    * Print styles.
   *
   * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
   */
  .print-only { display: none !important; }
  @media print {
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
    -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
    p a, p a:visited { color: #444 !important; text-decoration: underline; }
    p a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
    tr, img { page-break-inside: avoid; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3{ page-break-after: avoid; }
    .hide-on-print { display: none !important; }
    .print-only { display: block !important; }
  }
/* Artfully Masterminded by ZURB */

/* --------------------------------------------------
  :: Grid
  
  This is the mobile-friendly, responsive grid that
  lets Foundation work much of its magic.
  
  -------------------------------------------------- */

  .container { padding: 0 20px; }
  
  .row { width: 100%; max-width: 940px; min-width: 727px; margin: 0 auto; }
  /* To fix the grid into a certain size, set max-width to width */
  .row .row { min-width: 0; }
  
  .column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; }
  .column:first-child, .columns:first-child { margin-left: 0; }
  [class*="column"] + [class*="column"]:last-child { float: right; }
  
  .row .one     { width: 4.3%; }
  .row .two     { width: 13%; }
  .row .three   { width: 21.68%; }
  .row .four     { width: 30.37%; }
  .row .five     { width: 39.1%; }
  .row .six     { width: 47.8%; }
  .row .seven   { width: 56.5%; }
  .row .eight   { width: 65.2%; }
  .row .nine     { width: 73.9%; }
  .row .ten     { width: 82.6%; }
  .row .eleven   { width: 91.3%; }
  .row .twelve   { width: 100%; }
  
  .row .offset-by-one   { margin-left: 13.1%;  }
  .row .offset-by-two   { margin-left: 21.8%;  }
  .row .offset-by-three   { margin-left: 30.5%;  }
  .row .offset-by-four   { margin-left: 39.2%;  }
  .row .offset-by-five   { margin-left: 47.9%;  }
  .row .offset-by-six   { margin-left: 56.6%;  }
  .row .offset-by-seven   { margin-left: 65.3%;  }
  .row .offset-by-eight   { margin-left: 74.0%;  }
  .row .offset-by-nine   { margin-left: 82.7%;  }
  .row .offset-by-ten   { margin-left: 91.4%;  }
  
  .row .centered { float: none; margin: 0 auto; }

  .row .offset-by-one:first-child   { margin-left: 8.7%;  }
  .row .offset-by-two:first-child   { margin-left: 17.4%;  }
  .row .offset-by-three:first-child   { margin-left: 26.1%;  }
  .row .offset-by-four:first-child   { margin-left: 34.8%;  }
  .row .offset-by-five:first-child   { margin-left: 43.5%;  }
  .row .offset-by-six:first-child   { margin-left: 52.2%;  }
  .row .offset-by-seven:first-child   { margin-left: 60.9%;  }
  .row .offset-by-eight:first-child   { margin-left: 69.6%;  }
  .row .offset-by-nine:first-child   { margin-left: 78.3%;  }
  .row .offset-by-ten:first-child   { margin-left: 87%;  }
  .row .offset-by-eleven:first-child   { margin-left: 95.7%;  }
  
  /* Source Ordering */
  .push-two     { left: 17.4% }
  .push-three   { left: 26.1%; }
  .push-four     { left: 34.8%; }
  .push-five     { left: 43.5%; }
  .push-six     { left: 52.2%; }
  .push-seven   { left: 60.9%; }
  .push-eight   { left: 69.6%; }
  .push-nine     { left: 78.3%; }
  .push-ten     { left: 87%; }
  
  .pull-two     { right: 17.4% }
  .pull-three   { right: 26.1%; }
  .pull-four     { right: 34.8%; }
  .pull-five     { right: 43.5%; }
  .pull-six     { right: 52.2%; }
  .pull-seven   { right: 60.9%; }
  .pull-eight   { right: 69.6%; }
  .pull-nine     { right: 78.3%; }
  .pull-ten     { right: 87%; }
  
  
  
  img, object, embed { max-width: 100%; height: auto; }
  img { -ms-interpolation-mode: bicubic; }
  #map_canvas img, .map_canvas img {max-width: none!important;}
   
   /* Nicolas Gallagher's micro clearfix */
   .row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
   .row:after, .clearfix:after { clear: both; }
   .row, .clearfix { zoom: 1; }

  
/*  --------------------------------------------------
  :: Block grids
  
  These are 2-up, 3-up, 4-up and 5-up ULs, suited
  for repeating blocks of content. Add 'mobile' to
  them to switch them just like the layout grid
  (one item per line) on phones
  
  For IE7/8 compatibility block-grid items need to be
  the same height. You can optionally uncomment the
  lines below to support arbitrary height, but know
  that IE7/8 do not support :nth-child.
  -------------------------------------------------- */
  
  .block-grid { display: block; overflow: hidden; }
  .block-grid>li { display: block; height: auto; float: left; }
  
  .block-grid.two-up { margin-left: -4% }
  .block-grid.two-up>li { margin-left: 4%; width: 46%; }
/*   .block-grid.two-up>li:nth-child(2n+1) {clear: left;} */
  
  .block-grid.three-up { margin-left: -2% }
  .block-grid.three-up>li { margin-left: 2%; width: 31.3%; }
/*   .block-grid.three-up>li:nth-child(3n+1) {clear: left;} */
  
  .block-grid.four-up { margin-left: -2% }
  .block-grid.four-up>li { margin-left: 2%; width: 23%; }
/*   .block-grid.four-up>li:nth-child(4n+1) {clear: left;} */
  
  .block-grid.five-up { margin-left: -1.5% }
  .block-grid.five-up>li { margin-left: 1.5%; width: 18.5%; }
/*   .block-grid.five-up>li:nth-child(5n+1) {clear: left;} */

/* Artfully masterminded by ZURB  */
    

/* --------------------------------------------------
  :: Mobile Typography
  -------------------------------------------------- */
  
  @media handheld, only screen and (max-width: 767px) {
  
  }
  
    
  
@media handheld, only screen and (max-width: 540px) {
  h1 { background: url(/images/footer-split.png) no-repeat; padding-top: 10px; font-size: 24px; line-height: 30px; margin-bottom: 10px;}
  
  li { line-height: 24px; list-style: circle inside; margin: 0 0 8px 0;
  }
  
  }

/* --------------------------------------------------
  :: Mobile Grid
  -------------------------------------------------- */
  
  /* Mobile */
  @media only screen and (max-width: 767px) {    
    body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
    .container { min-width: 0; margin-left: 0; margin-right: 0; }
    .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
    .row .row .column, .row .row .columns { padding: 0; }
    .column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
    .column:last-child, .columns:last-child { margin-right: 0; float: none; }
    [class*="column"] + [class*="column"]:last-child { float: none; }
    
    .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .centered { margin-left: 0 !important; }
    
    .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
    .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
    
    /* Mobile 4-column Grid */
    .row .phone-one:first-child, .row .phone-two:first-child, .row .phone-three:first-child, .row .phone-four:first-child { margin-left: 0; }
    .row .phone-one:last-child, .row .phone-two:last-child, .row .phone-three:last-child, .row .phone-four:last-child { float: right; }
    
    .row .phone-one, .row .phone-two, .row .phone-three, .row .phone-four { margin-left: 4.4%; float: left; min-height: 1px; position: relative; padding: 0; }
    
    .row .phone-one   { width: 21.68% !important; }
    .row .phone-two   { width: 47.8% !important; }
    .row .phone-three   { width: 73.9% !important; }
    .row .phone-four   { width: 100% !important; }
    
    .row .push-one-phone { left: 26.08%; }
    .row .push-two-phone { left: 52.2% }
    .row .push-three-phone { left: 78.3% }
    
    .row .pull-one-phone { right: 26.08% }
    .row .pull-two-phone { right: 52.2% }
    .row .pull-three-phone { right: 78.3%; }
    
    
  }
  
  
/* --------------------------------------------------
  :: Block Grids
  -------------------------------------------------- */  
  
  @media only screen and (max-width: 767px) {
    .block-grid.mobile { margin-left: 0; }
    .block-grid.mobile > li { float: none; width: 100%; margin-left: 0; }
  }
#cookieMessageContainer {
  background: none repeat scroll 0 0 #F0ECE3;
  text-shadow:none;
}
