/*
Author:Tem Aguerre
	Table of Contents:
	----------------- 
	
	Initial Resets 
	Debugging 
	Initial Global Styling 
	Global Classes 
	Typography 
	Header Layout 
	Content Layout 
	Footer Layout 
	Colors 
	------*/
	
/* Initial Resets--------------------------------------------------------------------------------------- */
* {
	margin:0;
	padding:0;
}

html {
  overflow-y: scroll;
}

/* Debugging div {
	background-color:#E3EDFB;
	border:1px dashed #C2DAFB;
}
a {
	background-color:#FBE3E4;
	border:1px dashed #FBC2C4;
}
ul {
	background-color:#F5F5B6;
	border:1px solid #F5F562;
}
li {
	border:1px solid #8AEB6D;
	background-color: #CFFBC2;
}
.red {
	background-color:red;
}

.redBorder {
	border:1px dashed red;
}

.blue {
	background-color:blue;
}

.pink {
	background-color:pink;
}

.pinkBorder {
	border:1px dashed pink;
}

.yellow {
	background-color:yellow
}

.yellowBorder {
	border: 1px dashed yellow;
}*/

/* Initial Global Styling--------------------------------------------------------------------------------------- */
body {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	background:#72614C url(../images/bg-body-brown.png) repeat-x;
	_background:#72614C url(../images/bg-body-brown.jpg) repeat-x;
	color:#FFFFFF;
	font-size:12px;
}

span {
	display: none;
}

/* Global Classes--------------------------------------------------------------------------------------- */
.clear {
	clear:both;
}

.current {
	border-top-color:#2E1C06 !important;
}

.wrapper {
	width:960px;
	margin:0 auto;
}

.in-line {
	float: left;
	margin-top: 40px;
}

.btn-view-gallery {
	border-bottom:1px solid #A9A398;
	background:url(../images/btn-view-gallery.png) no-repeat 8px 2px;
	margin-bottom:25px;
}

.btn-view-gallery a {
	display:block;
	height:35px;
}

.header-contact-us {
	border-top:1px solid #A9A398;
	border-bottom:1px solid #A9A398;
	background:url(../images/header-contact-us.png) no-repeat 8px;
	height:37px;
	margin-top:25px;
}

.header-please-click {
	background:url(../images/header-please-click.png) no-repeat;
	height:10px;
}

.header-click-images {
	background:url(../images/header-click-images.png) no-repeat;
	height:10px;
}

.expander {
	width:100%;
	background: #302920 url(../images/bg-footer-brown.png) repeat-x;
	padding-top: 40px;
}

.box {
	position:relative;
	width: 100%;
	margin: 20px 0 20px 0;
}

/* Rounded corner Boxes */
#box-content {
	padding:30px;
	background-color:#201B15;
}

.corner {
	position:absolute;
	width:10px;
	height:10px;
	background:url(../images/corners.png) no-repeat;
	font-size:0%;
}

.TL {
	top:0;
	left:0;
	background-position:0 0;
}

.TR {
	top:0;
	right:0;
	background-position:-10px 0;
}

.BL {
	bottom:0;
	left:0;
	background-position:0 -10px;
}

.BR {
	bottom:0;
	right:0;
	background-position:-10px -10px;
}

.box-content {

}

.box-item {
	width:130px;
	float:left;
	margin-left:14px;
	margin-bottom:40px;
	font-size:11px;
	text-transform:uppercase;
	text-align:center;
	overflow: hidden;
}

.item-floorplan {
	margin-bottom: 10px;
	background-color: #fff;
	width: 130px;
	height: 130px;
}

.item-id {
	color:#E9CD72;
	font-size: 12px;
	margin-bottom: 2px;
}

.item-type {
}

.item-size {
}

.box-location {
	width: 270px;
	float: left;
	margin-bottom: 10px;
	margin-right: 25px;
}

.box-location h2 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-indent: 20px;
	background: url(../images/location-h2-icon.png) no-repeat 0px 4px;
	margin-top: 0px !important;
}

.box-location p {
}

#short {
	width: 410px;
	float: left;
}

#short li {margin-left: 10px; list-style: outside;}


.rightify {
	float: right;
}

.left {
	float:left;
	margin-left: 10px;
}


.markdown h2, .markdown h3, .markdown p {
	margin-top: 10px;
}

.markdown ul{
	padding-left: 15px;
}

.gmnoprint {
  color: #000;
}

/* Typography--------------------------------------------------------------------------------------- */
a:link {
	color: #E9CD72;
	text-decoration: none;
	
}

a:visited {
	color:#E9CD72;
	text-decoration: none;
}

a:hover {
  text-decoration: underline;
	color:#E9CD72;
}

a:active {
text-decoration: none;
}

h1, h2 {
	font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
}

h1 {
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	width:100%;
	border-bottom:1px solid #A9A398;
	padding-bottom:17px;
	margin-bottom:20px;
}

h2 {
	font-size:15px;
}

h3 {
}

h5, h6 {
display: block;
width: 40px;
font-family: Helvetica, Arial, sans-serif;
text-align: center;
position: relative;
}

h5 {
line-height: 15px;
background-color: #BB3737;
font-weight: normal;
font-size: 10px;
border-bottom: 1px solid #ccc;
margin-top: 20px;
}

h6 {
line-height: 25px;
background-color: #fff;
color: #333;
font-size: 20px;
margin-bottom: -53px;
}

h6 + p {
width: 400px;
min-height: 50px;
padding-left: 50px;
line-height: 15px;
}

p {
}

img {
	border: 0px;
}

/* Header Layout--------------------------------------------------------------------------------------- */
#logo {
	height:85px;
	background-color:#FFFFFF;
	padding-left:10px;
}

#header {
	height:413px;
}

#main-nav {
	font-size:13px;
	font-weight:bold;
	padding:20px 0px 20px 0;
	width:100%;
	text-align:right;
	text-transform:uppercase;
	margin-left:-10px;
}

#main-nav li {
	list-style:none;
	display:inline;
}

#main-nav li a {
	padding:15px 10px 15px 10px;
	text-decoration:none;
	color:#FFFFFF;
	border-top:5px solid #A9A398;
	background:url(../images/main-nav-separator-brown.png) no-repeat 0px 20px;
 	*background:url(../images/main-nav-separator-brown.jpg) no-repeat 0px 25px;
/* IE Specific */
}

#main-nav li:first-child a {
	background:url() !important;
}

#main-nav li a:hover {
	border-top-color:#A76B02 !important;
}

#header-images {
	background:url(../images/bg-header-images.png) no-repeat;
	height:340px;
}

#header-image-left {
	width:658px;
	float:left;
	height:301px;
	margin-left:20px;
	margin-top:17px;
	_margin-left:10px;
}

#header-image-right {
	width:259px;
	float:right;
	height:301px;
	margin-top:17px;
	margin-right: 20px;
	_margin-right: 10px;
}

body#home #placeholder-right {
	background: url("../images/home.jpg") no-repeat;
	height: 301px;
}

body#home #placeholder-right p {
	padding-top: 100px;
	padding-left: 23px;
}

body#floorplans #placeholder-right {
	background: url("../images/floorplans.jpg") no-repeat;
	height: 301px;
}

body#amenities #placeholder-right {
	background: url("../images/features.jpg") no-repeat;
	height: 301px;
}

body#location #placeholder-right {
	background: url("../images/location.jpg") no-repeat;
	height: 301px;
}

body#resident_access #placeholder-right {
	background: url("../images/res_access.jpg") no-repeat;
	height: 301px;
}

body#contact #placeholder-right {
	background: url("../images/contact.jpg") no-repeat;
	height: 301px;
}


body#coming_soon #placeholder-right {
	background: url("../images/coming-soon.jpg") no-repeat;
	height: 301px;
}



#map {
	width: 658px; 
	height: 301px;
}
/* Content Layout--------------------------------------------------------------------------------------- */


#content {
	margin-top:35px;
	margin-left:11px;
	margin-right:11px;
}

#column-left {
	width:650px;
	float:left;
}

#column-left h2 {
	margin-top:40px;
	margin-bottom:25px;
	width:100%;
}

#box-features-left-column {
	width: 290px;
	float: left;
}

#box-features-left-column ul {
	margin-bottom: 40px;
}

#box-features-left-column li {
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#box-features-left-column h2 {
	border-bottom:1px solid #A9A398;
	color: #E9CD72;
	font-size: 16px;
	padding-bottom: 10px;
	text-transform: uppercase;
	margin-bottom: 12px;
	margin-top: 0px;
}

#box-features-right-column {
	width: 260px;
	float: right;
	text-align: right;
}
#box-features-right-column img {
	margin-left: 28px;
	margin-bottom: 28px;
}

#column-left-footer {
	width:100%;
	border-top:1px solid #A9A398;
	padding-top:17px;
	margin-top:20px;
	font-size:11px;
	padding-left:3px;
}

#column-left-footer li {
	list-style:none;
	display:inline;
}

#column-left-footer li a {
	padding:5px 3px 0px 7px;
	color:#E9CD72;
	text-decoration:none;
	text-transform:capitalize;
	background:url(../images/column-left-footer-separator-brown.png) no-repeat 0px 16px;
}

#column-left-footer li:first-child a {
	background:url() !important;
	padding-left:0px !important;
}

#column-left-footer li a:hover {
	text-decoration:underline;
}

#column-left-footer p {
	color:#000000;
	margin-top:3px;
}

#column-right {
	width:265px;
	float:right;
}

#column-right img {
	margin-left:8px;
	border:1px solid #A9A398;
}


#column-right p {
	margin:13px 10px 13px 8px;
}

#contact-address {
	width: 196px;
}

#contact-phone {
	width: 200px;
	border-right: 1px solid #A9A398;
	border-left: 1px solid #A9A398;
	padding-left: 35px;
}

#contact-hours {
	width: 190px;
	text-align: center;
}

#access-pay-rent {
	width: 195px;
	clear: left;
	padding-right: 15px;
}

#access-service-request {
	width: 200px;
	border-right: 1px solid #A9A398;
	border-left: 1px solid #A9A398;
	padding-left: 15px;
	padding-right: 15px;
}

#access-resident-feedback {
	width: 190px;
	padding-left: 10px !important;
}

#access-pay-rent h3, #access-service-request h3, #access-resident-feedback h3 {
	background: url(../images/icon-access.png) no-repeat 0px 4px;
	text-indent: 15px;
}

.resident_access_expander {

}

.resident_access_expander + .resident_access_expander {
margin-top: 15px;
}

.resident_access_expander h3 {
cursor: pointer;
color: #E9CD72;
border-bottom: 1px solid #A9A398;
padding-bottom: 10px;
background: url(../images/bg-expander-h3.png) no-repeat right 8px;
}

.resident_access_expander h3.expanded {
background: url(../images/bg-expander-h3-close.png) no-repeat right 8px;
}

  .resident_access_expander_body {
  }

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

.floorplans_expander {

}

.floorplans_expander + .floorplans_expander {
margin-top: 15px;
}

.floorplans_expander h3 {
cursor: pointer;
color: #E9CD72;
border-bottom: 1px solid #A9A398;
padding-bottom: 10px;
background: url(../images/bg-expander-h3.png) no-repeat right 8px;
}

.floorplans_expander h3.expanded {
background: url(../images/bg-expander-h3-close.png) no-repeat right 8px;
}

  .floorplans_expander_body {
  background-color: #fff;
  color: #333;
  }
  
  .floorplans_expander_body p {
  display: inline-block;
  width: 95px;
  text-align: center;
  }
  
    .floorplans_expander_body p a {
    color: #333;
    }
  
    p.icol_1 {
    width: 70px;
    margin: 10px 0 5px;
    }
    
    p.icol_2 {margin: 10px 0 5px;}

    p.icol_3 {margin: 10px 0 5px;}

    p.icol_4 {margin: 10px 0 5px;}

    p.icol_5 {margin: 10px 0 5px;}

    p.icol_6 {margin: 10px 0 5px;}
    
    p.col_1 {
    width: 70px;
    margin-bottom: 5px;
    }
    
    p.col_2 {margin-bottom: 5px;}

    p.col_3 {margin-bottom: 5px;}

    p.col_4 {margin-bottom: 5px;}

    p.col_5 {margin-bottom: 5px;}

    p.col_6 {margin-bottom: 5px;}

    .floorplan_description_container{
      margin-top: 10px;
      margin-left: 17px;
      margin-bottom: 15px;
    }
    
      .floorplan_description_container p{
      width:555px !important;
      text-align: left !important;
      }
      
        .floorplan_description_container p + p{
        margin-top: 0px !important;
        }


/* Footer Layout--------------------------------------------------------------------------------------- */
#footer {
	padding-left:20px;
	padding-bottom:60px;
	font:11px Arial, Helvetica, sans-serif;
}

#footer p {
	float:left;
	color:#87753A;
	margin-top:10px;
}

#footer ul {
	float:left;
	margin-top:10px;
	margin-right:10px;
}

#footer li {
	list-style:none;
	display:inline;
}

#footer li a {
	padding:5px 3px 0px 7px;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:capitalize;
	background:url(../images/footer-separator-brown.png) no-repeat 0px 16px;
}

#footer li:first-child a {
	background:url() !important;
}

#footer li a:hover {
	text-decoration: underline;
}



/* ! MISC */

ul.documents{
margin:10px 0 0 0px;
}

ul.documents li{
background:url(../images/documents.png) 0 50% no-repeat !important;
padding:10px 0 10px 30px !important;
color:#fff !important;
font-weight: bold !important;
list-style-type: none;
}

ul.documents li a{
color:#fff;
}

ul.documents li a:hover{
text-decoration: underline;
}