body {
   background-color: #1f72b8;
   padding: 0;
   margin: 0 auto 0 auto;
}
p, h1, h2, h3, li {
   font-family: Tahoma, Geneva, sans-serif;
}
a, a:visited {
   text-decoration: none;
}
.left {
   float: left;
}
.right {
   float: right;
}
hr {
   height: 1px; color: #199ba8; background-color: #199ba8; border: 0;
}
#topnav_outer {
   display: inline-block;
   vertical-align: top;
   padding: 0; margin: 0;
   width: 100%;
   background-color: #fff;
   border-bottom: 5px #1f72b8 solid;
}
#topnav_inner {
   display: block;
   vertical-align: top;
   padding: 0; margin: 0 auto;
   width: 100%;
   max-width: 960px;
   height: 170px;
   background-image: url(/images/inspiration-4-floors-and-blinds.jpg);
   background-repeat: no-repeat;
   background-position: top left;
   position: relative;
   text-align: center;
}
#topnav_inner .logo {
   float: left;
   margin: 0;
   width: 468px;
   height: 150px;
}
#topnav_inner .logo2 {
   width: 100%;
   max-width: 380px;
   height: auto;
   display: none;
}
#topnav_inner .tel {
   float: right;
   font-size: 105%;
   font-weight: bold;
   text-align: right;
   line-height: 160%;
   color: #1f72b8;
   margin: 24px 24px 0 0;
   padding: 0;
}
#topnav_inner .tel a, #topnav_inner .tel a:visited {
   color: #1f72b8;
   margin: 0;
}
#topnav_inner .tel a:hover {
   color: #222;
}
#topnav_inner .spacer {
   display: none;
}
#topnav {
   position: absolute;
   bottom: 0; right: 15px;
   list-style: none;
   padding: 0;
   margin: 0;
}
#topnav li {
   float: left;
   text-align: left;
}
#topnav a {
   display: block;
   color: #fff;
   font-size: 110%;
   text-decoration: none;
   padding: 7px 20px;
   margin: 0 2px;
   background-color: #222;
   -webkit-border-radius: 5px 5px 0px 0px;
   -moz-border-radius: 5px 5px 0px 0px;
   border-radius: 5px 5px 0px 0px;
}
#topnav a:hover {
   background-color: #1f72b8;
}
#topnav .selected {
   background-color: #1f72b8;
}

#page_wrapper {
   background-color: #e7e7e7;
}

#body {
   display: block;
   vertical-align: top;
   width: 100%;
   max-width: 960px;
   margin: 0 auto;
}

#content_outer {
   display: inline-block;
   vertical-align: top;
   background-color: #fff;
   width: 100%;
}
#content {
   display: block;
   vertical-align: top;
   width: 95%;
   margin: 20px auto 30px auto;
}
#content p {
   color: #333;
   font-size: 100%;
   line-height: 150%;
   margin-top: 0;
   margin-bottom: 10px;
}
#content a, #content a:visited {
   color: #333;
   text-decoration: underline;
}
#content a:hover {
   color: #1f72b8;
   text-decoration: none;
}
#content h1 {
   color: #1f72b8;
   font-size: 160%;
   font-weight: normal;
   text-align: center;
   margin-top: 0;
   margin-bottom: 20px;
}
#content h2 {
   color: #1f72b8;
   font-size: 130%;
   font-weight: normal;
   margin-top: 15px;
   margin-bottom: 10px;
}
#content h3 {
   color: #1f72b8;
   font-size: 105%;
   margin-top: 15px;
   margin-bottom: 10px;
}
#content ul {
   margin-top: 0;
   margin-bottom: 10px;
   list-style-type: disc;
}
#content ol {
   margin-top: 0;
   margin-bottom: 10px;
   margin-left: 20px;
}
#content li {
   color: #333;
   font-size: 100%;
   line-height: 150%;
   margin: 8px 8px 8px 0;
}
#content .small {
   font-size: 90%;
}
#content .justify_text p {
   text-align: justify;
}
#content .box_wrapper {
   width: 80%;
   margin: 0 auto;
}
#content .box {
   display: block;
   float: left;
   width: 50%;
}
#content .box_inner {
   margin: 5px;
   padding: 15px 20px;
   background-color: #e7e7e7;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
}
#content .box_inner h2 {
   margin-top: 0;
   margin-bottom: 15px;
   text-align: center;
}
#content .large {
   font-size: 180%;
}
#content .logos {
   clear: both;
   padding-top: 20px;
}
#content .logos img {
   margin: 10px;
}
#content .services ul {
   margin: 15px 0;
}
#content .services li {
   float: left;
   margin: 5px 0 5px 5px;
   width: 45%;
}

#footer {
   padding-bottom: 50px;
   padding-top: 20px;
   background-color: #1f72b8;
}
#footer p {
   padding: 15px 10px 11px 10px;
   font-size: 95%;
   line-height: 175%;
   color: #fff;
   margin-top: 0;
   margin-bottom: 0;
   text-align: center;
}
#footer a, #footer a:visited {
   color: #fff;
   text-decoration: none;
}
#footer a:hover {
   color: #222;
   text-decoration: underline;
}

@media (max-width: 950px) {
   #topnav_inner {
      background-position: top center;
      height: auto;
   }
   #topnav_inner .logo {
      float: none;
      height: 170px;
   }
   #topnav_inner .tel {
      float: none;
      text-align: center;
      margin: 0 0 10px 0;
   }
   #topnav_inner .br {
      display: none;
   }
   #topnav_inner .spacer {
      display: inline;
   }
   #topnav {
      display: inline-block;
      vertical-align: top;
      margin: 0 auto;
      position: static;
   }
   #content .box_wrapper {
      width: 100%;
   }
   #footer {
      padding-bottom: 20px;
      padding-top: 0;
   }
   #footer p {
      font-size: 85%;
   }
   #footer .slogan {
      display: none;
   }
}
@media (max-width: 600px) {
   #content .box {
      width: 100%;
      float: none;
   }
   #content .services li {
      float: none;
      margin: 5px 0 5px 0;
      width: 100%;
   }
   #footer {
      padding-bottom: 15px;
      padding-top: 15px;
   }
}
@media (max-width: 500px) {
   #topnav_outer {
      border-bottom: 0 #1f72b8 solid;
   }
   #topnav_inner {
      background-image: none;
   }
   #topnav_inner .logo {
      display: none;
   }
   #topnav_inner .logo2 {
      display: inline;
   }
   #topnav a {
      font-size: 100%;
      padding: 9px 15px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
   }
   #topnav .full {
      display: none;
   }
}
@media (max-width: 420px) {
   #content .logos img {
      display: block;
      width: 100%;
      height: auto;
      margin: 10px 0;
   }
   #topnav_inner .br {
      display: inline;
   }
   #topnav_inner .spacer {
      display: none;
   }
}