/* 
////////////////////////
GLOBAL STYLES
////////////////////////
*/

/* 
COLORS
steel blue: #91a5a6
dark blue: #36424a
dark brown: #958671
medium brown: #807159
yellow: #ffc220
light grey: #ccc
lightest grey: #fdfdfd
*/

/* BASIC STRUCTURES */
body { background: #000; }
.shell { position: relative; width: 100%; }
.wrapper { margin: 0 auto; padding: 0 20px; position: relative; width: 910px; }

.header { background:  url(../img/backgrounds/7531PMS_68.png) 0 0; border-bottom:1px solid white;  min-width:950px; position: relative;  z-index:12; }
.container { padding:90px 0 ; position: relative;  z-index:11; }
.content { float: right;  position: relative; width: 80%; }
.sidebar { }
.subnav { float: left; margin:20px 0; position: relative; width: 15%;  }
.footer { background: #000;  clear:both;   min-width:950px;  padding: 30px 0 10px 0; position: relative;   z-index:10;}
.background { height:99%; overflow:hidden; min-width:950px; position: absolute !important; top:0; width:100%; z-index: 0; }

/* HEADER STYLES */
.logo {  bottom:-30px; height: 87px; left:394px; position: absolute;  width: 162px; z-index:2;  }
.logo a { background:  url(../img/global/999_logo.gif) 0 0 no-repeat; display: block; height: 87px; width: 162px; }
.logo span { display: none; }

/* NAVIGATION */
.nav { height:10em; margin:0 25px; position:relative; width:900px; z-index:1;  }
.nav ul{  bottom:0px; left:0;  margin:0 auto; position:absolute;width:100%; }
.nav li { float:left; /*margin: 0 50px 0 0; width: auto;*/  width: 100px;  }
.nav li.community { /*padding-right:212px;*/ padding-right:130px; }
.nav li.leasing  { padding-left:130px; padding-right:15px;  }
.nav li.contact  { margin:0;  }

.nav ul ul { display:none; }


/* 
////////////////////////
PAGE STYLES 
//////////////////////// 
*/


/* UNIVERSAL STYLES */
.container .wrapper { background:  url(../img/backgrounds/white_90.png) 0 0; padding:20px; }

.content ul.gallery li{ background:none; float:left; margin:0 10px 10px 0; padding-left:0; }

.hidden { display:none; }
img.floatRight, .floatRight { float: right; margin:0 0 20px 20px; position:relative; z-index:2; }
.background .backgroundImage { left:-355px; position: absolute !important; top:0;   }
.background {}


hr { background: #e5e5e5; border: 0px; color: #e5e5e5; height: 1px; margin: 10px 0;  }


/* HOME STYLES */
#home_template .container .wrapper { background:none;  width:700px; }
.banner { background:  url(../img/backgrounds/white_76.png) 0 0; display: block; padding:10px; z-index: 0; }
.intro {  clear:both; padding:0 40px; position: relative; text-align:center; z-index: 1; }
.container .slideshow { display: none !important; }
.detailTop { border:#fff solid 1px; border-bottom:0px; height:20px; z-index: 2; }
.detailBottom { border:#fff solid 1px; border-top:0px; height:20px;  z-index: 2;}

.teasers { margin:10px 0 0;  position: relative; }
.location, .announcement { background:  url(../img/backgrounds/432PMS_70.png) 0 0; min-height:97px; padding:30px; position: relative; width:285px; }
.location .detailTop, .announcement .detailTop { left:10px; position:absolute; top:10px; width:325px;}
.location .detailBottom, .announcement .detailBottom { bottom:10px; left:10px; position:absolute;  width:325px;}
.location { float:left; }
.announcement { float:right;  }

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

/* CUSTOM PAGE STYLES */

#map_canvas, .googleMap { border:1px solid #958671;}
.mapNavigation li { float:left; margin:0 15px 0 0; padding:0; }

#leasing_template .content, #community_template .content, #contact_template .content { width: 100%; }
#leasing_template .subnav, #community_template .subnav, #contact_template .subnav { display:none;  }
#leasing_template .gallery li { margin-right:0;  width:25%; }

.content .contactInfo li { background:none; display:block; float:left; padding-left:0; width:50%; }
.content .contactInfo h3 { clear:both; }
.content .contactForm li { background:none; float:none; padding-left:0; }

.teamList li {width: 25%; padding-left: 0; float:left; line-height: 14px; margin-top: 10px; margin-left: 0; margin-bottom: 40px; margin-right: 0; background: none;height:204px  }
.teamList strong {display: block;}
.teamList img {margin-bottom: 10px; display: block;}

.pressList .date { float:left; padding:0 10px 0 0; width:110px; }
.pressList .pressDetails { float:left; width:590px; }
.pressList .pubName { display:block; padding:0 0 5px; }

/* 
////////////////////////
SUBNAV STYLES
//////////////////////// 
*/
.subnav li { padding:10px 0; position: relative; }
.subnav li li {  }


/* 
////////////////////////
FOOTER STYLES
//////////////////////// 
*/
.footer .wrapper { padding: 0; width:950px; }

.footer .copyright { float:left; margin: 0 0 20px; position: relative; width:75%; }
.footer .contact { float:left; margin: 0 0 20px;  position: relative;  width:75%;}
.footer .contactInfo { float:left; margin: 0 15px 0 0; position: relative; width:30%;}
.footer .tagline, .footer .logos { position: absolute; right:0; }
.footer .tagline { background:  url(../img/footer/tagline.gif) right top no-repeat; height:24px; top:0; width:219px; }
.footer .logos { top:48px; width: 290px; }
.footer .logos ul { text-align: right; }
.footer .logos li { display: inline-block; float: none; padding: 0 0 15px 20px; vertical-align: top; }


/* 
////////////////////////
CLEARS
//////////////////////// 
*/

.wrapper:after,
.nav:after,
.location:after, .announcement:after,
.content ul.gallery:after,
ul.contactInfo:after,
.pressList li:after,
.contactForm li:after,
.teamList:after,
.mapNavigation:after,
.footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; width: 100%; }
