@charset "utf-8";

@media screen {

   /* -- Reset Styles -- */

   html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table {
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      font-weight: inherit;
      font-style: inherit;
      font-size: 100%;
      font-family: inherit;
      vertical-align: baseline;
      font-weight: 400;
   }

   ol, ul { list-style: none; }
   blockquote:before, blockquote:after, q:before, q:after { content: ""; }
   blockquote, q { quotes: "" ""; }
   em { font-style: italic; }
   strong { font-weight: 700; }


   /* -- Main Styles -- */

   html, body {
      width: 100%;
      height: 100%;
   }

   html {
      overflow-y:scroll;
   }

   body {
      font-family: Verdana, Geneva, sans-serif;
      font-weight: 400;
      font-size: 14px;
      color: #555555;
      background-color: #6D6E70;
   }

   /* -- Site Styles -- */

   i, em     { font-weight: 400; font-style: italic; }
   b, strong { font-weight: 700; font-style: normal; }
   p         { margin-bottom: 10px; }
   a         { color: #a5060b; text-decoration: underline; }
   a:hover   { color: #d6130d; }
   ul        { list-style-type: disc; margin-left: 30px; margin-bottom: 10px; }
   ul ul     { list-style-type: circle; margin-bottom: 0; }
   ol        { list-style-type: decimal; margin-left: 30px; margin-bottom: 10px; }
   ol ol     { list-style-type: lower-latin; margin-bottom: 0; }

   h1, h2, h3, h4 {
      color: #000000;
      font-weight: 400;
      font-family: 'Yanone Kaffeesatz', sans-serif;
      margin: 10px 0;
      padding: 0;
   }

   h1 { color: #a5060b; font-size: 32px; }
   h2 { color: #444444; font-size: 28px; }
   h3 { color: #444444; font-size: 24px; }

   .left  { float: left; }
   .right { float: right; }
   .clear { clear: both; }

   img.left   { margin: 0; padding: 10px 10px 10px 0; }
   img.right  { margin: 0; padding: 10px 0 10px 10px; }
   img.center { margin: 0; padding: 10px 0; }

   .header-bar {
      position: fixed;
      z-index: 900;
      width: 100%;
      height: 81px;
      left: 0;
      top: 0;
      margin: 0;
      padding: 0;
      background-color: #6d6e70;
      -webkit-box-shadow: 2px 0px 5px 0px #000;
      box-shadow: 2px 0px 5px 0px #000;
   }

   .header {
      width: 1170px;
      position: absolute;
      left: 50%;
      margin: 0 0 0 -585px;
      padding: 0;
   }

   .header .logo {
      float: left;
      padding: 4px 0 0 0;
   }

   .header .questions { float: left; padding: 15px 0 0 40px; }
   .header .questions-horz { display: none; position: absolute; top: 8px; right: 5%; }

   .header select { display: none; clear: both; margin: 0 3%; width: 94%; padding: 5px; font-size: 16px; }
   .navigation {
      float: right;
      margin: 0;
      padding: 40px 20px 0 0;
      list-style: none;
   }

   .navigation li {
      float: left;
      padding: 0 5px;
   }

   .navigation li a {
      padding: 4px 8px;
      display: block;
      float: left;
      color: #ffffff;
      font-family: 'Yanone Kaffeesatz', sans-serif;
      font-size: 24px;
      font-weight: 400;
      text-decoration: none;
      text-align: center;
      height: auto;
      width: auto;
   }

   .navigation li a.current,
   .navigation li:hover a {
      /* color: #a5060b; */
      /* @TODO - pick the color */
      /* color: #a64032; */
       background-color: #a5060b;
   }

   .page-wrap-background {
      background-color: #fff;
      margin-top: 81px;
   }
   .page-wrap {
      width: 1170px;
      margin: 0 auto;
      padding: 0 0 50px 0;
   }

   .content-wrap {
      padding-top: 5px;
      min-height: 350px;
   }

   .footer {
      color: #bbb;
      border-top: 5px solid #a5060b;
      background-color: #6d6e70;
      padding: 10px 15px;
      margin-top: 10px;
      font-size: 11px;
   }
   .footer a         { color: #bbb; text-decoration: none; }
   .footer a:hover   { text-decoration: underline; }
   .footer .taglines { background-color: #a5060b; text-align: center; font-weight: 400; font-size: 28px; color: #fff; font-family: 'Yanone Kaffeesatz', sans-serif; padding: 20px 0; margin-bottom: 10px; letter-spacing: 1px; }
   .footer .taglines span { font-size: 24px; }
   .footer .memberships { float: right; }
   .footer .memberships img { padding-left: 15px; }

   /* -- Home Page  -- */
   .home-left {
      float: left;
      width: 680px;
   }
   .home-right {
      float: right;
      width: 490px;
      padding-top: 15px;
      text-align: center;
   }

   .ashley-mobile-top { display: none; padding: 5px 0 10px 0; }
   .left-search { float: left; color: #ffffff; }
   .right-search { float: left; }
   .right-search h3 { margin: 0; padding-bottom: 15px; color: #ffffff; }

   /* -- Testimonials  -- */
   .home-testimonial       { font-style: italic; padding-top: 15px; }
   .home-testimonial .from { font-style: normal; padding: 10px 0 0 30px; }
   .testimonial            { width: 541px; background: #ffffff; font-style: italic; padding: 10px; margin: 0 10px 10px 10px; border: 2px dashed #6d6e70; }
   .testimonial .from      { font-style: normal; padding: 10px 0 0 30px; }

   /* -- Contact Page -- */
   .contact-left { float: left; width: 350px; }
   .map-wrap     { float: right; width: 800px; }

   /* -- Search Forms -- */
   form            { margin-left: 20px; padding: 20px; background-color: #6D6E70; float: left; }
   .home-left form { height: 150px; width: 366px; }
   form label      { display: block; float: left; color: #fff; line-height: 25px; font-size: 14px; font-weight: bold; width: 110px; text-align: right; padding-right: 8px; }
   form input,
   form select    { font-size: 14px; padding: 5px; -webkit-appearance:none; }
   .checkboxoptions { float: left; padding-left: 5px; padding-bottom: 4px; -webkit-appearance:none; }
   form .submit   { margin: 15px 0 0 125px; cursor: pointer; }
   #address       { width: 220px; }
   .home-left .quickform { height: 150px; width: 183px; }
   #instysearch   { float: left; font-size: 18px; width: 170px; }
   form .submitgo { float: left; cursor: pointer; margin-left: 10px; -webkit-appearance:none; }
   form .clear    { margin-top: 5px; }
   h2.srchpage    { margin-top: 30px; }
   h2.srchpage,
   h3.srchpage    { margin-bottom: 0; color: #6D6E70; }
   .advanced      { margin-bottom: 15px; }

   .advform                      { width: 667px; color: #ffffff; }
   .advform .search-left label   { width: 130px; }
   .advform .search-right label  { width: 80px; }
   .advform label div            { font-size: 11px; line-height: 11px; }
   .advform .multisel            { width: 160px; font-size: 12px; -webkit-appearance:none; }
   .advform .search-left         { float: left; width: 397px; margin-right: 20px; }
   .advform .search-right        { float: left; padding-top: 50px; }
   .advform h3                   { color: #fff; }

   .map-search { float: left; margin-left: 50px; }
   .map-search h2 { margin-top: 0; }

   #respbox { position: absolute; top: 0; left: 0; width: 10px; height: 10px; background-color: White; z-index: 999; }
}

@media all and (max-width: 1200px) {
   #respbox { background-color: Red; }

   .home-left  { width: 67%; padding-right: 3%; }
   .home-right { width: 30%; }
   .home-right img { width: 100%; }

   .header        { width: 100%; margin: 0; position: static; }
   .page-wrap     { width: 100%; margin: 0; position: static; }
   .content-wrap  { padding: 5px 15px 0 15px; }
   .contact-left     { width: 38%; }
   .map-wrap         { width: 60%; }
   .map-wrap iframe  { width: 100%; }

   .testimonial { width: 45%; }
}

@media all and (max-width: 1160px) {
   .advform               { width: 50%; }
   .advform .search-left { float: none; width: 100%; }
   .advform .search-right { float: none; width: 100%; padding-top: 0; }
   .advform .search-right label  { width: 150px; }
}

@media all and (max-width: 1150px) {
   .header .questions { padding-left: 20px; }
   .header .questions { display: none; }
   .header .questions-horz { display: block; }
}

@media all and (max-width: 1050px) {
   .home-left  { width: 50%; padding-right: 3%; }
   .home-right { width: 47%; }
   .home-left form        { height: auto; width: 366px; float: none; }
   .home-left .quickform  { height: auto; width: 366px; float: none; margin-top: 10px; }
}

@media all and (max-width: 1020px) {
   .header .questions { padding-left: 15px; }
}

@media all and (max-width: 1005px) {
   .header .questions { padding-left: 60px; }
   .navigation li { padding: 0 3px; }
   .navigation li a { padding: 4px 5px; font-size: 22px; }
}

@media all and (max-width: 950px) {
   .header .questions { padding-left: 35px; }
   .testimonial { width: 43%; }
}

@media all and (max-width: 920px) {
   .header .questions { padding-left: 15px; }
   .map-search { margin-left: 20px; }
}

@media all and (max-width: 900px) {
   .header .questions { padding-left: 30px; }
   .navigation li a { font-size: 20px; }
   .home-left form { width: 349px; padding: 10px; }
   .home-left .quickform  { width: 349px; }
   .home-left form label { font-size: 12px; width: 100px; }
}

@media all and (max-width: 885px) {
   .header .questions { padding-left: 15px; }
   .map-search { float: none; clear: both; margin: 0; padding: 10px 0; }
   .advform { float: none; width: 92%; padding: 2%; margin: 0 2%; }
   .advform .search-left { margin-right: 0; }
}

@media all and (max-width: 870px) {
   #respbox { background-color: Blue; }
   /* .header-bar { position: static; height: auto; padding-bottom: 10px; } */
   .header-bar { position: absolute; top: 0; height: 125px; }
   .page-wrap-background { margin-top: 125px; }
   .navigation { clear: both; float: none; padding: 5px 0 0 0; }
   .navigation li a { padding: 4px 10px; font-size: 24px; }
   /*.page-wrap-background { margin-top: 0; }*/
   /* .content-wrap { margin-top: 10px; } */
   .header .questions-horz { display: none; }
   .header .questions { display: block; float: right; padding-left: 0; margin-right: 10%; }
}

@media all and (max-width: 830px) {
   .home-left  { width: 40%; padding-right: 3%; }
   .home-right { width: 57%; }
   .home-left form { padding: 10px; width: 245px; }
   .home-left form label { font-size: 14px; text-align: left; width: auto; float: none; }
   .home-left form .submit { margin: 15px 0 0 0; }
   .home-left .quickform { width: 245px; }
   .home-left form .submitgo { margin-left: 0; }
   .footer .taglines { font-size: 22px; }
   .footer .taglines span { font-size: 18px; }
   .contact-left  { float: none; width: 100%; }
   .map-wrap      { float: none; width: 100%; }
   .testimonial .from { padding-left: 10px; }
}

@media all and (max-width: 730px) {
   #respbox { background-color: Yellow; }
   .home-right { display: none; }
   .home-left  { width: 94%; margin: 0 3%; }
   .ashley-mobile-top { display: inline; float: right; margin: 0 10% 0 10%; width: 30%; }
   h2.srchpage  { padding-top: 20px; }
   .left-search { clear: right; }
   .home-left .quickform   { margin-top: 0; }
   .testimonial { width: 41%; }
   .testimonial .from { padding-left: 0; }
}

@media all and (max-width: 675px) {
   #respbox { background-color: Green; }
   .ashley-mobile-top { margin: 0 2% 0 2%; }
   .footer .taglines { font-size: 20px; }
   .footer .taglines span { font-size: 16px; }
}

@media all and (max-width: 660px) {
   #respbox { background-color: Black; }
   .left-search { clear: both; width: 100%; }
   .right-search { clear: both; width: 100%; }
   .home-left form { padding: 10px; width: auto; float: none; margin-right: 20px; }
   .home-left .quickform { margin-top: 10px; width: auto; float: none; margin-right: 20px; }
   .home-left form label { text-align: right; width: 120px; float: left; }
   .home-left form .submit { margin: 15px 0 0 130px; }
}

@media all and (max-width: 600px) {
   .header .questions { margin-right: 5%; }
   .ashley-mobile-top { width: 35%; }
   .advform .search-right label,
   .advform .search-left label { font-size: 12px; width: 120px; }
   .testimonial { width: 90%; border-width: 1%; margin: 0 2% 3% 2%; padding: 2%; }
}

@media all and (max-width: 575px) {
   .navigation li a { font-size: 20px; }
}

@media all and (max-width: 550px) {
   .navigation li a { font-size: 20px; }
   .logo { width: 65%; height: auto; }
   .header .questions { width: 23%; height: auto; }
}

@media all and (max-width: 520px) {
   .ashley-mobile-top { width: 40%; }
   h2.srchpage  { padding-top: 5px; }
   .home-left form label { text-align: left; width: auto; float: none; }
   .home-left form .submit { margin: 15px 0 0 0; }
}

@media all and (max-width: 500px) {
   #respbox { background-color: Orange; }
   .navigation { padding: 10px 0 0 5px; }
   .navigation li a { padding: 4px 5px; font-size: 20px; }
   .ashley-mobile-top { width: 45%; }
   .content-wrap { padding: 0 10px; }
   .home-left { width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
   .home-left form { margin: 0 5px 10px 5px; }
   .home-left .quickform { margin: 0 5px; }
   .footer .memberships { float: none; text-align: center; }
   .advform .search-right label,
   .advform .search-left label { font-size: 14px; text-align: left; width: auto; float: none; }
   .advform label div { display: inline; margin-left: 10px; }
   .advform label div br { display: none; }
}

@media all and (max-width: 470px) {
   #respbox { background-color: Black; }
   .header-bar { height: 115px; }
   .page-wrap-background { margin-top: 115px; }
}

@media all and (max-width: 460px) {
   #respbox { background-color: Red; }
   .navigation { display: none; }
   .header select { display: block; }
   .header .logo { padding-bottom: 20px; }
   .advform { margin: 0; padding: 10px; }
}

@media all and (max-width: 365px) {
   .map-search-img { width: 100%; }
   .testimonial .from { padding-left: 10px; }
}

@media all and (max-width: 320px) {
   #respbox { background-color: Green; }
   .header .logo { padding-bottom: 10px; }
   .header select { padding: 2px; font-size: 14px; }
   .header-bar { height: 90px; }
   .page-wrap-background { margin-top: 90px; }
}