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

CSS:        Alexan Midtown
Author:     Tem Aguerre 
Company:    LeaseLabs
Version:    1.0

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

/* ! Colors */

/*

Blue: #7094dd
Green: #7fc701

*/

/* ! Global Classes */

.clear {
clear: both;
}

.hidden {
visibility: hidden;
}

.gone {
display: none;
}

/* ! Basics & Typography */


body {
background: #222222 url(../images/bg-body.png) repeat-x;
font-family: Helvetica, Arial, sans-serif;
color: #fff;
}

a {
}
a:hover {
}
a:active{
}
a:visited {
}

a span {
display: none;
}

p {
}

h1 {
}

h1 span {
display: none;
}

h2 {
}

h3 {
}

h4 {
}

#btn_gallery { height: 4px; display:block; }

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

#wrapper {
background: #e3e3e3 url(../images/bg-body.png) repeat-x;
}

.container {
width: 980px;
margin: 0 auto;
padding: 0 25px;
background: url(../images/shadow-content.png) no-repeat center bottom;
}

/* ! Branding */

#branding {
background: url(../images/logo.png) no-repeat left top;
}

#branding #logo_home {
display: block;
width: 250px;
height: 70px;
float: left;
}

/* ! Main Menu */

#main_menu {
background: url(../images/bg-swatch.png) no-repeat right top;
text-align: right;
word-spacing: 0; /* ff inline-block fix */
font-size: 0; /* safari inline-block fix */
height: 77px;
}

  #main_menu li {
  display: inline-block;
  font-family: "Lucida Sans Unicode", sans-serif;
  word-spacing: normal; /* ff inline-block fix */
  font-size: 12px; /* safari inline-block fix */
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: normal;
  }
  #main_menu li:first-child {
  border-left: none !important;
  }
  
    #main_menu li a {
    display: block;
    height: 42px;
    margin-top: 35px;
    }
    
    a.home {
    width: 75px;
    background: url(../images/a-home.png) no-repeat bottom;
    }
    a.home:hover {
    background: url(../images/a-home.png) no-repeat top;
    }

    a.floorplans {
    width: 122px;
    background: url(../images/a-floorplans.png) no-repeat bottom;
    }
    a.floorplans:hover {
    background: url(../images/a-floorplans.png) no-repeat top;
    }
    
    a.lifestyle {
    width: 104px;
    background: url(../images/a-lifestyle.png) no-repeat bottom;
    }
    a.lifestyle:hover {
    background: url(../images/a-lifestyle.png) no-repeat top;
    }
    
    a.location {
    width: 104px;
    background: url(../images/a-location.png) no-repeat bottom;
    }
    a.location:hover {
    background: url(../images/a-location.png) no-repeat top;
    }
    
    a.resident_access {
    width: 154px;
    background: url(../images/a-resident-access.png) no-repeat bottom;
    }
    a.resident_access:hover {
    background: url(../images/a-resident-access.png) no-repeat top;
    }
    
    a.contact_us {
    width: 111px;
    background: url(../images/a-contact-us.png) no-repeat bottom;
    }
    a.contact_us:hover {
    background: url(../images/a-contact-us.png) no-repeat top;
    }    
         
    #main_menu li a.current {
    background-position: top;
    }

/* ! Content */

#content_area {
padding: 10px;
border: solid 1px #f0efef;
}

#content {
background: url(../images/bg-content.png) repeat-x;
height: 410px;
position: relative;
padding-top: 0;
}

/* ! Slideshow */

#slideshow {
position: relative;
width: 630px;
height: 410px;
overflow: hidden;
background: url(../images/loading.png);
}

  #slideshow img {
  position: absolute;
  left: 0;
  top: 0;
  width: 630px;
  height: 410px;
  }

#copy {
position: absolute;
right: 0;
top: 0;
width: 288px;
height: 410px;
padding-left: 20px;
padding-right: 20px;
}

/* ! locations */


/* ! Subcontent */

#subcontent {
height: 140px;
padding-left: 30px;
position: relative;
}

#submenu {
word-spacing: 0; /* ff inline-block fix */
font-size: 0; /* safari inline-block fix */
display: inline;
}

  #submenu li {
  display: inline-block;
  background-image: url(../images/bg-rounded.png);
  background-repeat: no-repeat;
  background-color: #6b5f24;
  word-spacing: normal; /* ff inline-block fix */
  font-size: 14px; /* safari inline-block fix */ 
  }
  
    #submenu li a {
    display: block;
    width: 135px;
    height: 35px;
    background-image: url(../images/bg-submenu-items.png);
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #fff;
    }

  #submenu li a:hover, #submenu li a.current {
  border-bottom-color: #6B5F24;
  }
  
  #submenu li+li {
  background-color: #f3ac20;
  }
  #submenu li+li a:hover, #submenu li+li a.current {
  border-bottom-color: #e9c500;
  }
  
  #submenu li+li+li {
  background-color: #0b5e89;
  }
  #submenu li+li+li a:hover, #submenu li+li+li a.current {
  border-bottom-color: #0b5e89;
  }
  
  #submenu li+li+li+li {
  background-color: #000;
  }
  #submenu li+li+li+li a:hover, #submenu li+li+li+li a.current {
  border-bottom-color: #000;
  }
  
/* ! Submenu Items */
    
    /* home */
        
    .soul {
    background-position: 0 0;
    }
    
    .savvy {
    background-position: -135px 0;
    }
    
    .style {
    background-position: -270px 0;
    }
    
    /* floorplans */
    
    .studios {
    background-position: 0 -35px;
    }
    
    .one_bedrooms {
    background-position: -135px -35px;
    }
    
    .two_bedrooms {
    background-position: -270px -35px;
    }
    
    .building_plan {
    background-position: -405px -35px;
    }
    
    /* lifestyle */
    
    .interior_style {
    background-position: 0 -70px;
    }
    
    .kitchens {
    background-position: -135px -70px;
    }
    
    .the_club {
    background-position: -270px -70px;
    }
    
    .surroundings {
    background-position: -405px -70px;
    }
    
    /* location */
    
    .out_about {
    background-position: 0 -105px;
    }
    
    .food_drinks {
    background-position: -135px -105px;
    }
    
    .conveniences {
    background-position: -270px -105px;
    }
    
    .shopping {
    background-position: -405px -105px;
    }
    
    /* contact us */
    
    .events {
    background-position: 0 -140px;
    }
    
    .resident_services {
    background-position: -135px -140px;
    }
    
    .service_request {
    background-position: -270px -140px;
    }
    
    .suggestions {
    background-position: -405px -140px;
    }
    
    /* ---- */
 
  #subcontent > #specials a {
  position: absolute;
  right: 160px;
  top: 0;
  display: block;
  width: 181px;
  height: 52px;
  background: url(../images/a-specials.png) no-repeat left top;
  }
  #subcontent > #specials a:hover {
  background: url(../images/a-specials.png) no-repeat right top;
  }

  #subcontent > a {
  position: absolute;
  right: 12px;
  top: 0;
  display: block;
  width: 145px;
  height: 52px;
  background: url(../images/a-photo-gallery.png) no-repeat left top;
  }
  #subcontent > a:hover {
  background: url(../images/a-photo-gallery.png) no-repeat right top;
  }

  body#location #subcontent > a.midtown_grid {
  position: absolute;
  right: 270px;
  top: 0;
  display: block;
  width: 135px;
  height: 35px;
  background-image: url(../images/bg-submenu-midtown-grid.png);
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #fff;
  background-color: #e9c500;
  }
  body#location #subcontent > a.midtown_grid:hover {
  border-bottom-color: #e9c500;
  }

  body#location #subcontent > a.light_rail {
  position: absolute;
  right: 135px;
  top: 0;
  display: block;
  width: 135px;
  height: 35px;
  background-image: url(../images/bg-submenu-light-rail.png);
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #fff;
  background-color: #6a090f;
  }
  body#location #subcontent > a.light_rail:hover {
  border-bottom-color: #6a090f;
  }
  
  
  body#location #subcontent > a.btn-print {
  position: absolute;
  right: 97px;
  top: 0;
  display: block;
  width: 35px;
  height: 88px;
  background-image: url(../images/bg-submenu-print.png);
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #fff;
  }
  body#location #subcontent > a.print:hover {
  border-bottom-color: #6a090f;
  }
    
  #submenu_text {
  width: 660px;
  height: 60px;
  margin-left: 90px;
  margin-top: 15px;
  padding: 2px 5px 3px 0px;
  }
  
  #submenu_text > * {
  display: inline-block;
  vertical-align: middle;
  }
  
    #submenu_text span {
    background: url(../images/bg-submenu-text.png) no-repeat;
    width: 16px;
    height: 65px;
    }
  
    #submenu_text p {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    line-height: 21px;
    color: #3a3939;
    margin-left: 12px;
    width: 620px;
    font-weight: normal;
    }

/* ! Footer */

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

#footer .container {
width: 960px;
height: 160px;
margin: 0 auto;
position: relative;
padding-top: 6px;
background: none;
}

#footer .container > div {
position: absolute;
}

  #tcr {
  background: url(../images/bg-footer-tcr.png) no-repeat;
  left: 47px;
  display: block;
  width: 152px;
  height: 112px;
  }
  

  
  #call {
  background-color: #373434;
  width: 265px;
  height: 41px;
  left: 179px;
  font-size: 14px;
  line-height: 41px;
  z-index: 7;
  text-align: center;
  font-weight: bold;
  }
  
  #address {
  background: url(../images/bg-footer-address.png) no-repeat;
  width: 210px;
  height: 74px;
  left: 425px;
  z-index: 6;
  font-size: 12px;
  line-height: 150%;
  padding: 10px 0 0 45px;
  }
  
  #visit_facebook {
  right: 26px;
  }
  
  #visit_facebook a {
  background: #000 url(../images/bg-footer-visit-facebook.png) no-repeat center;
  display: block;
  width: 153px;
  height: 59px;
  }
  
  #visit_facebook a:hover {
  height: 65px;
  }
  
  #admin_use {
  right: 183px;
  }
  
  #admin_use a {
  background: #000 url(../images/bg-footer-admin-use.png) no-repeat center;
  display: block;
  width: 139px;
  height: 59px;
  }
  #admin_use a:hover {
  height: 65px;
  }
  
  #equal_housing {
  background: url(../images/bg-footer-equal-housing.png);
  width: 28px;
  height: 25px;
  left: 356px;
  top: 60px;
  }

#cl_wrapper {
background: #222222;

}

#copyright_links {
height: 35px;
bottom: 10px;
right: 10px;
font-size: 12px;
text-align: right;
width: 960px;
margin: 0 auto;

}
  
#copyright_links a {
color: #fff;
text-decoration: none;
}

#copyright_links a:hover {
text-decoration: underline;
}

#copyright_links a.dzap_link {
padding-left: 27px;
background: url(../images/bg-footer-dzap-logo.png) no-repeat left top;
line-height: 30px;
display: inline-block;
}

#cboxContent {
background-color: #6A3A00;
}

#privacy_iframe {
color: #fff;
}

#privacy_iframe h2 {
margin: 40px 40px 15px;
color: #ddc321;
}

#privacy_iframe p {
margin: 40px 40px 15px;
}

#resident_services_iframe {
color: #fff;
}

#resident_services_iframe h2 {
color: #ddc321;
margin: 40px 40px 15px;
}

#resident_services_iframe ul {
margin: 20px 40px 15px;
}

#resident_services_iframe li {
list-style-type: disc;
margin-top: 20px;
}

p.thanks {
margin: 40px;
line-height: 150%;
}

p.thanks a {
color: #ddc321;
text-decoration: none;
}
p.thanks a:hover {
text-decoration: underline;
}

#caution {
position: fixed;
top: 0;
z-index: 99999;
display: block;
width: 100%;
height: 40px;
/* background: url(../../images/admin/backgrounds/staging-caution.png) repeat-x bottom; */
background-color: #0b5e89;

color:#fff;
font-size:16px;
font-weight:bold;
letter-spacing:1px;
line-height: 33px;
text-shadow: 0 -1px 0 #000;
text-transform:uppercase;
text-align: center;
}

#caution p {
margin-right: 20px;
}

#session_panel {
padding-top: 45px;
}