/*------------------------------

CSS:        LeaseLabs.com - Echelon Property Theme
Author:     Tem Aguerre 
Company:    LeaseLabs
Version:    1.0

-------------------------------*/

/* ! Colors */

/*

Background: #d8f0f9

Blue: #7094dd
Green: #7fc701

*/

/* ! Global Classes */

.clear {
clear: both;
}

.hidden {
visibility: hidden;
}

.gone {
display: none;
}

a span, h1 span, h2 span, h3 span, h4 span {
display: none;
}

/* ! Basics & Typography */

body {
background: url(../images/body-bg.png) repeat-x;
font-family: Geneva, "MS Sans Serif", sans-serif;
font-size: 12px;
}

a:link {
color: #b51819;
text-decoration: none;
}
a:visited {
}
a:hover {
text-decoration: underline;
}
a:active{
}

p {
font-size: 12px;
}

h1 {
font-size: 18px;
font-weight: normal;
color: #034180;
}

h2 {
}

h3 {
}

h4 {
}

/* ----------- */

#wrapper {
width: 926px;
margin: 0 auto;
}

/* ! Navigation */

#nav {
height: 130px;
position: relative;
font-size: 12px;
text-transform: uppercase;
}

  #logo {
  position: absolute;
  bottom: 20px;
  left: 15px;
  }

  ul#main_menu {
  position: absolute;
  bottom: 20px;
  right: 15px;
  }
  
    #main_menu li {
    float: left;
    }
    
      #main_menu li a {
      display: block;
      padding: 10px 0px 10px 10px;
      text-decoration: none;
      color: #fff;
      float: left;
      height: 10px;
      }
      #main_menu li a:hover {
      background: url(../images/main-menu-bg.png);
      color: #fff;
      }
      
      #main_menu li span {
      display: block;
      background: url();
      width: 10px;
      height: 30px;
      float: right;
      }
      
      #main_menu li a:hover + span {
      background: url(../images/main-menu-bg-span.png) no-repeat;
      }
  
    
  ul#social_menu {
  background: url(../images/social-menu-bg.png) no-repeat 30px center;
  position: absolute;
  top: 6px;
  right: 0;
  width: 172px;
  height: 34px;
  padding: 5px 0 0 118px;
  }
  
    #social_menu li {
    float: left;
    margin-left: 7px;
    }
    
      #social_menu li a {
      display: block;
      width: 24px;
      height: 24px;
      }
      
        a.facebook {
        background: url(../images/social-menu-facebook.png) no-repeat;
        }
        a.twitter {
        background: url(../images/social-menu-twitter.png) no-repeat;
        }
        a.walkscore {
        background: url(../images/social-menu-walkscore.png) no-repeat;
        }
        a.rss {
        background: url(../images/social-menu-rss.png) no-repeat;
        }

/* ! Header */

#header {
height: 310px;
background: url(../images/header-bg.png) no-repeat center;
padding-top: 10px;
padding-left: 15px;
}

  #header .media {
  display: block;
  width: 896px;
  position: relative;
  }
  
    #header .media .square_image {
    position: absolute;
    z-index: 100;
    right: 0;
    border-left: 3px solid #fff;
    }

    #map_container {
    position: relative;
    }
    
    #map_container a {
    }
    
      /* Google Maps */
    
      .map_poi_info {
      font-size: 13px;
      line-height: 120%;
      }
      
        .map_poi_info p {
        margin-top: 5px;
        margin-bottom: 3px;
        line-height: 120%;
        }
      
        .map_poi_info a {
        color: #9d1712;
        font-size: 10px;
        }
        .map_poi_info a:hover {
        text-decoration: underline;
        }
        
          .map_poi_info strong a {
          text-decoration: none;
          text-transform: uppercase;
          font-size: 13px;
          line-height: 120%;
          }
          .map_poi_info strong a:hover {
          text-decoration: none;
          }
    
/* ! Content */

#content_body {
}

/* ----------- */

#content {
width: 640px;
float: right;
margin-right: 15px;
}

  .links {
  height: 122px;
  padding: 15px 0px 0px 8px;
  background: url(../images/links-bg.png) no-repeat bottom left;
  }
  
    .links a {
    display: block;
    width: 206px;
    height: 115px;
    float: left;
    margin-left: 2px;
    }
  
  .post {
  }
  
    .post h1, .post h2 {
    line-height: 58px;
    }
    
    .post p {
    line-height: 170%;
    }
    
    .post p + p {
    margin-top: 25px;
    }

  /* ! Content Accordion */
  
  #content_accordion {
  margin-top: 20px;
  }

    #content_accordion li {
    padding: 1px;
    background: url(../images/accordion-bg.png) repeat-x;
    }

      #content_accordion li a {
      display: block;
      padding-left: 60px;
      background: url(../images/floorplans-accordion-li-bg.png) no-repeat 5px -1px;
      height: 28px;
      line-height: 28px;
      border: 1px solid #fff;
      font-size: 13px;
      letter-spacing: 1px;
      font-weight: normal;
      text-transform: uppercase;
      text-decoration: none;
      color: #fff;
      }
      a.noaccordion {
      background: url(../images/list-bg.png) no-repeat 5px -1px !important;
      }
      a.noaccordion:hover {
      cursor: default !important;
      }
      
        ul.floorplans_acc li ul {
        margin-bottom: 50px;
        }
        
        ul.floorplans_acc li ul.check_availability {
        margin-bottom: 0px;
        }
        
        ul.resident_access_acc li ul {
        margin-bottom: 20px;
        }
        
          ul.resident_access_acc p {
          margin-top: 10px;
          }
          
          ul.resident_access_acc p + p {
          }
        
          ul#content_accordion li ul li {
          background: none;
          padding: 0;
          }
          
            ul#content_accordion li ul li a {
            display: inline;
            padding-left: 0;
            background: none;
            height: inherit;
            line-height: inherit;
            border: none;
            font-family: Helvetica, Arial, sans-serif;
            font-size: 13px;
            letter-spacing: normal;
            font-weight: normal;
            text-transform: none;
            color: #9d1712;
            
            }
            ul#content_accordion li a:hover {
            text-decoration: none;
            cursor: pointer;
            }
            ul#content_accordion li ul li a:hover {
            text-decoration: underline;
            }

      /* ! Floorplans Accordion */

      .unit {
      padding: 20px 15px;
      border-bottom: 1px dotted #1c1c1c;
      }
      
      .unit a {
      border: none !important;
      outline: none !important;
      background: none !important;
      }
            
        .unit .info {
        width: 455px;
        float: left;
        }
        
          .unit .info .name {
          float: left;
          }
          
            .unit .info .name h3 {
            padding-bottom: 0px !important;
            margin: 0px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 16px;
            line-height: 14px;
            font-weight: bold;
            text-transform: capitalize;
            color: #c3270e;
            }
            
            .unit .info .name p {
            margin: 0px;
            padding: 0px;
            line-height: 30px;
            }
          
          .unit .info .check_availability {
          background: url(../images/floorplan-check-bg.png) no-repeat;
          float: right;
          margin: 0;
          padding: 0 !important;
          width: 153px;
          height: 36px;
          }
          
            .unit .info .check_availability a {
            display: block !important;
            font-size: 12px !important;
            line-height: 32px !important;
            color: #fff !important;
            text-transform: uppercase !important;
            text-align: center;
            }
          
          .unit .info .price {
          width: 280px;
          padding-left: 5px;
          border-top: 1px solid #c9d4d6;
          border-bottom: 1px solid #c9d4d6;
          background: #e6eff1;
          *background: #e6eff1 url(../images/monies.png) no-repeat 95px 15px;
          position: relative;
          }
          
          .unit .info .no_dollar {
          *background: #e6eff1 url(../images/monies.png) no-repeat -999px !important;
          }
          
            .unit .info .price p {
            margin: 0px;
            line-height: 60px;
/*             font-style: italic; */
            font-size: 18px;
            color: #333;
            }
            
              .unit .info .price p span.monies {
              padding: 15px;
              background: url(../images/monies.png) no-repeat 0 10px;
              }
              
              .unit .info .price p span.nomonies {
              display: none;
              }
            
            .unit .info .price a.apply_button {
            display: block !important;
            width: 90px !important;
            height: 25px !important;
            background: url(../images/btn-applynow.png) no-repeat center !important;
            position: absolute;
            top: 15px;
            right: 15px;
            }
            
              .unit .info .price a span {
              }
          
          .unit .info .details {
          width: 280px;
          }
          
          .unit .info .details p {
          margin: 20px 0 0 0 !important;
          }
          
            .unit .info .details p strong {
            color: #c3270e;
            }
          
        .unit .image {
        width: 140px;
        float: right;
        margin: 0px !important;
        padding: 0px !important;
        }
        
          .unit .image a {
          padding: 0px !important;
          }
          
            .unit .image a img {
            margin: 0 0 10px 0;
            padding: 0px !important;
            border: none;
            }
          
          .unit .image a.enlarge {
          display: block !important;
          height: 25px !important;
          background: url(../images/floorplan-enlarge.png) no-repeat center !important;
          clear: both;
          }

      /* ! Amenities Accordion */
  
      .amenity_group ul {
      margin-top: 10px;
      margin-left: 5px;
      }
      
      .amenity_group ul li {
      display: block;
      background: url(../images/bullet.png) no-repeat 2px 7px !important;
      padding: 3px 5px 3px 10px !important;
      width: 31%;
      float: left;
      }
      
      .amenity_group+.amenity_group {
      margin-top: 20px;
      }


  /* ! POI Accordion */   

    ul.poi_groups {
    margin-top: 20px;
    }
    
    .poi  {
    width: 50%;
    float: left;
    margin-bottom: 10px;
    }
          
      .poi_pin {
      background: url(../images/blank.png) no-repeat center 5px;
      width: 40px;
      line-height: 30px;
      display: block;
      float: left;
      text-align: center;
      color: #fff;
      }
      
      .poi_name {
      float: left;
      }
      
        .poi_name p, .poi_name p a {
        color: #9d1712; !important;
        font-weight: bold !important;
        line-height: 14px !important;
        margin: 5px 0 0 !important;
        text-transform: uppercase !important;
        width: 170px !important;
        }
        .poi_name p a:hover {
        text-decoration: none !important;
        }

  /* ! Contact Forms */

  .form_body {
  padding: 15px 0;
  }
    
    .form_row {
    clear: both;
    margin-bottom: 10px;
    }
    
      .form_row label {
      padding-left: 2px;
      display: block;
      clear: right;
      font-size: 11px;
      font-weight: bold;
      line-height: 18px;
      }
      
      .form_row textarea, .form_row input[type="text"] {
      font-family: Helvetica, Arial, sans-serif;
      font-size: 12px;
      outline: 1px solid #ddd;
      border-top: 1px solid #7c7c7c;
      border-left: 1px solid #7c7c7c;
      border-right: 1px solid #7c7c7c;
      border-bottom: 1px solid #fff;
      }
      
      .form_row input {
      padding: 4px;
      }
            
      .form_row textarea {
      padding: 3px;
      
      }

  .contactinfo {
  margin-top: 10px;
  }
  
    .contactinfo h2 {
    font-size: 15px;
    line-height: 30px;
    font-weight: normal;
    }
    
    .contactinfo p {
    line-height: 120%;
    }
    
    .contactinfo p + p {
    margin-top: 5px;
    }


/* ! Sidebar */

#sidebar {
width: 231px;
float: left;
padding: 15px 0px 10px 25px;
}

  .bumper {
  width: 203px;
  height: 86px;
  background: url(../images/sidebar-bumper-bg.png) no-repeat top left;
  color: #fff;
  padding: 15px 10px;
  margin-bottom: 25px;
  position: relative;
  }
  
    .bumper p {
    font-size: 14px;
    line-height: 140%;
    }
    
      .bumper p strong {
      color: #63c8e7;
      font-weight: normal;
      }
      
      .bumper a.mapit {
      display: block;
      width: 78px;
      height: 31px;
      background: url(../images/btn-mapit.png);
      position: absolute;
      bottom: 4px;
      right: 4px;
      }

  .widget {
  }
  
    .widget h3 {
    margin-bottom: 5px;
    }
    
    .widget h3.header_photogallery {
    display: block;
    background: url(../images/sidebar-header-photogallery.png) no-repeat left center;
    height: 30px;
    }
    
    .widget h3.header_print_brochure {
    }
    
      h3.header_print_brochure a {
      display: block;
      height: 30px;
      width: 100%;
      background: url(../images/sidebar-header-print-brochure.png) no-repeat left center;
      border: none;
      margin-top: 10px;
      }
    
    .widget a {
    display: block;
    border: 1px solid #b7b3aa;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    }
    
      .widget a img {
      border: 2px solid #fff;
      }

/* ! Footer */

html, body {
height: 100%;
}
#footer, .push {
height: 175px; /* .push must be the same height as .footer */
}

#footer {
background: url(../images/footer-bg.png) repeat-x;
margin-top: 50px;
position: relative;
}

  .footer_content {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -410px;
  width: 820px;
  }
  
    .footer_content p, .footer_content a.footerbtn {
    float: left;
    }
    
    .footer_content p {
    line-height: 50px;
    }
    
    .footer_content p img {
    margin-right: 30px;
    margin-bottom: -4px;
    }
    
    .footer_content p a {
    color: #fff;
    }
  
    a.footerbtn {
    display: block;
    background: url(../images/footer-corporate-link.png);
    width: 235px;
    height: 50px;
    margin-left: 40px;
    }