@charset "UTF-8";
/* CSS Document */

/* body{ background:#2a2a2a url(images/bg-3.png) top center no-repeat; width:100%; height:100%; font-family: "Helvetica Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0; padding:0; } */

body{ background:#181818 url(images/site-bg.jpg) no-repeat; width:100%; height:100%; font-family: "Helvetica Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0; padding:0; }

/* images */
img{ border:none; width:inherit; height:inherit;}
#content .alignleft{ border:none; padding:0;}

.page-id-4 .static-image {
	margin-top: 20px;
}


/* adjust twentyeleven sizes and backgrounds */
#page{ background:none; padding:0; margin:0 auto; width:962px; height:842px; letter-spacing: 0.07em; font-weight: normal; }
#footer-wrapper {width: 100%; background:url(images/footer-bg.png) repeat; position: relative; top: 4px; padding-top:3px; }
#colophon{width:1286px; height:100%; padding-top:10px;padding-bottom:5px; margin:0 auto; overflow: auto; display:block;}
/* #colophon{ background:url(images/ft-bg1.jpg) top center repeat; width:1286px; height:100%; padding-top:10px;padding-bottom:40px;   margin:0 auto; overflow: auto; display:block;} */
#colophon cols{  padding-left:180px; float:left; margin-left:0; width:962px;  color:#fff; height:100%; }
#colophon #cols{  padding-left:180px; float:left; margin-left:0; width:962px;  color:#fff; height:100%; }
#colophon raquo, raquo{ color:#69c9cb; font-size:20px; font-weight:400;  }
#colophon #raquo, #raquo{ color:#69c9cb; font-size:20px; font-weight:400; float: left; position: relative; top: -5px; left: -5px;  }
#colophon left{ float:left; text-transform:uppercase; margin-top:10px;}
#colophon left a{color:#fff;}
#colophon #left{ float:left; text-transform:uppercase; margin-top:-6px;}
#colophon #left a{color:#fff;}
#colophon right{ float:right; color:#fff;  font-size:12px; text-align:right; width:auto;}
#colophon #right{ float:right; color:#fff;  font-size:12px; text-align:right; width:auto;}
#colophon #right p{ margin-top:-4px; font-size:13px;}
#colophon bot{ float:left; width:100%; color:#fff; display:none;}
#colophon #bot{ float:left; width:100%; color:#fff; display:none;}
#colophon img{ padding:0;  border:none; margin:3px 6px 0 0;}
#primary{   }
#main{ padding:0; float:left; width:100%; padding:0; color:white; font-weight: normal;}
#primary #content{ float:left; margin:0;  padding-top:10px; width:100%; background: url(images/content-bg.png) center top no-repeat;}
/* video page */
.page-id-2818 #primary #content{ background: url(images/content-bg-red.png) center top no-repeat;}


/* Nav */
#branding{ border:none; margin:20px 0 0px 0; padding:0; float:left; width:100%;  position: relative; z-index: 0;} /* margin:20px 0 15px 0; */
#access{float:right; font-family: "depot-new-web", sans-serif; text-transform:uppercase; font-weight:bold; background:none; box-shadow:none; border:none; width:auto; }
#access div { margin:0; }
#access ul{ margin:0; padding:0; float:none; width:100%;}
#access li a{ padding:3px 4px 3px 4px; line-height:normal; margin-right:3px; font-size:12px; }
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #005581;
	color:#fff;
}

#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	background: #005581;
	color:#fff;
	font-weight:bold;
}


.limitedText {
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}


/*Top*/
top{ float:left; width:100%; height:94px;}
#top{ float:left; width:100%; height:94px;}

/*Logo*/
logo{ width:559px; height:63px;  float:left; margin-top:20px; color:red; }
logo img{ width:100%; height:100%; float:left;}

#logo{ width:559px; height:63px;  float:left; margin-top:20px; color:red; }
#logo img{ width:100%; height:100%; float:left;}

/*Social*/
social{ float:right; width:180px; height:25px; margin-top:61px; color:#fff; }
social ul{ margin:0; padding:0;}
social li{ float:left;list-style-type:none; margin-right:5px;}

social .facebook-icon {
	margin-top: 0px;
	margin-right: 4px;
	width:50px;
	overflow:hidden;
}

#social{ float:right; width:180px; height:25px; margin-top:61px; color:#fff; }
#social ul{ margin:0; padding:0;}
#social li{ float:left;list-style-type:none; margin-right:5px;}

#social .facebook-icon {
	margin-top: -30px;
	margin-right: 8px;
}

/*Building */

.page-id-2818 #building, .home #building, .page-id-4 #building, .page-id-8 #building, .single-unit #building
{ position:absolute; z-index:1; top:332px; margin-left:-400px; background:url(images/building.png) no-repeat; width:513px; height:515px; }
 @-moz-document url-prefix() {
building{top:331px; } }

.page-id-2818 #building, .home #building, .page-id-4 #building, .page-id-8 #building, .single-unit #building
{ position:absolute; z-index:1; top:332px; margin-left:570px; background:url(images/building.png) no-repeat; width:513px; height:515px; top:331px; }

.page-id-1 #building{ position:absolute; z-index:1; top:332px; margin-left:570px; background:url(images/building.png) no-repeat; width:513px; height:515px; top:331px; }

highlight{ width:195px; height:15px; position:relative; z-index:2;  float:left;  margin:0 0 0 247px; opacity:.75; filter(alpha:opacity=75);}

#highlight{ width:195px; height:15px; position:relative; z-index:2;  float:left;  margin:0 0 0 247px; opacity:.75; filter(alpha:opacity=75);}

/*HomePage Template*/
homeintro{padding:130px 367px 0 43px; margin:18px 0 45px 22px; float:left; no-repeat; width:513px; height:168px; position:relative; z-index:1; }
#homeintro{padding:130px 367px 0 43px; margin:18px 0 45px 22px; float:left; no-repeat; width:513px; height:168px; position:relative; z-index:1; }
h6{ font-size:32px; color:#005581; line-height:100px;}

.home h6 {margin-top: -7px; font-weight: bold; position: absolute; z-index: 1;}
home{float:left; height:690px;}
#home{float:left; height:690px;}

.home-images {height:297px;width:923px;padding: 0;margin:18px 0 45px 22px;list-style: none; position: absolute; z-index:0; overflow: hidden;} 
.home-images img {width:923px;height: 297px; top:0; left: 0;}

/*Page Template*/
page { float:left; width:708px;  height:600px; font-size:14px; position:relative; z-index:3; line-height:normal; padding:69px 0 0 69px;}


/*Page Template*/
#extrawide { float:left; width:1200px;  height:600px; font-size:14px; position:relative; z-index:3; line-height:normal; padding:69px 0 0 69px;}

page ul li {
	line-height:14px;
	font-size:11px;
	
}

page hr{ padding:6px 0 6px 0; margin:0; border:none; background:none; border-bottom:1px solid #ccc; }
page hr.hr2{ border-color:#005581;}
page a{ color:#fff; text-decoration:underline; }
#content h1, #content h4, #content h5{ font-size:66px; font-weight:100; fontFamily: 'HelveticaNeueLTStd-Lt',sans-serif; letter-spacing:-1px; margin-left:-4px; padding-bottom:14px;}
#content h5{ padding-bottom:0; 	}
#content h2{color:#6ac9cb; clear:none; font-size:20px;margin-top:30px; }
#content h3{ float:left; width:100%; padding:0; margin:0; line-height:normal; font-weight:400;}
#content h4{  font-size:36px; font-weight:100; padding-bottom:0;  }
#content small{ font-size:14px;}
#content page p{  float:left; line-height:22px; width:600px; padding-right:100px;}
#content page ul{  float:left; }
#content page li{ color:#fff; font-size:12px; text-align:left; list-style:disc; padding-bottom:0px; }
#content page ul.green-living-list li{ color:#fff; font-size:12px; font-weight:300; text-align:left; list-style:disc; padding-bottom:0px; padding-top:0px; line-height:12px; height:12px; }
#content page .features-wrap{ float:left; padding:0; margin-right:18px; clear:both;}
#content page .features-wrap img{ float:left; }

#page-content{ float:left; width:708px;  height:630px; font-size:14px; position:relative; z-index:3; line-height:normal; padding:69px 0 0 69px;}
#page-content hr{ padding:6px 0 6px 0; margin:0; border:none; background:none; border-bottom:1px solid #ccc; }
#page-content hr.hr2{ border-color:#005581;}
#page-content a{ color:#fff; text-decoration:underline; }
#content #page-content p{  float:left; }
#content #page-content ul{  float:left; }
#content #page-content li{ color:#fff; font-size:14px; text-align:left; list-style:disc; padding-bottom:6px; }
#content #page-content .features-wrap{ float:left; padding:0; margin-right:18px; clear:both;}
#content #page-content .features-wrap img{ float:left; }

/* Resident Portal */
#content resplogo { float:left; position:absolute; top:520px; left:0; margin-left:78px;  }
#content enrollnow{ position:absolute; right:-180px; top:25px; width:130px;}
@-moz-document url-prefix() {
#content enrollnow{position:absolute; right:-180px; top:25px; width:130px;  }
}
#content enrollnow a{ background:url(images/btn1.jpg) repeat-x; height:30px; text-align:center; padding:5px 18px 10px 18px; text-decoration:none; font-weight:400; box-shadow:0 0 8px #222;  }

/* Columns*/
#content left{ float:left; width:48%; }
#content right{ float:right; width:50%;}

#content #left{ float:left; width:48%; }
#content #right{ float:right; width:50%;}

#content smallleft{ float:left; width:28%; padding-right:12px; }
#content bigright{ float:right; width:65%; }

#content .legal{font-size:12px; color:#fff; }

#content .icons{ margin:0; padding:0; float:left; width:100%; }
#content .icons li{ float:left; width:24.5%; list-style:none; padding:0; text-align:center; }
#content .icons li img{ margin-left:10%; margin-top:23px;}

#content .floorplan{ margin-left:48px;}

notitle{ height:18px; width:24px; float:left;}
green{color:#a4c94c;}
greenliving{ font-weight:100; float:left; width:100%; margin-bottom:16px;}

/*Scroll*/
.scroll, .features-scroll, .news-scroll { position:relative; z-index:2; width: 600px; height: 210px; overflow: scroll; padding:0 48px 0 48px; text-align:justify; font-size:13px;}
.gallery-scroll { position:relative; z-index:2; width: 670px; height: 330px; overflow: scroll; padding:0 48px 0 0px; text-align:justify; font-size:13px;}
.features-scroll{  padding-left:0; height:340px; margin:24px 0 0 0;}
.features-scroll ul{ width:43%; margin-left:18px; padding:12px 0 0 0;}
#content .features-scroll li{ margin:0 0 6px 0; padding:0; float:left;}


.page-id-2818 .scrollElement .drag	{ 	width:22px; 
												/*height: 50px; */
												background: url(images/scroll2.png) top center no-repeat;/*#366279#69C9CB*/; 
												background-color: #942124; 
												cursor: pointer; }

.page-id-2818 .scrollElement .dragCon	{ width:22px; background-color:#942124 !important; position: absolute; right: -30px; }

.scrollElement .drag{  width:22px; background: url(images/scroll2.png) top center no-repeat;/*#366279#69C9CB*/; cursor: pointer; }
.scrollElement .dragCon{ width:22px; background-color:#053e58; }

.page-id-11 .news-scroll { height:350px; width:720px; overflow: hidden; padding:0; word-wrap:normal;margin-left: -20px}
.page-id-11 .news-scroll a{ height:25px; width:720px; word-wrap:normal;}
.page-id-11 .news-scroll li a { line-height:25px; width:720px; overflow: hidden;}
.page-id-11 .news-scroll .scrollElement { overflow: hidden;}
.page-id-11 .news-scroll .contentWrap { float: left; width: 720px; min-width: 80%;  word-wrap:normal; overflow: hidden;line-height:30px;}

/* Features Page */

.page-id-4 .features-scroll{float:right; width: 320px; margin-top:-15px;}
.page-id-4 .features-scroll h2 {margin-left:15px; margin-top: -18px;}
.page-id-4 .features-scroll ul{width: 90%;position: relative;top: -30px;}

/*scrollElement drag scroll-21941 dragY*/



/* map */
marker{color:#135581 !important; font-size:12px; width:230px; padding-left:7px; float:right; }
marker a{color:#135581!important;}
#pano{ float:left; margin-top:6px;}
#simple-info-window{
  width: 240px;
  height:auto;
  float:left;
}
#simple-info-window_contents{
  background-color: #FFF;
  padding:12px;
  padding-bottom:0;
  border: 1px solid #ababab;
  float:left;
  height:240px;
}
#simple-info-window_beak{
  width: 28px;
  height: 38px;
  background: url('images/beak.png?sdd') top left no-repeat transparent;
}
* html #simple-info-window_beak{
  /* Alpha transparencies hack for IE */
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/beak.png?sdd', sizingMethod='crop');
}
#simple-info-window_tl, #simple-info-window_tr, #simple-info-window_bl, #simple-info-window_br,
#simple-info-window_t,#simple-info-window_l,#simple-info-window_r,#simple-info-window_b{
  height: 0px;
  width: 0px;
}
#simple-info-window_close{
	color:#666; border:1px solid #ababab; width:18px; height:18px; background:url('http://gmaps-utility-library-dev.googlecode.com/svn/tags/extinfowindow/1.2/examples/images/corners/opacity_close.png') no-repeat center center;
	cursor:pointer;	
	margin:8px 0 0 16px;
}
	  
map{ width:926px; float:left; height:300px; margin-bottom:12px; color:#444 !important;}
/*map a {color:#666 !important;}*/
#content map-list menu{ float:left; width:100%; margin:6px 0 0 0; padding:0;}
#content map-list menu ul{  float:left; margin:0; padding:0;}
#content map-list menu li{ list-style:none; float:left; width:100%; padding:0 0 6px 0; color: #69c9cb;}
#content map-list menu li a{background:#005581; float:left; width:316px; height:42px; padding:0 10px 0 10px; line-height:40px;  color:#fff; font-weight:400; font-size:16px; text-decoration:none;}
#content map-list menu li:hover > a{ /*background:#69c9cb; text-decoration:none;*/ }
#content map-list menu ol{ padding:0; margin:0 0 0 24px; position:absolute; width: 250px; top:345px; left:364px; }
#content map-list menu ol li:hover > a{ background:none; }
#content map-list menu .on{ background:#69c9cb; }

#content map-list menu list{  display:none; list-style-color: #69c9cb;  float:none;  width: 100%;  
	
	/*
	-moz-column-count: 3;
	-moz-column-width: 100px;
	-moz-column-gap: 1em;
	
	-webkit-column-count:3; 
	-webkit-column-width: 100px;
	-webkit-column-gap:1em;
	
	column-count: 3;
	column-width: 100px;
	column-gap: 1em;
	*/
	
	 }
	 
	

#content map-list menu ol { display:none; }

#content map-list menu #rest{background:#69c9cb;}
#content map-list menu #rest-arrow{ display:block;}
#content map-list menu #rest-list{ display:block;}

#content map-list menu div.col-wrapper {
		width:160px;
		height:auto;
		float:left;
		display:block;
	}
	
#content map-list menu #rest-ol { width:250px; display:block;}
#content map-list menu #rest-ola { display: block;
    left: 560px;
    position: absolute;
    width: 250px;}
#content map-list menu #rest-olb { display: block;
    left: 780px;
    position: absolute;
    width: 250px;}
	
#content map-list menu #bars-ola { display: block;
    left: 560px;
    position: absolute;
    width: 250px;}

#content map-list menu #shop-ola { display: block;
    left: 560px;
    position: absolute;
    width: 250px;}
	
#content map-list menu #shop-olb { display: block;
    left: 780px;
    position: absolute;
    width: 250px;
	}	
	
#content map-list menu #ent-ola { display: block;
    left: 560px;
    position: absolute;
    width: 300px;
	}	
	
#content map-list menu #trans-ol { display: block;
    width: 400px;
	}	
	
#content map-list menu ol li{  float:none; display:list-item; list-style:decimal; list-style-position:outside; text-align:left; width:160px; font-size:12px; margin:0 6px 0 24px;  }
#content map-list menu ol a{ padding:0; margin:0; background:none;  float:none; color:#fff;  line-height:normal; height:auto; font-size:12px;  }
#content map-list menu ol a:hover{ background:none; text-decoration:underline; }

#content map-list menu li:hover > arrow {
	/*display: block;*/
}

/* Gallery */
#content gallery{ float:left; width:100%;}
#content gallery .scroll{ padding-left:0; margin:0; width:93%; height:400px;}
#content gallery a{ padding:0; margin:0; float:left;}
#content gallery img{ float:left; padding:0;   margin:0 12px 12px 0;}

/* News */
#content news{ float:left; width:100%; height:400px; padding:0 48px 0 48px; text-align:justify; font-size:13px;}
#content news a{ line-height:20px; }



arrow{ float:left; width:28px; height:42px; background:url(images/arrow.png?sd) no-repeat; display:none; }

/*forms*/
input[type="text"], textarea{ border-radius:4px; box-shadow: inset 0 2px 2px #999; border:none; padding:4px; height:auto; font-size:12px;}
longform input[type="text"]{ float:none; clear:both; width:auto;  }
longform input[type="text"], textarea]{ float:none; clear:both; width:auto;  }
longform{ float:left; padding:0;}
longform label{  float:left; }
longform td{ padding-bottom:4px; vertical-align:top; width:auto; }
longform textarea{ height:60px; width:250px;}
input[type="submit"]{ cursor:pointer; background:url(images/btn1.jpg) repeat-x; height:30px; text-align:center; padding:5px 18px 10px 18px; text-decoration:none; font-weight:400; box-shadow:0 0 8px #222; border:none; color:#fff;}
longform input[type="submit"]{ float:right; text-transform:uppercase; font-size:12px; width:150px; margin-top:20px;}


loginform{ float:left; width:195px; clear:both; padding:10px 0 20px 0; background:#005581;}
#content .contactform{ margin-right:0px; width:500px; float:right; }
loginform input[type="text"]{ float:left; width:167px; margin:0 10px 16px 10px;}
loginform input[type="submit"]{ float:left; margin-left:10px; width:175px; }
loginform submit{ float:left; width:100%; }
loginform raquo{ padding-left:10px;}
loginform #raquo{ padding-left:10px;}
loginform forgot{ padding-top:16px; float:left; font-size:12px;}
.admin-bar-search{ display:none; }
loginform forgot a{ text-decoration:none; padding-left:6px; }

 .footerform{ padding-left:160px; float:left;}
 .footerform textarea{ width:220px;}
 .footerform input[type="text"]{ margin-left:8px;}
 
 test{color:#fff;}

#longform input[type="text"]{ float:none; clear:both;  }
#longform{ float:left; padding:0; position: relative; left: 165px;}
#longform label{  float:left; }
#longform td{ padding-bottom:8px; }
#longform textarea{ height:60px;}
#longform input[type="submit"]{ float:right; text-transform:uppercase; font-size:12px;}


#loginform{ float:left; width:auto; clear:both; padding:20px 0 20px 0; background:#005581; }
#loginform input[type="text"]{ float:left; width:167px; margin:0 10px 16px 10px;}
#loginform input[type="submit"]{ float:left; margin-left:10px; }
#loginform #submit{ float:left; width:100%; }
#loginform #raquo{ padding-left:10px;}
#loginform #forgot{ padding-top:16px; float:left; font-size:12px;}
#loginform #forgot a{ text-decoration:none; padding-left:6px; }

/**
 * Events Styles
 */
#primary {
    position: relative;

}
.single-event #primary #content, .page-template-page-events-php #primary #content {
    background: url('images/bg-red.png') no-repeat center top;
    min-height: 625px;
}

#content .events-information {
    background: #fff;
    padding: 5px;
    margin: 17px;
    height: 581px;
    width: 889px;
    overflow: visible;
}
#content .event-thumbnail { float: left; width: 280px; overflow: hidden; margin-right: 22px; }
#content .event-thumbnail img { float: left; }
#content .events-main-content { float: left; width: 565px; }
#content .events-title { color: #7e7e7e; font-size: 45px;  text-transform: uppercase; font-weight: 200; margin: 0; }
#content .events-body { overflow: hidden; }
#content .event-content { width: 259px; margin-right: 8px; float: left;}
#content .event-title { font-size: 15px; font-weight: bold; color: #7e7e7e; text-transform: uppercase; margin: 0; }
#content .event-content p { font-size: 12px; color: #7e7e7e; margin: 0; line-height: 1.1em; font-weight: 200; }
#content .event-invitation { width: 225px; float: left;}
#content .event-invitation p { font-size: 12px; color: #7e7e7e; line-height: 1.1em; font-weight: 200; }
#content .event-rsvp { margin: 10px 0; clear: both; display: block; text-indent: -9999px; width: 91px; height: 31px; /*background: url('images/btn-rsvp.png') no-repeat;*/ }
#content .event-thumbnail-link { font-size: 18px; }
            
.events-list { position: relative; margin: 28px 17px; width: 605px; height: 182px; overflow: scroll; z-index: 20; }
.events-list-table { width: 100%; width: 566px; background: #fff; overflow: hidden; }
.events-list .even { background: #bcbdbd; }
.events-list .odd { background: #fff; }
.events-list td { padding: 0px 20px;}
.events-list td, .events-list td a { color: #424242; text-decoration: none; font-size: 17px; line-height: 26px; }
.events-list td a:hover, .events-list td a:active { text-decoration: underline; }


.btn-events {
    position: absolute;
    display: block;
    top: 33px;
    left: -41px;
    text-indent: -9999px;
    line-height: 0;
    height: 147px;
    width: 44px;
    background: url('images/events-button.png') no-repeat;    
}

.btn-events:hover, .btn-events:active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.event-row {
  margin-bottom: 40px; 
}

/** Clearfix */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/* lightbox */
#lightbox #playpause { display:none; }
#lightbox #numberDisplay {color: #fff; position: relative; left: 20px;top: -3px; }
#lightbox #imageContainer #caption { display: none; }
#lightboxImage {border: 1px solid #fff; background-color: #000;}
#jqlb_closelabel{ position: relative; top: -7px;}



/* video page template */
.page-id-2855 .gallery-scroll { padding-bottom: 40px; width: 800px; }

.page-id-2855 page {
	background: #fff;
	margin: 10px;
	height:500px;
	width: 870px;
}
.page-id-2855 #content h1 {
	color: #7e7e7e;
}
.page-id-2855 .scrollElement .dragCon {
	background: #a82927;
}