*{box-sizing:border-box;}
body{background:#333;margin:0;padding:0;}
#header, #content, #footer{display:table;width:100%}
#header{height:350px;background:#000 url('../../gfx/layout/cloverdale-home-renovation-and-restoration.jpg') center no-repeat;background-size:cover;}
#content{background:#e5e5d9;}
#footer{padding-top:40px;height:150px;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;}
.wrapper{display:table;width:1152px;max-width:100%;margin:0 auto;padding:0 20px;}
.wrapper-content{display:table;width:1000px;max-width:100%;margin:0 auto;padding:0 20px 30px;}

#header h2{display:block;width:372px;height:162px;margin:20px;cursor:pointer;max-width:100%;background-size:contain;}
#header h2 span{display:none;}
.header-menu{float:right;display:table;margin-top:20px;}
.header-menu li{display:table-cell;width:130px;padding-left:10px;}
.header-menu li a{display:block;background:#333;width:130px;height:30px;line-height:30px;text-align:center;text-decoration:none;font-family:Arial, Helvetica, sans-serif;color:#FFF;-moz-border-radius:7px;-webkit-border-radius:7px;-khtml-border-radius:7px;border-radius:7px;}
.header-menu li a:hover{background:#666}
.header-quote{float:right;display:table;width:450px;max-width:100%;margin-top:60px;margin-right:100px;color:#CCCCCC;font-family:'Open Sans', sans-serif;}
.header-quote p{margin:18px 0;font-size:16px;line-height:22px;}
.header-quote-title{font-size:22px !important;font-weight:bold !important;}
.header-quote-link{display:block;width:200px;height:46px;cursor:pointer;background:url('../../gfx/layout/free-quote.png') center no-repeat;}
.header-quote-link span{display:none;}

.content-shadow{display:box;width:100%;height:4px;margin-bottom:30px;background:#000;-moz-box-shadow:0 4px 6px #000;-webkit-box-shadow:0 4px 6px #000;box-shadow:0 4px 6px #000;}
#content h1, #content h3{margin-bottom:25px;font-family:'Open Sans', sans-serif;font-weight:bold;}
#content h1{font-size:28px;color:#333}
#content h3{font-size:18px;color:#666;}
#content p{line-height:16px;margin-bottom:12px;font-size:14px;font-family:'Open Sans', sans-serif;}
#content a{color:#333333;text-decoration:none;border-bottom:1px dotted #E0A74E;}
#content a:hover{color:#000;border-bottom:1px dotted #000;}
#content .responsive-img{max-width:100%;height:auto;}

.footer{line-height:36px;color:#bbb}
.footer a{color:#bbb;text-decoration:none;}
.footer a:hover{}
.footer-menu{margin:0 auto;height:36px;width:500px;max-width:100%;color:#bbb;}
.footer-menu li{float:left;height:36px;width:100px;text-align:center;}
.footer-menu li:hover{background:#666;-moz-border-radius:7px;-webkit-border-radius:7px;-khtml-border-radius:7px;border-radius:7px;}
.footer-menu li a{display:box;width:100px;height:36px;line-height:36px;color:#fff;text-decoration:none;}
.footer-menu li a:hover{}

.ajax_form fieldset{padding-bottom:10px;}
.ajax_form label{font-size:11px;font-weight:bold;font-family:Verdana, Geneva, sans-serif;color:#777;}
input, textarea, select{color:#777;border:1px solid #BBB;}
.input-text,.button{font-size:12px;font-family:Arial, Helvetica, sans-serif;}
.input-text{margin-right:10px;padding:7px;width:250px;max-width:100%;}
.button{padding:7px 12px;background:#E0A74E;color:#FFF !important;cursor: pointer;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;border:none !important;}
.button:hover{background:#333333;}

/* ============================
   Responsive / mobile styles
   ============================ */

/* Tablets and small desktops */
@media (max-width: 1000px){
  .wrapper-content{width:100%;}
}

/* Tablets */
@media (max-width: 860px){
  #header{height:auto;padding-bottom:20px;}
  #header h2{float:none;margin:0 auto;padding-top:20px;}
  .header-menu{float:none;width:100%;margin:0;text-align:center;}
  .header-menu li{display:inline-block;width:auto;padding:5px 8px;}
  .header-menu li a{width:110px;}
  .header-quote{float:none;width:100%;margin:20px 0 0;text-align:center;}
  .header-quote-link{margin:0 auto;}
  .wrapper{width:100%;}
}

/* Phones */
@media (max-width: 600px){
  #header h2{width:260px;height:113px;margin:0 auto;padding-top:15px;}
  .header-menu{padding-top:10px;}
  .header-menu li{display:block;width:100%;padding:0;margin-bottom:8px;}
  .header-menu li a{width:100%;}
  .header-quote{margin-top:15px;padding:0 10px;}
  .header-quote p{font-size:14px;line-height:20px;}
  #content h1{font-size:22px;}
  #content h3{font-size:16px;}
  #content .responsive-img{float:none !important;display:block;margin:0 auto 15px !important;}
  .footer-menu{width:100%;height:auto;}
  .footer-menu li{float:none;display:block;width:100%;height:auto;padding:6px 0;}
  .input-text{width:100%;margin-right:0;margin-bottom:10px;}
  .button{width:100%;}
}