/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

body {
  background-color: #f2f2d9;
  background-image: url('../images/bg-grunge.png'), url('../images/bg-main.png');
  background-repeat: no-repeat, repeat;
  background-position: center 212px, left top;
  line-height: 1.5em;
}
.hide {
  position: absolute;
  top: -5000px;
  display: none;
}
h2, h3, h4, h5 {
  color: #bb320f;
}
.tagline h3 {
  font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 700;
}
h3, h4 {
  font-family: "league-gothic", sans-serif;
  font-weight: normal;
}
h3 { font-size: 3.2em }
h4 { font-size: 2.8em }

.dark { color: #393729; }
.center { text-align: center }
.screen-padding { padding: 0 3%; }

.xbutton.brown {
  background: #634627 url('../images/bg-btn-brown.png') center center;
  border: 1px solid #383628;
  border-bottom-width: 5px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}
.xbutton.nice {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.xbutton:active {
  border-bottom-width: 2px;
  position: relative;
  top: 2px;
  margin-top: 3px;
}
.small.xbutton 			{ font-size: 11px; padding: 8px 20px 10px; width: auto; }
	.medium.xbutton 			{ font-size: 13px; width: auto; }
	.large.xbutton 			{ font-size: 18px; padding: 11px 48px 13px; width: auto; }
.vignette {
  width: 64px;
  height: 33px;
  background: url('../images/site-sprites.png');
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}
.vignette.right {
  background-position: -68px 0;
  float: none;
  margin-left: 20px;
}


/* -----------------------------------------
   Header
----------------------------------------- */
.main-header {
  background: #393729;
  color: #eedeaa;
  font-size: 1.3em;
  height: 46px;
}
.main-header .row {
  overflow: hidden;
}
.main-header ul {
  width:450px;
  margin: 13px auto 0;
  overflow: hidden;
   font-size: 1.1em;
}
.main-header li {
  float: left;
  margin-right: 50px;
}
.main-header li:last-child {
  margin-right: 0;
}
.main-heading {
  text-align: center;
/*  height: 158px;*/
  padding: 0 2%;
  background: #be3410 url('../images/bg-header-red.png');
  border-top: 1px solid #ff7b5c;
  border-bottom: 6px solid #93260a;
}
.main-heading h1 {
  text-align: center;
  margin-bottom: 0;
}
.main-heading h1 img { margin-top: 32px; }
.main-nav li {
}
.main-nav a {
  color: #F2F2D9;
  display: block;
  padding: 0 0 3px 0;
 
}
.main-nav li:hover a {
  border-bottom: 1px solid #F2F2D9;
}

/* -----------------------------------------
   Home 
----------------------------------------- */

.tagline {
  height: 90px;
}
.tagline h3 {
  text-align: center;
  font-size: 3.2em;
  line-height: 1.1em;
}
.call-to-action {
  background: url('../images/bg-cta-shape.png') center top no-repeat;
  height: 112px;
  clear: left;
  padding: 15px 0 0;
}
.cta-button {
  display: block;
  background: #d34716 url('../images/bg-btn-red.png') repeat-x center center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 6px 25px;
  margin: 0 auto;
  width: 202px;
  color: #eedeaa;
  font-size: 1.7em;
  line-height: 1.5em;
  border: 1px solid #383628;
  border-bottom-width: 5px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6);
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
  opacity: .9;
}
.cta-button:hover {
  color: #f6eed3;
  opacity: 1;
}
.cta-button:active {
  border-bottom-width: 2px;
  position: relative;
  top: 2px;
}
.cta-button strong {
  font-size: 1.2em;
}
p.or {
  color: #6d5944;
  text-align: center;
}
.content .illustration { margin-top: -25px; }
.content .illustration img { margin-bottom: 2em }

/* -----------------------------------------
   Content
----------------------------------------- */

/* modified by RP @ code42 */
h1.x, h2.x
{
	line-height: 1.25;
	margin-bottom: 9px;
	color: #BB320F;
	font-weight: normal;
	font-family: "league-gothic",sans-serif;
	font-size: 3.2em;
	text-shadow: 0 1px 0 #FFF;
}

h2,h3,h4,h5,h6 {
  text-shadow: 0 1px 0 rgba(255,255,255,1);
}
.content {
  margin: 40px 0 0;
  min-height: 500px;
}
.content p,
.content ul {
  font-size: 1.3em;
  line-height: 1.4em;
}
.content ul li {
  margin-bottom: 1em;
}
.copy ul {
  
}
.copy ul li {
  list-style-image: url('../images/bullet-red.png');
  margin: 0 25px 0;
  padding-left: 10px;
}
.copy .columns {
  margin-bottom: 2.5em;
}

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

.main-footer {
  margin: 2em 0 0;
  text-align: center;
  background: #32210f url('../images/bg-footer.png');
  padding: 2em 0;
  color: #fff;
  font-size: 1.2em;
}
.footer-link {
  font-size: 90%;
  color: #F2F2D9;
  margin-left: 20px;
  border-bottom: 1px dashed #F2F2D9;
}
.footer-link:hover {
  color: white;
  border-bottom: none;
}

/* -----------------------------------------
   Table
----------------------------------------- */
.instructions {
  border: 1px solid #cfcfb6;
  background-color: #fff;
  width: 100%;
}
.instructions th,
.instructions td {
  text-align: center;
  width: 20%;
  vertical-align: middle;
  font-size: 1.2em;
}
.instructions th {
  font-size: 1.4em;
}
th.other {
  color: #555;
}
.instructions td img {
  opacity: .5;
}
.instructions td:hover img {
  opacity: 1;
}
table .service {
  text-align: left;
}

.social-share {
  display: inline-block;
  margin: 0 auto 10px 20px;
  width: 210px;
}
.social-share ul li {
  float: left;
  width: 46%;
}
.social-share ul li.last {
  margin-left: 8%;
}
.fb_reset {
  left: -5000px;
  position: absolute;
}
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
  display: none !important;
}


/* -----------------------------------------
   Media Queries
----------------------------------------- */


@media handheld, only screen and (max-width: 767px) {
  body {
    padding-bottom: 250px;
    background-position: center 120px, left top;
  }
    
  .tagline h3 {
    font-size: 2.2em;
  }
  .main-header {
    padding-bottom: 10px;
  }
  .main-header {
    height: auto;
    position: absolute;
    bottom: 0;
  }
  .main-header ul {
    width: auto;
  }
  .main-nav li {
    float: left;
    padding: .4em 0;
    font-size: 1.5em;
    width: 100%;
    text-align: center;
    border-bottom: 1px dotted white;
  }
  .main-nav li:hover a {
    border-bottom: none;
  }
  .cta-button strong {
    font-size: 1em;
  }
  .vignette {
    display: none;
  }
  .columns h3 {
    font-size: 2em;
  }
  .button.nice {
    font-size: 1.2em;
    padding-left: .5em;
    padding-right: .5em;
  }
  .main-footer {
    display: none;
  }
  .instructions th,
  .instructions td {
    font-size: .9em;
  }

}
@media handheld, only screen and (max-width: 567px) {
  .instructions th {
    font-size: 1em;
    padding: 6px 3px;
  }
  .instructions th img {
    width: 120%;
  }
}

@media screen and (min-width: 30em) {
/*   .content {
    display: table;
    caption-side: bottom;
  }
  [role="navigation"] {
      display: table-caption;
  }
  [role="navigation"] ul {
      display: table-row;
  }
  [role="navigation"] ul li {
      display: table-cell;
  }
 */
}

