/*------------------------------
     
        .
       /'
      //
  .  //
  |\  /7
 /' " \      
.   ◕ ◕    oh hai!
| (    \   /
|  '._  '    
/   \  '-'    


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 {
}
a:visited {
}
a:hover {
}
a:active{
}

p {
font-size: 12px;
}

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

h2 {
font-size: 16px;
font-weight: normal;
color: #034180;
}

h3 {
}

h4 {
}

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

#wrapper {
width: 926px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}

/* ! 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: 5px;
  right: 15px;
  }
  
    #main_menu li {
    float: left;
    }
    
      #main_menu li a {
      display: block;
      padding: 10px 0px 10px 10px;
      margin-left: 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 123px;
  }
  
    #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;
        }

/* ! 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;
  }

/* ! Content */

#content_body {
padding-left: 20px;
}

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

#content {
width: 640px;
float: left;
}

  .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 h3 {
    font-size: 16px;
    font-weight: normal;
    line-height: 140%;
    margin-bottom: 5px;
    }
    
    .post p + h3, .post ul + h3 {
    margin-top: 20px;
    }
    
    .post h4 {
    font-weight: normal;
    font-style: italic;
    font-size: 14px;
    line-height: 200%;
    }
    
    .post p {
    line-height: 170%;
    }
    
    .post p.apply {
    margin-bottom: 20px !important;
    font-size: 13px;
    }
    
      .post p.apply a {
      color: #034180;
      }
      
      .post p.apply a:hover {
      text-decoration: none;
      }

    
    .post p + p {
    margin-top: 25px;
    }
    
    .post ul + p {
    margin-top: 25px;
    }
    
    .post ul li {
    background: url(../images/bullet.png) no-repeat 2px 7px !important;
    padding: 3px 5px 3px 10px;
    line-height: 130%;
    }

    .management h3 {
    line-height: 100%;
    margin-bottom: 0px;
    }
  
    .management img {
    margin-top: 15px;
    margin-bottom: 10px;
    }

  /* ! Communities */
  
  .container_region {
  border-bottom: 2px solid #f3f3f3;
  }
  
  .container_region a {
  text-decoration: none;
  }
  .container_region a:hover {
  text-decoration: underline;
  }
  
    .container_region h2 {
    clear: both;
    }
  
    .container_region h2 a {
    color: #034180;
    font-size: 15px;
    }
    
      .container_region div h3 {
      clear: both;
      font-weight: normal;
      font-size: 13px;
      line-height: 35px;
      }
      
        .container_region div h3 a {
        color: #034180;
        }
    
      .container_region div ul li {
      float: left;
      margin-bottom: 10px;
      width: 30%;
      background: url() !important;
      }
    
      .container_region div ul li a {
      color: #b51819;
      }

  /* ! Contact Forms */

  .form_body {
  padding: 15px 0;
  }
    
    .form_row {
    clear: both;
    margin-bottom: 10px;
    }
    
    .form_row a{
    color:#034180;
    }
    
      .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;
      
      }

  #content_accordion {
  margin-top: 20px;
  }

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

      #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.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 !important;
          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;
            }
            
              ul#content_accordion li ul li ol li {
              margin-top: 10px;
              margin-left: 23px;
              list-style-type:decimal;
              font-weight: bold;
              }
              
                ul#content_accordion li ul li ol li span{ font-weight: normal; }


/* ! Sidebar */

#sidebar {
width: 231px;
float: right;
padding: 15px 10px 10px 0px;
}
  
  .widget {
  background: #f3f3f3;
  border: 1px solid #e2dfdf;
  padding: 5px;
  margin-bottom: 10px;
  }
  
    .widget #dropdown {
    background: #003265 url(../images/bg-submenu.png) no-repeat left top;
    padding: 10px 10px 5px;
    color: #fff;
    }
    
      .widget #dropdown p {
      margin-bottom: 10px;
      font-size: 12px;
      line-height: 150%;
      }
      
      .widget #dropdown select {
      width: 100%;
      }
    
  .submenu_widget {
  margin-left: -21px;
  }
    
    .submenu_widget #submenu {
    background: url(../images/bg-submenu.jpg) no-repeat 21px 0px;
    padding: 10px 0px 5px;
    color: #fff;
    height: 332px;
    }
    
      .submenu_widget #submenu ul {
      padding: 90px 0px 20px;
      }
      
        .submenu_widget #submenu ul li {
        margin-bottom: 5px;
        }
      
          .submenu_widget #submenu ul li a {
          display: block;
          color: #fff;
          text-decoration: none;
          line-height: 30px;
          font-size: 15px;
          padding-left: 45px;
          }
          .submenu_widget #submenu ul li a:hover {
          background: url(../images/submenu-a-bg.png) no-repeat 27px 0px;
          }
          
          .submenu_widget #submenu ul li a.current {
          background: url(../images/submenu-current.png) no-repeat;
          }


/* ! 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: -355px;
  }
    
    .footer_content p, .footer_content img, .footer_content span, .footer_content a.footerbtn {
    float: left;
    }
    
    .leaselabsbtn{
    float: left;
    background: url(../images/footer-slice.png) top right no-repeat;
    width:135px;
    height:35px;
    margin-right:30px;
    }
     
    .footer_content img{
    margin-right:23px;
    bottom:2px;
    position:relative;
    }
    
    .footer_content p {
    line-height: 23px;
    }
    
    .footer_content p a {
    color: #fff;
    }
  
    a.footerbtn {
    display: block;
    background: url(../images/footer-equal-housing.png);
    width: 175px;
    height: 23px;
    margin-left: 30px;
    }
    
a.ebrochure{
  font-size: 14px;
  font-weight: normal;
  color: #034180;
  text-decoration: none;
  background: url(../images/pdf.png) no-repeat;
  padding-left: 30px;
  padding-top: 2px;
}
  a.ebrochure:hover{
  text-decoration: underline;
  }        

a.customer_service{
  font-size: 12px;
  font-weight: normal;
  color: #034180;
  text-decoration: none;
  background: url(../images/pdf.png) no-repeat;
  padding-left: 30px;
  padding-top: 2px;
  padding-bottom: 2px;
  position: relative;
  bottom:6px;
}
  a.customer_service:hover{
  text-decoration: underline;
  }