@import "fonts.css";
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* =============================================================================
   RESET CSS
   ========================================================================== */
	/*Headings*/
	h1,h2,h3,h4,h5,h6{font-size:1em;line-height:1em;margin:0;font-weight:normal;}
	/*Text elements*/
	p{margin:0;}
	ul,ol,li,dl,dd{margin:0;padding:0;}
	ul{list-style-type:none;}
	ol{list-style-type:decimal;}
	dl dt{font-weight:normal;}
	fieldset {padding:0; margin:0; border:none;}
	address{margin:0;font-style:normal;}
	del{color:#222;}
	blockquote{margin:1.5em;}
	strong{font-weight:bold;}
	em,dfn{font-style:italic;}
	dfn{font-weight:bold;}
	pre,code{margin:1.5em 0;white-space:pre;}
	pre,code,tt{font:1em monospace;line-height:1.5;}
	tt{display:block;margin:1.5em 0;line-height:1.5;}
	/*Tables*/
	table {margin-bottom:1.4em;}
	th{font-weight:bold;}
	td {}
	th,td{padding: 0;}
	/*cfix*/
	.cfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}
	.cfix{display:inline-block;}
	* html .cfix{height:1%;}
	.cfix{display:block;}


/* =============================================================================
   STYLE BASIC ELEMENTS
   ========================================================================== */
  
  html, body {height: 100%;}
	body {font-family: 'economicaregular', 'amatic_scregular', Arial, verdana, sans-serif; background-color:#fff; color:#333; font-size:75%;margin:0;padding:0; position:relative; zoom:1; line-height:1.7;}
	
	h1,h2,h3,h4,h5,h6	{line-height:1.2;margin-bottom:10px; font-weight:normal;zoom:1;color:#222}
	p,dl,ul,ol,pre,blockquote,fieldset 	{margin-bottom:20px; }
	textarea, input {font-family: 'din',arial,verdana,tahoma; background-color:#f6f6f6; color:#bd1e61; border:1px solid #dddddd; padding:10px 8px; display:inline-block;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
	ul,ol,dl {margin-left:25px;}
	
/* basic table style */
	table caption	{position:absolute; left:-9999px; font-size:0; line-height:0}
	table th		{background-color:#fff; color:#8c8c8c; padding:5px 10px;}
	table thead th	{border-bottom:1px solid #b1b1b1; text-align:left}
	table td		{padding:5px; border-bottom:1px solid #efefef;}
	table th,
	table td		{padding:5px 10px;}
	table .alt		{background-color:#fafafa; color:#8c8c8c}
	
/* headings */
	h1 {font-size:100px;}
	h2 {font-size:48px;}
	h3 {font-size:24px}
	h4 {font-size:18px;}
	h5 {font-size:100%}
	h6 {font-size:90%}
	
  h1,h2 {font-family: 'amatic_scregular', 'economicaregular', 'franklin gothic', arial;}
  h3,h4,h5,h6 {font-family:'economicaregular', 'amatic_scregular', 'franklin gothic', arial;}

/* custom generic style for common elements */
	acronym			  {text-decoration:none; border-bottom:none; cursor:help}
	table			    {border:none border-collapse:collapse; margin-left:0; margin-bottom:15px; text-align:left; width:100%;}
	form          {margin:0;padding:0}
	a:hover img 	{alpha(opacity=80);opacity:.80; -moz-opacity: 0.80;}
	
/* default links states */ 
	a:link 			{color:#09F; text-decoration:none}
	a:visited 	{color:#09F; text-decoration:none}
	a:hover 		{color:#555; text-decoration:underline}
	a:focus     {color:#555; text-decoration:underline}

	legend span {position:absolute;left:-9999px;}


/* fonts */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 29, 2013 */


/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #333;
    color:#fff;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #222;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
/*
@media only screen and (min-width: 1024px) {
*/
  .scriptable #content, .scriptable footer {display: none;}

  body {padding-top: 74px; }
  .page-wrap {min-height: 100%; margin-bottom: -154px;}
  .page-wrap:after {content: "";display: block;height: 154px;}

  .container {width: 940px; padding: 0 20px; margin:0 auto;}

  #content {padding-bottom: 50px}

  .nav-container {padding: 15px 0; max-height: 44px; z-index: 50; position: fixed;top:0;left:0;width:100%; overflow: hidden; background: rgba(255,255,255,0.9) url('../img/hoz-keyline.png') repeat-x 50% 100%; }
  .ie .nav-container {background: #fff url('../img/hoz-keyline.png') repeat-x 50% 100%;}
  .body-home {padding-top: 0;}
  .body-home .nav-container {position: relative;z-index: 6;top:auto;left:auto;}
  .nav-container .logo-main {display: block;float:left;margin:-5px 30px 0 -23px;}
  .nav-container nav {display:block;float:right;margin:0;padding:0;float: right;font-family:'amatic_scregular',arial;color:#222;}
  .nav-container nav ul {list-style: none;margin:0;padding:0;}
  .nav-container nav li {float:left;margin:0 0 0 60px;padding:0;}
  .nav-container nav li:first-child {margin-left: 0;}
  .nav-container nav a {display: block; padding: 0 20px;color:#222;font-size: 24px; font-family: 'amatic_scbold'; text-transform: uppercase;}
  .nav-container nav a:link,
  .nav-container nav a:visited {color:#222;}
  .nav-container nav .mobile-only {display: none;}
  .nav-container nav a:hover,
  .body-services nav .nav-services a,
  .body-contact nav .nav-contact a,
  .body-pricing nav .nav-pricing a,
  .body-about .nav-container nav .nav-about a,
  .body-blog .nav-container nav .nav-blog a {text-decoration: none; background:url('../img/sprite-button-bgs.png') no-repeat 16px 12px;}
  .nav-container nav .nav-home a:hover {background-position: 7px 12px;}
  .body-about .nav-container nav .nav-about a,
  .nav-container nav .nav-about a:hover {background-position: 11px 12px;}
  .body-blog .nav-container nav .nav-blog a,
  .nav-container nav .nav-blog a:hover {background-position: 6px 12px;}
  .nav-container nav a:hover {}
  .nav-blog {display: none;}

  #hero {background: url('../img/hoz-keyline.png') repeat-x 0 100%; padding: 80px 0 0;position: relative;zoom:1;}
  .body-home #hero .container {min-height:300px; position: relative;zoom:1;}
  #hero-image {}
  #hero-image img {display:none;margin:0;padding:0;position: absolute;bottom:0;right:77px; z-index: 6;}
  #hero h1 {margin:0 auto 10px;padding:0; font-family: 'amatic_scregular','economicaregular','frankling gothic'; position: relative;}
  #hero h2, #hero h3, #hero h4 {font-family: 'economicaregular','amatic_scregular','franklin gothic',arial;}
  .body-home #hero h1 {height:105px;overflow:hidden; margin-bottom: 15px; position: relative;}
  .body-home #hero .buttons {margin-bottom: 15px;}
  .flipper-container {margin: 0; padding: 0; height: 2000px; position: absolute;left:0;top:0;}
  .flipper-container span {display: block; height: 120px; line-height: 1;}
  .flipper-shadow {overflow: hidden; width: 560px; position: absolute;left:0;z-index:5;background-image: url('../img/title-flip-shadows.png'); background-repeat: repeat-x; height: 10px;}
  .fs-upper {background-position: 0 0;top:0;}
  .fs-lower {background-position: 0 -40px;bottom:0;}


  .hero-note {margin:0;padding:0;line-height: 1.4;font-family: 'economicaregular','franklin gothic';color:#333; font-size: 17px;}
  .hero-note a,
  .hero-note a:link,
  .hero-note a:visited {color:#333; text-decoration: underline;}

  .buttons {list-style:none;margin:0 auto 15px;}
  .buttons li {display: block;margin:0 0 0 10px;padding:0;float:left;margin-left:10px;}
  .buttons li:first-child {margin-left: 0;}

  .block {padding:40px 0;}
  .block .container {overflow: hidden;}

  /* testimonials */
  .testimonial {float:left;width:300px;margin-left:20px;font-family: 'economicaregular', 'franklin gothic'}
  .testimonial:first-child {margin-left: 0;}
  .testimonial-thin.testimonial {width: 260px;}
  .testimonial blockquote {
    display: table-cell;
    vertical-align: middle;
    color: #222;
    background-image: url('../img/sprite.png');
    background-repeat: no-repeat;
    background-position: -234px -203px;
    width:225px;
    height: 130px;
    font-family: 'economicaregular', 'franklin gothic'; 
    font-size: 24px;
    line-height: 1.1;
    font-weight: normal;
    padding-left: 15px;
  }

  .testimonial blockquote span {display: block;}

  .t-carl-smithers blockquote .line-2 {padding-left:15px;}
  .t-carl-smithers blockquote .line-3 {padding-left:5px;}
  .t-carl-smithers blockquote .line-4 {padding-left:70px;}

  .t-kathy-mcguiness blockquote .line-2 {padding-left:29px;}
  .t-kathy-mcguiness blockquote .line-3 {padding-left:15px;}

  .testimonial-cite {padding-top: 10px;margin-right: 100px}
  .cite-thumbnail {
    display: none;
    width:63px;
    height:63px;
    border:2px solid #333;
    overflow: hidden;
    float:right;
    margin-top: -20px;
    margin-left:10px;
    margin-right: 60px;

    border-radius: 40px;
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
  }

  .testimonial h3 {margin: 0; font-size: 14px; font-weight: bold; color: #222; text-align: right;}
  .testimonial h4 {margin: 0; font-size: 13px; font-weight: bold; text-transform: uppercase;color:#222; text-align: right;}

  /* home-page call-out */
  .call-out {float:right;width:268px;}
  .call-out h2 {color:#222; font-size: 34px; font-family: 'amatic_scregular', 'economicaregular', 'franklin gothic',arial; line-height: 1; color: #222; margin-bottom: 10px; font-weight: bold;}
  .call-out p {font-family: 'economicaregular',arial; font-size: 16px; color: #333; line-height: 1.3;}

  /* pricing */
  .body-pricing {background:url('../img/squiggly-line-pricing.png') no-repeat 50% 550px;}
  .ph-content {float:left; width: 320px; margin-left: 90px; padding-top: 60px;}
  .img-pricing-top {float:right;margin-right: 164px; padding-top: 40px;}
  .img-pricing-bottom {float: left; margin-left: 100px; margin-top: -22px}
  .pricing {padding: 0 0 0 25px; background: url('../img/pricing-main-price-bg.png') no-repeat 0 15px; color:#333; width:240px;font-family: 'economicaregular', 'amatic_scregular', 'franklin gothic', arial;  }

  .pricing h5 {position: relative; line-height: 1;margin-bottom: -6px; left:-10px;}
    .p-dollar-sign {font-size: 88px; position: absolute;left:-22px; display: block; line-height: 1;}
    .p-rate {font-size: 177px; letter-spacing: -0.1em; line-height: 1;}
    .p-working-hours {width:120px;position: absolute;left:135px;top:23px;font-size: 18px; text-align: left;}
      .pwh-per-hour {text-transform: uppercase;font-weight: bold; font-size: 21px; display: block; margin-bottom: 10px;}
      .pwh-line-1 {font-weight:normal;}
      .pwh-line-2 {font-weight:normal;text-transform: uppercase;display: block; margin-bottom: 10px}
      .pwh-line-3 {font-size:20px;display: block; text-transform: uppercase;font-weight:normal;}
        .p-per-hour-mini {display: inline-block;width:25px; font-size: 10px; line-height: 8px; text-align: left;font-weight:normal;}
      .pwh-line-4 {font-size:16px; letter-spacing: 0;display: block; text-transform: uppercase;font-weight:normal;}
    
  .pricing h6 {font-size: 18px; text-transform: uppercase; text-align: center;border-bottom:1px solid #c89f0f; padding-bottom: 5px; margin: 0 auto 5px}
    .pricing h6 .p-line-1 {font-size:29px; letter-spacing: -0.05em}
    .pricing h6 .p-line-2 {display: block;clear:both; font-size: 19px; text-align:left;}
  .p-3rd-party {text-transform: uppercase; font-size: 14px; line-height: 1; text-align:left; letter-spacing: .2em; padding-left: 0;}
  .pricing {}    

  .pricing-hero .buttons {clear:both;margin-left: 90px;}

  .bulk-buy {text-align:right; padding-top: 10px;}
  .bulk-buy:after {content: '.';display: block; height: 0; line-height: 0; visibility: hidden; clear: both;}
  .bulk-buy .container {overflow: visible;}
  .bb-content {float:right; width: 380px; margin-right:167px }
  .bb-content-text {padding-right: 47px;}
  .bb-content-text h4 {margin-bottom: 0;}
  .bulk-buy h2 {font-size: 46px}
  .bulk-buy h3 {margin-bottom: 5px;}
  .bb-prices {list-style: none;margin:0 auto 40px;padding:20px 0 0;width:320px;font-family: 'economicaregular', 'amatic_scregular', 'frankling gothic', arial; font-size: 20px;}
  .bb-prices li { overflow: hidden; margin-bottom: 5px;}
  .bb-hours-container {float:left; width: 58%;border-right:2px solid #d1d1d1; margin-right: 10px}
  .bb-hours-scope {float:left;padding-right:15px;width:50%; background: url('../img/sprite.png') no-repeat 45% -760px; text-align: right; color:#222; font-size: 72px; line-height: 1; letter-spacing: -0.1em}
  .bb-tag {color:#555; font-size: 18px;float:left; padding-top: 10px; text-align: left; line-height: 1;display:block; text-transform: uppercase; letter-spacing: -0.1em}
  .bb-or {text-transform: lowercase;}
  .bb-percentage-container {width: 36%;float:left;}
  .bb-percentage {font-size: 72px;color:#222; text-align: left;display: block;line-height: 1; letter-spacing: -0.1em; float:left;margin-right:5px;background: url('../img/sprite.png') no-repeat 50% -760px;}
  .bb-off {text-transform: uppercase; letter-spacing: -0.1em;float: left;}

  .bulk-buy .buttons {clear:both;float:right; margin-right: 210px; margin-top: -23px;}

  /* about page */
  .body-about {background: url('../img/squiggly-line-about.png') no-repeat 50% 550px}
  .about-content {float:left;width: 380px; padding: 60px 0 0 90px}
  .about-content h3 {margin-bottom: 25px;}
  .about-content p {font-size: 18px; line-height: 1.5;}
  .about-intro {font-family:'economicabold', 'economicaregular', 'amatic_scregular'; display: block; margin-bottom: 15px;}
  .testimonials .container {width: 780px;}
  .body-landing .buttons {clear: both;}

  /* contact page */
  .body-contact {background: url('../img/squiggly-line-contact.png') no-repeat 50% 533px;}
  .contact-panel {float: left;width: 340px; margin-right: 60px; padding: 40px 0 0 90px}
  .contact-panel h3 {margin-bottom: 5px; line-height: 1.2; width: 80%;}
  .contact-panel h4 {margin-bottom: 30px; line-height: 1.2; color: #555}
  .raw-deets {display: block;list-style: none;margin:0 auto 40px;padding:0; font-family:'amatic_scbold', 'amatic_scregular', 'economicaregular',arial;}
  .raw-deets li, .proximity-message {display: block; margin-bottom:2px; font-size: 30px; line-height: 1.2; padding: 2px 0 2px 40px; background-image: url('../img/sprite.png'); background-repeat: no-repeat; letter-spacing: -0.02em;}
    .rd-mobile  {background-position: -310px -1015px}
    .rd-email   {background-position: -255px -1068px}
    .rd-fb      {background-position: -200px -1122px}
    .rd-twit    {background-position: -144px -1180px;}
  .raw-deets a,
  .raw-deets a:link,
  .raw-deets a:hover,
  .raw-deets a:focus,
  .raw-deets a:visited {color: #333;}

  .proximity-message {letter-spacing: 0; font-size: 16px; width: 53%; background-position:-86px -1247px;}
  .proximity-message strong {display: block; margin-bottom: 5px; font-weight: normal; font-family: 'economicabold','economicaregular';}

  #contact-form {float:left; width:305px; padding-top: 40px;}
  #contact-form form, #contact-form fieldset {display: block;margin:0;padding:0;}
  #contact-form form {margin-bottom: 15px}
  #contact-form ol {list-style: none;margin:0;padding:0;}
  #contact-form li {clear:both;margin:0;margin-bottom:15px;padding:0;}
  #contact-form label {display: block;margin-bottom: 3px; font-family: 'amatic_scbold', 'amatic_scregular', 'economicaregular', 'franklin gothic'; font-size: 24px; line-height: 1.1;}
  #contact-form input, #contact-form textarea {display: block; background-image: url('../img/sprite-inputs.png'); background-repeat: no-repeat;background-color: transparent;border-width: 0;}
  #contact-form input {width: 300px; line-height: 1.1; font-family: 'economicaregular', 'economicabold', 'amatic_scregular'; font-size: 16px; background-position: -1px -2px; height: 24px;}
  #contact-form textarea {width:276px;height: 157px;padding: 17px 12px; font-family: 'economicaregular', 'franklin gothic'; font-size: 18px; background-position: 0 -50px;}
  #contact-form .contact-submit {overflow: hidden; margin-bottom: 0;}
  .contact-submit .b-text {padding-left: 20px;}
  .contact-note {font-size: 16px; line-height: 1.2; padding-top: 20px}
  .lady-source-small {width: 12%;float:left; margin: -12px 20px 0 10px}

  .thankyou.b {font-size: 300%; text-align: left;padding-left:64px;}

  /* services page */
  /*
    #services-bg {background: url('../img/sample-services-page.png') no-repeat 50% 0; width: 1400px; height: 3200px; z-index: 0; position: absolute;left:50%;margin-left: -700px;}
  */
  .body-services {background: url('../img/services-squiggly-line.png') no-repeat 50% 400px}
  .body-services #content {position:relative; z-index: 2;}
  .body-services h2 {font-family: 'economicaregular', 'amatic_scregular', arial;font-size: 200%;}

  .services-block {height:170px; padding-top: 100px; padding-bottom: 100px; position: relative;}
  .services-block p {font-size: 200%; font-family: 'economicaregular', 'amatic_scregular', 'franklin gothic'; line-height: 1.2}
  .services-block img {position: absolute;top:0;}
  .sb-odd {padding-left: 80px;}
  .sb-odd img {right:0;}
  .sb-even {padding-right: 80px;}
  .sb-even img {left:0;}

  #services-hero {padding-top: 70px;padding-bottom: 155px; height: 180px}
  #services-office {height:180px;}
  #services-small-chores {height:150px;}
  #services-parties {height:140px;}
  #services-night-out {height:140px;}
  #services-overseas-trip {height:140px;}
  #services-welcome-home {padding-top:120px; padding-bottom: 80px;}
  #services-final {height:350px;padding-top: 70px}

  #services-hero h1 {margin-bottom: 0;}
  #services-hero img {right:232px;top:25px;}

  .sb-content {width: 42%;}
  .sb-odd .sb-content {margin: 0 auto 0 0}
  .sb-even .sb-content {margin: 0 0 0 auto}
  #services-final .sb-content {width: 48%;}

  #services-office img {left:40px;top:-10px;}
  #services-small-chores img {right:100px;top:-10px;}
  #services-parties img {top: -5px; left:-25px;}
  #services-night-out img {right:50px;top:-10px;}
  #services-overseas-trip img {left:48px;top:3px;}
  #services-welcome-home img {right:90px;}
  #services-final img {left:195px; top: -43px;}

  #services-final p span {display: block; margin-bottom: 10px}

  .lady-source-image {float: right;margin-right:100px; padding-top: 55px;}

  /* landing pages */
  .body-landing {background: url('../img/squiggly-line-landing-page.png') no-repeat 50% 564px;}
  .landing-hero {float:left;width: 570px; padding: 90px 0 0 90px}
  .body-landing h1 {margin-bottom: 10px; line-height: 0.9;}
  .body-landing h3 {margin-bottom: 20px;}
  .ls-services-intro {font-size: 18px; font-family: 'economicabold', arial; margin-bottom: 5px;}

  #page-opaque-bg {width: 100%;height: 100%; background-color: rgba(255,255,255,0.9); position: fixed;left:0;top:0; z-index: 100;display:none;}
  #lightbox-splash-bg {width:960px;height:609px; background: url('../img/lightbox-splash-bg-tall.png') no-repeat 50% 0; position: fixed;left: 50%;top:50%;margin-left:-480px;margin-top:-305px; z-index: 110; display: none;}
  .lightbox {width: 284px; height: 540px; position: fixed;top: 50%; left: -9999px; margin: -290px auto 0 -182px; background: url('../img/lightbox-bg-tall.png') no-repeat 50% 50%; z-index: 120;padding:40px 40px 0;}
  .lightbox-short {height: 384px; margin-top: -202px; background-image: url('../img/lightbox-bg-short.png')}
  .lightbox.active {left:50%;}
  .lightbox img {display: block; width: 50%; margin: -20px auto 0;}
  .lightbox h3 {text-align: left; font-family: 'amatic_scregular', 'economicaregular'; font-size: 400%; line-height: 1; margin-bottom: 30px}
  .more-services {list-style: none; margin: 0 auto 30px;padding: 0; font-family: 'economicaregular', 'amatic_scregular'; font-size: 150%;}
  .more-services li {padding-left: 25px; margin-bottom: 3px; line-height: 1.3;background: url('../img/sprite.png') no-repeat -383px -959px}

  /* footer */
  footer {padding:20px 0; height: 40px; clear: both;background: url('../img/hoz-keyline.png') repeat-x 50% 0}
  footer .logo-main {margin-right: 30px;float:left; margin-top: -2px;}
  footer .logo-main img {width: 160px;}
  footer .admin {float:left;overflow: hidden; margin: 0;padding:0; font-family: 'economicaregular', 'amatic_scregular', 'franklin gothic', arial;color:#333; font-size: 18px;}
  footer .admin li {float: left;margin:0 0 0 20px;padding:0;}
  footer .admin li:first-child {margin-left: 0; margin-right: 30px;}
  footer .admin li a,
  footer .admin li a:link,
  footer .admin li a:visited {color:#333;}

  /* errors */
  #errorContainer {background-color: #333; color: #fff;padding:15px 20px; font-size: 140%; margin-bottom: 20px;}

  /* buttons & icons */
  .b {display: block;overflow:hidden;float:left;padding:0 15px; font-size:36px;line-height:1;font-family:'amatic_scregular', 'economicaregular','franklin gothic';background-image:url('../img/sprite-button-bgs.png'); background-repeat: no-repeat; background-position: 0 -115px; background-color: transparent;border:none;}
  .b, .b:link, .b:visited {color: #333;}
  .b:hover, .b:focus {color: #222; text-decoration: none;}
    .b-tiny         {background-position: 0 5px; min-width: 30px; font-size: 24px;}
    .b-extra-small  {background-position: 0 -55px; min-width: 50px;}
    .b-small        {background-position: 0 -115px; min-width: 83px;}
    .b-large        {background-position: 0 -175px; min-width: 122px;}
    .b-extra-large  {background-position: 0 -235px; min-width: 168px;}
    .b-huge         {background-position: 0 -294px; min-width: 295px;}
  .b-text {float:left;margin-right: 13px;}
  .b-more {font-size: 24px; font-family: 'economicaregular'; text-transform: lowercase;}
  .b-more, .b-more:link, .b-more:focus, .b-more:visited {color: #333;text-decoration: underline;}
  .b-more:hover {text-decoration: none;}
    
  .icon {display: block; text-indent: -9999px; background-image: url('../img/sprite.png'); background-repeat: no-repeat;}
  .b .icon {display:block;float:left;text-indent: -9999px; width: 35px; height: 35px;}
    .i-quotes {width: 45px; height: 23px; background-position: -355px -536px;}
    .i-heart {background-position: -367px 3px}
    .i-message {background-position: -316px -48px}

  .mobile-only {display: none;}
/*
}
*/

@media only screen and (max-width: 767px) {
  html,body {height: auto;}
  h1 {font-size: 55px; line-height: 1}
  h3 {font-size: 20px;}
  h4 {font-size: 16px;}
  body {background-image: none!important;}

  .page-wrap {min-height: 1px; margin-bottom: 0;}
  .page-wrap:after {height: 0;}
  .nav-container {padding:0;max-height: 300px; position: static;top:auto;left:auto;overflow: visible;}
  .container {width: 100%;padding:0 8%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
  }

  .nav-container nav {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
  }

  .nav-container nav .nav-toggle {
    display: block;
    background-color:#333;
    width: 50px;
    height: 67px;
    line-height: 67px;
    text-align:center;
    padding:0 20px;
    margin:0 0 0 auto;
    overflow: hidden;
    float: right;
  }

  .nav-container nav .nav-toggle:link,
  .nav-container nav .nav-toggle:hover,
  .nav-container nav .nav-toggle:visited,
  .nav-container nav .nav-toggle:focus {color: #fff;background-image: none; background-color: #333;}
  .nav-active .nav-toggle {background-color: #000;}

  .nav-container nav ul {display:none; position: absolute;width:100%;top:67px;right:0; background-color: #333;color:#fff; z-index: 100;}
  .nav-container nav li {float: none;margin-left:0;border-top:1px solid #000;}
  .nav-container nav li:first-child {margin-left: 0;}
  .nav-container nav li a:link,
  .nav-container nav li a:hover,
  .nav-container nav li a:focus,
  .nav-container nav li a:visited {color: #fff;}
  .nav-container nav li a:hover {background-color: #222;}
  .nav-container nav li a {padding: 5px 25px; background-image: none!important; font-size: 30px;}

  #content .buttons {margin-left: 0}

  .nav-container .logo-main {margin: 10px; position: relative; z-index: 200;}
  .nav-container .container {padding-left:0; padding-right: 0;}

  .ph-content {margin-left:0;width:50%;padding-top: 30px;}
  .img-pricing-top {margin-right: 0;}
  .img-pricing-top {width: 30%;margin-right:20px;padding-top: 20px;}

  .pricing-hero .buttons {margin-left: 20px;}

  .buttons li {clear: both; float: none;margin-left:0; margin-bottom: 10px; overflow: hidden;}

  body {background-image:none;padding-top:0;}

  .services-block {height: auto!important; padding: 40px 0 0!important;clear:both; overflow: hidden}
  .services-block br {display: none;}
  .sb-content {width: auto; text-align: center;}
  .services-block img {position: static;top: auto;left: auto;right: auto;bottom:auto; width: 75%; max-width: 400px; display:block; margin: 0 auto; text-align: center;}
  #services-hero {padding-top: 60px!important;padding-bottom:20px!important; border-bottom:1px solid #ccc; margin-bottom: 20px}
  #services-hero h1 {width:62%;float:left;}
  #services-hero h2 {width:62%;float:left;}
  #services-hero img {width: 25%; display: block; margin-top: -75px;float:right;}
  #services-hero br {display: none;}
  #services-office {padding-top: 0!important}
  .b-more {display: none;}
  #services-final img {width: 30%; max-width: 150px;float:left;margin-right: 20px;}
  #services-final .sb-content {width: 60%; text-align: left;}
  #services-final .buttons li {clear: none;}
  #services-final br {display: block;}
  .body-services h2, .services-block p {font-size: 160%;}

  .contact-panel {float: none;width: auto;padding:30px 0 0;margin-right: 0;}
  .contact-panel br {display:none;}
  .proximity-message {width: auto; margin-bottom: 20px;}
  #contact-form {width: auto;padding-top: 0;float: none;}
  #contact-form input {background-image: none;border:1px solid #999;width:100%; height:auto;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */}
  #contact-form textarea {width: 100%; height: 200px;border:1px solid #999; background-image: none;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */}
  .contact-submit .b-huge {margin:0 auto}
  .contact-note {font-size: 20px;}

  .about-content {width: auto;padding: 30px 0 0 0}
  .about-lady-source-image {display: none;}

  #hero-image {display: none;}
  .body-home #hero {padding: 30px 0;}
  .body-home #hero .container {min-height: 1px;}
  .body-home #hero h1 {font-size: 60px; height:70px; margin-bottom: 0;}
  .body-home #hero .buttons li {float: left;margin-left: 10px;clear:none;}
  .body-home #hero .buttons li:first-child {margin-left: 0;}
  p.hero-note {font-size: 18px;}

  .testimonial {width: 48%;float:left;margin-left:4%;}
  .testimonial:first-child {margin-left:0;}
  .testimonial blockquote {background-image: none; padding-left: 0; display: block; margin: 10px 0; height: auto; width: auto}
  .testimonial blockquote span {padding-left:0!important; display: inline;}
  .testimonial-cite {padding-top: 0; margin-right: 0; text-align: left;}
  .testimonial-cite h3, .testimonial-cite h4 {text-align: left;}
  .call-out {width: auto; float: none; clear: both;padding-top: 40px;}
  .call-out h2 br {display: none}

  footer {height: auto;}
  footer .logo-main {float: none; display: block; margin:0 0 20px;}
  footer .admin {float: none; padding-left: 15px}
  footer .admin li {float: none; display: block;margin-left:0; margin-bottom: 4px;}
}

@media only screen and (max-width: 321px) {
  .buttons {margin-bottom: 0;}
  .buttons li {margin-left: 0!important;}
  .b {font-size: 25px; padding-top: 7px;}
  .icon {margin-top: -5px;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #222 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}