/* @license
 * MyFonts Webfont Build ID 2524738, 2013-04-08T20:20:05-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Century Gothic Std Bold by Monotype Imaging
 * URL: http://www.myfonts.com/includes/fonts/mti/century-gothic/std-bold/
 *
 * Webfont: Century Gothic Std Regular by Monotype Imaging
 * URL: http://www.myfonts.com/includes/fonts/mti/century-gothic/std-regular/
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2524738
 * Webfonts copyright: Copyright The Monotype Corporation. All rights reserved.
 *
 * © 2013 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/268642");


@font-face {font-family: 'CenturyGothicStd-Bold';src: url('/includes/fonts/century-gothic/268642_0_0.eot');src: url('/includes/fonts/century-gothic/268642_0_0.eot?#iefix') format('embedded-opentype'),url('/includes/fonts/century-gothic/268642_0_0.woff') format('woff'),url('/includes/fonts/century-gothic/268642_0_0.ttf') format('truetype');}


@font-face {font-family: 'CenturyGothicStd';src: url('/includes/fonts/century-gothic/268642_1_0.eot');src: url('/includes/fonts/century-gothic/268642_1_0.eot?#iefix') format('embedded-opentype'),url('/includes/fonts/century-gothic/268642_1_0.woff') format('woff'),url('/includes/fonts/century-gothic/268642_1_0.ttf') format('truetype');}




/********************************************************
CSS RESET
********************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/********************************************************
GLOBAL
********************************************************/

body {
	font-size: 16px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	font-family: CenturyGothicStd;
	font-weight: normal;
	font-style: normal;
	background-color: #64625a;
}

h1 {
	font-family: CenturyGothicStd;
	display: block;
	font-size: 1.875em;
	font-weight: 100;
	text-transform: uppercase;
	margin: 12px 0 0 0;
	padding: 0 10px 0 0;
	color: #63615a;
	float: right;
}

h2 {
	font-family: CenturyGothicStd;
	font-weight: normal;
	font-style: normal;
	font-size: 1.5em;
	line-height: 1.2em;
	margin: 0 0 15px 0;
	color: #64625a;
}

h3 {
	font-family: CenturyGothicStd;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	line-height: 1.2em;
}


h4 {
	font-size: 1.125em;
	font-family: CenturyGothicStd;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5em;
	margin:  0 0 1em 0;
	color: #64625a;
}

a {
	color: #64625a;
}

a:hover {
	color: #b9b8b6;
}

p {
	font-size: 0.875em;
	font-style: normal;
	font-weight: 100;
	line-height: 1.5em;
	color: #64625a;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

ul {

}

li {

}

hr {
	height: 5px;
	width: 100%;
	background-color: #FFF;
	border: none;
	margin: 0;
	padding: 0;
}

.center {
	text-align: center !important;
}

.forceLower {
	text-transform: lowercase !important;
}
.forceCaps {
	text-transform: uppercase !important;
}

.forceItalic {
	font-style: italic !important;
}

p.smallType {
	font-size: 0.688em !important;
}

strong {
	font-family: CenturyGothicStd-Bold;
	font-style: normal;
	font-weight: normal;
}

#titleBar {
	background-color: #e2e2e3;
    display: block;
    font-family: CenturyGothicStd;
    height: 35px;
    margin: 0 auto 5px;
    min-width: 940px;
    padding: 15px 0;
    position: relative;
    width: 100%;
}

#titleBar h1{
	float: left;
   padding: 0 0 5px 1em;
}

h2.secTitle {
	width: 100%;
    color: #63615a;
    display: block;
    font-family: CenturyGothicStd;
    font-size: 1.875em;
		line-height: 1.25em;
    font-weight: 100;
		text-align: center;
    margin: 12px 0 0;
    padding: 5px 0 20px;
    text-transform: uppercase;
}

.bgwhite {
	background-color: #fff;
}

/*  Blue Button  */

a.blueButton {
	display: block;
	font-size: 1em;
	line-height: 1em;
	padding: 5px 15px;
	margin: 0 0 0 0;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: #7FA0B5;
	text-transform: uppercase;
}

a.blueButton:hover{
	color: #fff!important;
	background: #4E7991;
}

/*  Salmon Button  */

a.salmonButton {
	display: block;
	font-size: 1em;
	line-height: 1em;
	padding: 5px 15px;
	margin: 0 0 0 0;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: #F58365;
	text-transform: uppercase;
}

a.salmonButton:hover{
	color: #fff!important;
	background: #CE725F;
}

/*  Salmon Button  */

a.purpleButton {
	display: block;
	font-size: 1em;
	line-height: 1em;
	padding: 5px 15px;
	margin: 0 0 0 0;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: #626295;
	text-transform: uppercase;
}

a.purpleButton:hover{
	color: #fff!important;
	background: #44446B;
}

::selection {
   background: #64625A;
	 color: #fff;/* Safari */
   }
::-moz-selection {
   background: #64625A; /* Firefox */
	 color: #fff;
}

.full {
    width:100%;
}

.half {
    width:50%;
}

.third {
    width:33.33%;
}

.twothird {
    width:66.66%;
}

.fourth {
    width:25%;
}

.threefourth {
    width:75%;
}

.left {
    float:left;
}

.right {
    float:right;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/********************************************************
STRUCTURE
********************************************************/

#contentHolder {
	width: 100%;
	min-width: 980px;
	background-color: #fff;
	padding: 0 0 20px 0;
	margin: 0;
}

#header {
	width: 100%;
	min-width: 940px;
	height: 55px;
	margin: 0 auto;
	padding: 25px 0;
}

#logo {
	float: left;
	margin: 0;
	padding: 0 0 0 2em;
}

#content {
	width: 100%;
	min-width: 980px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

.limited-edition-townhomes #content , .brochure #content , .image-gallery #content {
	width: 100%;
	min-width: 980px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

.wrapper {
	max-width: 960px;
   width: 100%;
   margin: 0 auto;
   position: relative;
   overflow: hidden;
}


.limited-edition-townhomes .wrapper {
	max-width: 1300px;
}

.center {
	text-align: center;
}

.stretch {
	width: 100%;
	height: auto;
}

/**** PADDING ******/

.nopad {
  padding: 0 !important;
}

.pad-half {
  padding: 0.5em;
}

.pad0-1 {
  padding:0 1em;
}

.pad0-2 {
  padding:0 2em;
}

.pad1 {
  padding:1em;
}

.pad1-0 {
  padding:1em 0;
}

.pad2 {
  padding:2em;
}

.pad2-0 {
  padding:2em 0;
}

.pad3-0 {
  padding:3em 0;
}

/**** PADDING TOP ******/

.padt1 {
  padding-top: 1em;
}

.padt2 {
  padding-top: 2em;
}

/**** PADDING BOTTOM ******/

.padb1 {
  padding-bottom: 1em;
}

.padb2 {
  padding-bottom: 2em;
}

/**** MARGIN ******/

.nomarg {
  margin: 0!important;
}

.mar0-1 {
  margin: 0 1em;
}

.mar0-2 {
  margin:0 2em;
}

.mar1 {
  margin:1;
}

.mar1-0 {
  margin:1em 0;
}

.mar2 {
  margin:2em;
}

.mar2-0 {
  margin: 2em 0;
}

/**** MARGIN BOTTOM ******/

.marb1 {
  margin-bottom: 1em;
}

.marb2 {
  margin-bottom: 2em;
}


#headsnipe {
	position: absolute;
	top: 45px;
	right: 250px;
	text-decoration: none;
	text-transform: uppercase;
}

/* NAV */

#headerMenuToggle {
	display: block;
	text-align: right;
	width: 195px;
	font-size: 1.25em;
	font-weight: 500;
	color: #63615a;
	position: absolute;
	right: 0;
	/*top: 45px; with flags */
  top: 40px;
	z-index: 999;
	text-align: center;
	text-decoration: none;
}

#headerMenuToggle:hover {
	/*color: #63615a;*/
}

#headerMenuToggle i {
	font-size: 1.25em;
	margin-right: .25em;
}

#mainnav {
    background: #000;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    /*height: 100vh;
    padding: 80px 0 0; with flags */
    padding: 60px 0 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    z-index: 998;
}
ul.nav{
	width: 100%;
	float: right;
	margin:  1em 0 0 0;
}

ul.nav hr {
	border: 0;
	height: 1px;
	background-color: #9c9b97;
	margin: 1em 0;
}

ul.nav p.navsold {
	color: #9c9b97;
	font-size: 1.125em;
	margin: 0 0 .5em 0;
	font-weight: 700;
	text-align: center;
}

ul.nav li {
 padding:0.31em 0.5em;
}

ul.nav li a {
  color: #fff;
    display: block;
    font-size: 1.125em;
    font-weight: 100;
    letter-spacing: 0.5px;
    padding: .25em 0;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}

ul.nav li.active a {
  color: #b2b0af;
}

ul.nav li a:hover {
  color: #b2b0af;
}

/* HOME NAV */

#homeContent .nav {
	width: 195px;
	float: none;
	margin: 0;
	padding: 25px 0;
	background-color: #fff;
}

#homeContent .nav li {
	display: block;
	float: none;
}

#homeContent .nav a:link, #homeContent .nav a:visited {
	float: none;
	padding: 8px 0px;
	margin-left: 0px;
	text-align: center;
}

/* SEC NAV */

.secNav {
	width: 720px;
	float: left;
   list-style: outside none none;
   margin: 10px 0 0;
   padding: 0;
}

.loftsNav {
	width: 543px;
	/*width: 360px;*/
}

.townhomesNav {
	width: 673px;
	/*width: 360px;*/
}

.galleryNav {
	width: 700px;
	/*width: 360px;*/
	float: left;
}

.documents ul.documentsNav {
	width: 543px;
	float: left;
	margin: 10px 0 0!important;
}

.secNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	float: left;
}

.secNav a:link, .secNav a:visited {
	display: block;
	float: right;
	font-family: CenturyGothicStd;
	font-weight: normal;
	font-style: normal;
	font-size: 0.938em;
	text-transform: uppercase;
	text-decoration: none;
	padding: 4px 5px;
	margin-left: 20px;
	color: #64625a;
}

.secNav a:hover, .secNav a:active {
	color: #b9b8b6;
}

.secNav li.active a {
	color: #b9b8b6;
}

/********************************************************
HOME
********************************************************/

#contentHolder.home {
	padding: 0 0 5px 0;
}

#content.home {
	width: 100%;
	min-width: 980px;
	height: 100%;
	min-height: 560px;
	padding: 0;
	margin: 0;
	position: relative;
}

#sliderHolder {
	height: calc(100vh - 100px)
}

.promo-pop-up {
	opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
	height: 100vh;
  background: rgba(0,0,0,.8);
  z-index: 900;
  box-shadow: 0px 3px 5px rgba(0,0,0, 0.4);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2000;
}

  .promo-pop-up .promo-content {
    position: relative;
		max-width: 100%;
		text-align: center;
  }

	.promo-pop-up .promo-content i {
		position: absolute;
		top: .5em;
		right: .5em;
		color: #fff;
	}

	.promo-pop-up .promo-content img {
		width: 100%;
		max-width: 790px;
		height: auto;
	}

/*
#slide1 {
	background: url(/images/home1.jpg) no-repeat center center;
}

#slide2 {
	background: url(/images/home2.jpg) no-repeat center center;
}

#slide3 {
	background: url(/images/home3.jpg) no-repeat center center;
}

#slide1, #slide2, #slide3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	z-index: 0;
}

*/

#homeContent {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 980px;
	height: 100%;
	min-height: 560px;
	z-index: 50;
}

#homeHeader {
	width: 100%;
	min-width: 980px;
	height: 125px;
	float: left;
	margin: 0;
	padding: 0;
	border-bottom: 5px solid #FFF;
}

#homeLogo {
	width: 360px;
	height: 125px;
	float: left;
	background: url(/images/logo.png) 30px 35px no-repeat #fff;
}

#homeSnipe {
	position: absolute;
	bottom: 100px;
	left: 50%;
	width: 650px;
	padding: 15px 0 0 0;
	margin-left: -325px;
	z-index: 500;
	background-color: rgba(0, 0, 0, 0.5);
}

#homeSnipe h2 {
	font-size: 1.5em;
	line-height: 1.5em;
	text-align: center;
	font-weight: 300;
	color: #fff;
}

.smallhome {
	font-size: .75em;
}

#homeContentLeft {
	width: 195px;
	height: 425px;
	margin-top: 5px;
	float: left;
	border-right: 5px solid #FFF;
}

#homeContentRight {
	width: 120px;
	height: 430px;
	float: right;
	border-left: 5px solid #FFF;
}


/********************************************************
THE COLLECTION
********************************************************/

.the-collection {
	width: 940px;
	margin: 10px 0 0 0;
	padding: 20px 0 20px 0 !important;
	overflow: hidden;
	position: relative;
}

.the-collection h1 {
	width: 385px;
	position: absolute;
	right: 0px;
	top: 0;
	background: url(/images/bg-title-purple-short.gif) 0 0 no-repeat #F58365;
}

/********************************************************
NEIGHBORHOOD
********************************************************/
#content.neighborhood, #content2.neighborhood {
	background: url(/images/bg-neighborhood.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  padding: 0;
}

#content.neighborhood .wrapper, #content2.neighborhood .wrapper {
	width: 940px;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
}

#neighborhoodstrip h3 {
	color: #64625a;
    font-family: CenturyGothicStd;
    font-size: 1.5em;
    font-style: normal;
    font-weight: normal;
    line-height: 1.2em;
    margin: 0 0 15px;
    text-align: center;
}

#neighborhoodstrip p {
	color: #64625a;
	font-family: CenturyGothicStd;
	font-size: 1.125em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0 0 1em;
	text-align: center;
}

#neighborhoodTop {
	width: 940px;
	margin-bottom: 18px;
	overflow: hidden;
}

#neighborhoodTL {
	width: 422px;
	height: 526px;
	float: left;
	margin: 0 18px 0 0;
	background: url(/images/neighborhood-tl.jpg) 0 0 no-repeat;
}

#neighborhoodTR {
	width: 500px;
	height: 526px;
	float: left;
	position: relative;
	background: url(/images/neighborhood-tr.jpg) 0 85px no-repeat;
}

#neighborhoodTR h1 {
    font-family: CenturyGothicStd;
    font-size: 4.250em;
    text-align: right;
		color: #7FA0B5;
		position: absolute;
		right: 10px;
		top: 10px;
}

#mapBtn {
	width: 500px;
	position: absolute;
	bottom: 56px;
	left: 0;
}

#mapBtnTemp {
	width: 500px;
	position: absolute;
	bottom: 56px;
	left: 0;
	padding: 13px 0 0 0;
	height: 25px;
	background: #F58365;
}

#vidBtnTemp {
	width: 500px;
	position: absolute;
	bottom: 0px;
	left: 0;
	padding: 13px 0 0 0;
	height: 25px;
	background: #7ea0b6;
}

#aboutBtn {
	width: 500px;
	position: absolute;
	bottom: 0;
	left: 0;
}

#mapBtn a, #aboutBtn a {
	display: block;
	padding: 13px 0 0 0;
	height: 25px;
}

#neighborhoodBottom {
	width: 940px;
	height: 645px;
	background: url(/images/neighborhood-b.png) 0 0 no-repeat;
	margin: 0 0 20px 0;
}

#vidHolder {
	width: 940px;
	height: 525px;
	overflow: hidden;
}

/*******  NEW *************/

.neighborhood h1.orangeTitle {
	background: url(/images/bg-title-neighborhood.gif) 0 0 no-repeat #F58365;
}

.neighborhood #quad1 {
	width: 420px;
	height: 525px;
	float: left;
	margin: 0 5px 5px 0;
	padding: 0;
}

.neighborhood #quad2 {
	width: 515px;
	height: 525px;
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
}

.neighborhood #quad2 .rotation1text {
	height: 165px;
    padding: 20px;
    width: 475px;
}

.neighborhood #quad2 .rotation1text  h3 {
	display: block;
	color: #64625a;
  font-family: CenturyGothicStd;
  font-size: 1.75em;
	margin: 0 0 .25em 0;
	padding: 0;
}

.neighborhood #quad2 h2 {
	display: block;
	height: 65px;
	color: #64625a;
  font-family: CenturyGothicStd;
  font-size: 4.25em;
	text-align: center;
	margin: 0;
	padding: 10px 0 0 0;
}

.neighborhood #quad3 {
	width: 940px;
	height: 500px;
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
}

.neighborhood #quad4 {
	width: 600px;
	height: 600px;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	overflow: hidden;
}

.neighborhood #quad4 #picTop {
	width: 600px;
	height: 290px;
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
}

.neighborhood #quad4 #picLeft {
	width: 350px;
	height: 305px;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

.neighborhood #quad4 #picRight {
	width: 245px;
	height: 170px;
	float: left;
	margin: 0 0 0 0;
	padding: 135px 0 0 0;
	background: url(/images/bg-neighborhood4.gif) 0 0 no-repeat;
}

.neighborhood #quad5 {
	width: 335px;
	height: 415px;
	float: left;
	margin: 0 0 0 0;
	padding: 180px 0 0 0;
	background: url(/images/bg-neighborhood5.gif) 0 0 no-repeat;
}

#spMap {
	position: relative;
}

#siteplanImages {
	position: absolute;
	right: 0;
	bottom: 0;
}

/********************************************************
VIRTUAL TOUR
********************************************************/

#virtour {
	position: relative;
	padding-bottom: 54.5%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
#virtour iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/********************************************************
RESIDENCES
********************************************************/

.residences #quad1 {
	width: 475px;
	height: 310px;
	float: left;
	margin: 0 0 5px 0;
	padding: 0 25px;
}

.residences #quad1 p, .residences #quad1 h2 {
	color: #64625a;
}

.residences #quad2 {
	width: 410px;
	height: 310px;
	float: left;
	margin: 0 0 5px 5px;
}

.residences #quad3 {
	width: 405px;
	height: 405px;
	float: left;
	padding: 0 0 105px 0;
}

.residences #quad4 {
	width: 490px;
	height: 450px;
	float: left;
	margin: 0 0 0 5px;
	padding: 30px 20px;
	background-color: #E6E7E8;
}

/* residence amenities */

.hiddenFeature {
	display: none;
}

.residences #quad4 h3 {
	font-size: 1.125em;
	color: #64625a;
	margin: 0 0 15px 0;
}

.residences #quad4 h2 {
	font-size: 1.125em;
	margin: 5px 0 10px 0;
}

.residences #quad4 h2 a:link, .residences #quad4 h2 a:visited {
	color: #64625a;
	text-transform: uppercase;
	text-decoration: none;
}

.residences #quad4 h2 a:hover, .residences #quad4 h2 a:active {
	color: #F58365;
}

.residences #quad4 h2 a.selected {
	color: #F58365;
}

.residences #quad4 ul {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	color: #64625a;
}

.residences #quad4 li {
	font-size: 0.813em;
	line-height: 1.25em;
	list-style: disc;
	text-align: left;
	margin: 0px 0px 5px 15px!important;
	padding: 0px 0px 0px 0px;
}

.resphoto {
	width: 100%;
	max-width: 1600px;
	height: 700px;
	margin: 0 auto;
	background-position: center;
	background-repeat: no-repeat;
	position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*background-attachment: fixed;*/
}

#resphoto1 {
	background-image: url("/images/resphoto1.jpg");
}

#resphoto2 {
	background-image: url("/images/resphoto2.jpg");
}

#resphoto3 {
	background-image: url("/images/resphoto3.jpg");
}

#resphoto4 {
	background-image: url("/images/resphoto4.jpg");
}

#resphoto5 {
	background-image: url("/images/resphoto5.jpg");
}

#resphoto6 {
	background-image: url("/images/resphoto6.jpg");
}

#resphoto7 {
	background-image: url("/images/resphoto7.jpg");
}

#resphoto8 {
	background-image: url("/images/resphoto8.jpg");
}

#resphoto9 {
	background-image: url("/images/resphoto9.jpg");
}

.amenitieslist {
	margin: 0;
	padding: 0 2em 0 0;
	list-style: none;
	margin-left: 0;
	padding-left: 2em;
	text-indent: -1.75em;
	box-sizing:border-box;
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */
}

.amenitieslist li {
	color: #64625a;
   font-size: 0.875em;
   line-height: 1.25em;
   margin: 0;
   padding: 0 0 1em;
}

.amenitieslist li:before {
	content: "• ";
	color: #EE8065;
	padding-right: 1em;
}

/*******************************************

BROCHURE

*******************************************/

.brochure #quad1 {
	width: 214px;
	height: 480px; /*415px;*/
	float: left;
	margin: 0;
	padding: 0;
}
.brochure #quad1 .sideNav {
	height: 315px; /*230px;*/
	margin: 0 0 5px 0;
	padding: 10px 0 5px 11px;
}

.brochure #quad1 h3 {
	display: block;
	height: 35px;
	font-size: 1.125em;
	color: #FFF;
	text-align: center;
	line-height: 1em;
	margin: 0 0 5px 0;
	padding: 20px 0 0 10px;
	background-color: #64625A;
}

.brochure #quad2 {
	width: 720px;
	height: 500px;
	float: left;
	margin: 0 0 0 5px;
}

.brochure h1.orangeTitle {
	border-bottom: 5px solid #FFF;
	background: url(/images/bg-title-purple.gif) 0 0 no-repeat #F58365;
}

/*******************************************

FLOOR PLANS

*******************************************/


/********************************************************
AMENITIES
********************************************************/

.amenities #quad1 {
	width: 535px;
	float: left;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	position: relative;

}

.amenities #quad1 img {
	margin-bottom: 20px;
}

.amenities #quad1 h2 {
	font-size: 1.125em;
	margin: 5px 0 10px 0;
	color: #64625a;
}

.amenities #quad1 ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 20px 0px 0px;
	color: #64625a;
}

.amenities #quad1 li {
	font-size: 0.813em;
	line-height: 1.25em;
	list-style: disc;
	text-align: left;
	margin: 0px 0px 8px 15px!important;
	padding: 0px 0px 0px 0px;
}

.amenities #quad2 {
	width: 400px;
	float: left;
	margin: 0 0 5px 5px;
}

h3#amenitiesTag {
	display: block;
	height: 180px;
	font-size: 1.625em;
	line-height: 1.5em;
	text-align: center;
	color: #FFF;
	background-color: #a9a9aa;
	margin: 5px 0 5px 0;
	padding: 25px 0 0 0;
}

a#enlargeDeckBtn {
	display: block;
	width: 150px;
	height: 22px;
	font-size: 1em;
	line-height: 1em;
	padding: 8px 0 0 45px;
	margin: 0 0 0 0;
	text-decoration: none;
	color: #fff;
	background: url(/images/bg-enlargebtn.png) 13px 4px no-repeat;
	background-color: #64625a;
	position: absolute;
	left: 250px;
	top: 440px;
}

a#enlargeDeckBtn:hover {
	background-color: #56554f;
}


/********************************************************
********************************************************/

.view {
	width: 940px;
	margin-bottom: 5px;
}

.viewInfo {
	width: 940px;
	margin-top: 10px;
	overflow: hidden;
}

.viewInfo h2 {
	font-size: 2.688em;
	text-transform: uppercase;
	color: #F58365;
	float: left;
	margin: 0;
}

.viewInfo h3 {
	font-size: 0.938em;
	text-transform: uppercase;
	color: #7FA0B5;
	float: right;
}

/******VIEWS ****/

.views #quad1 {
	width: 205px;
	height: 270px;
	float: left;
	padding: 0px;
	margin: 0;
	background-color: #e2e2e3;
}

.views #quad1 h2 {
	display: block;
	width: 205px;
	height: 27px;
	font-size: 1.25em;
	line-height: 1em;
	margin: 0;
	padding: 13px 0 0 10px;
	color: #64625a;
}

.views #quad2 {
	width: 232px;
	height: 270px;
	float: left;
	padding: 0px;
	margin: 0 5px 0 0;
	background-color: #e2e2e3;
	background:url(/images/views-idle.jpg) 0 0 no-repeat;
}

.views #quad3 {
	width: 205px;
	height: 270px;
	float: left;
	padding: 0px;
	margin: 0;
	background-color: #e2e2e3;
}

.views #quad3 h2 {
	display: block;
	width: 205px;
	height: 27px;
	font-size: 1.25em;
	line-height: 1em;
	margin: 0;
	padding: 13px 0 0 10px;
	color: #64625a;
}

.views #quad4 {
	width: 293px;
	height: 270px;
	float: left;
	padding: 0px;
	margin: 0;
	background-color: #e2e2e3;
}

.views #quad5 {
	width: 940px;
	float: left;
	padding: 0px;
	margin: 5px 0 0 0;
}


.viewsNavButtons {
	margin: 0;
	padding: 0 0 0 11px;
	list-style: none;
	text-align: center;
}

.viewsNavButtons li {
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 0;
}

.viewsNavButtons a:link, .viewsNavButtons a:visited {
	display: block;
	height: 25px;
	width: 175px;
	font-family: CenturyGothicStd-Bold;
	font-weight: normal;
	font-style: normal;
	font-size: .95em;
	line-height: 1.2em;
	text-align: left;
	text-decoration: none;
	padding: 8px 0px 0px 10px;
	margin: 0 0 5px 0;
	color: #fff;
	background-color: #9d9992;
}

.viewsNavButtons a:hover, .viewsNavButtons a:active {
	background-color: #92918a;
}

.viewsNavButtons .active a {
	background-color: #64625a;
}

.viewsNavButtons ul li .selected {
	background-color: #64625a;
}

#aboveVR {
	width: 100%;
	height: 60px;
	background-color: #64625a;
	position: relative;
}

/********************************************************
TEAM
********************************************************/

.team #quad1 {
	width: 470px;
	height: 320px;
	float: left;
	padding: 30px;
	margin: 10px 0 5px 0;
	position: relative;
}

.team #quad2 {
	width: 405px;
	height: 380px;
	float: left;
	margin: 10px 0 5px 5px;
}

.team #quad2 h3 {
	display: block;
	height: 30px;
	font-size: 1.125em;
	color: #64625a;
	line-height: 1em;
	text-align: center;
	margin: 0 0 5px 0;
	padding: 10px 0 0 10px;
}

.team p {
	margin: 0 0 10px 0;
}

#teamBtns {
	margin: 0;
	padding: 0;
	list-style: none;
}

#teamBtns li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#teamBtns li.rightBlock {
	border-left: 5px solid #FFF;
}

#teamBtns li.topBlock {
	border-bottom: 5px solid #FFF;
}

#teamBtns li a {
	display: block;
	width: 200px;
	height: 165px;
}

#teamBtns li a#team1 {
	background: url(/images/bg-teambtn1.png) 0 0 no-repeat;
	background-color: #a9a9aa;
}

#teamBtns li a#team2 {
	background: url(/images/bg-teambtn2.png) 0 0 no-repeat;
	background-color: #a9a9aa;
}

#teamBtns li a#team3 {
	background: url(/images/bg-teambtn3.png) 0 0 no-repeat;
	background-color: #a9a9aa;
}

#teamBtns li a#team4 {
	background: url(/images/bg-teambtn4.png) 0 0 no-repeat;
	background-color: #a9a9aa;
}

#teamBtns li a#team1:hover,#teamBtns li a#team2:hover,#teamBtns li a#team3:hover,#teamBtns li a#team4:hover {
	background-color: #92918a;
}

#teamBtns li a#team1.selected,#teamBtns li a#team2.selected,#teamBtns li a#team3.selected,#teamBtns li a#team4.selected {
	background-color: #64625a;
}

#rendering-team{
	width: 100%;
	height: 600px;
	margin: 0;
	background: url(/images/rendering-team.jpg) center center fixed no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}

/********************************************************
AVAILABILTY
********************************************************/

.availability #quad1 {
	width: 100%;
	height: 55px;
	padding: 0;
	margin: 0 0 5px 0;
	background-color: #E7E7E8;
	position: relative;
}

.availability h1.orangeTitle {
	width: 400px;
	float: right;
	margin: 0 0 5px 0;
	border-left: 5px solid #FFF;
}

#availability {
	width: 100%;
	position: relative;
}

h3#availabilitySelect {
	text-align: center;
	margin-bottom: 1em;
}

.availability table {
	margin-bottom: 10px;
}

.unitHead {
	width: 100%;
	background-color: #64635a;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	overflow: hidden;
	padding-bottom: 5px;
}
.finalUnit {
	width: 99px !important;
	border-right: 1px solid #000;
}

.unitHead a:link, .unitHead a:visited {
	color: #FFF;
	text-decoration: none;
}

.unitHead a:hover, .unitHead a:active {
	color: #d7d4d3 !important;
}

.unitHead h2 {
	font-size: 13px;
	font-weight: normal;
	color: #FFF;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 3px 0px;
	text-align: center;
}

.unitHead h3 {
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	color: #FFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

.unitBase {
	width: 100%;
	height: 37px;
	background-color: #6c625a;
	border-left: 1px solid #6e6c65;
	border-bottom: 1px solid #6e6c65;
	overflow: hidden;
	padding-bottom: 5px;
}

.unitBase h2 {
	font-size: 13px;
	font-weight: normal;
	color: #6c625a;
	margin: 0px 0px 2px 0px;
	padding: 6px 0px 0px 0px;
	text-align: center;
}

.unitBase h3 {
	font-size: 13px;
	line-height: 13px;
	font-weight: normal;
	color: #6c625a;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

.unitBase h4 {
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	color: #6c625a;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	display: none;
}

.unitBase a:link, .unitBase a:visited {
	display: block;
	text-decoration: none;
}

.unitBase a:hover, .unitBase a:active {
	color: #695f55 !important;
}

.finalUnit {
	width: 87px !important;
	border-right: 1px solid #6e6c65;
}

.walledUnit {
	width: 86px !important;
	border-right: 2px solid #6e6c65;
}

.unitOwner {
	background-color: #a0bcd1;
}

.unitUnrestricted {
	background-color: #FFF;
}

.unitSold {
	background-color: #ffb8b8;
}

.unitFuture {
	background-color: #dcd8d7;
}

.unitSold h3 {
	display: none !important;
}

.unitSold h4 {
	display: block !important;
}

.unitSold h4 a {
	color: #c04343 !important;
	text-decoration: none;
}

.unitHidden {
	background-color: #FFF !important;
}

.noUnit {
	background-color: #6e6c65 !important;
	border-color: #6e6c65 !important;
}

.unitHiddenFully {
	border-left: none !important;
}

.unitHidden h2, .unitHidden h3, .unitHidden h4 {
	display: none !important;
}

.number {
	width: 23px;
	height: 26px;
	text-align: left;
	font-size: 15px;
	line-height: 15px;
	color: #000;
	padding-top: 12px;
	display: block;
}

.numberWide {
	width: 84px !important;
	text-align: right !important;
	padding-right: 10px;
}

.numberTop {
	padding-top: 56px;
}

.viewsTitle {
	text-align: center;
	color: #000;
	font-size: 12px;
	padding-bottom: 7px;
	padding-top: 7px;
	font-weight: 700;
}

.viewsTitleBig {
	text-align: center;
	color: #000;
	font-size: 17px;
	text-transform: uppercase;
}

.avilDis {
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 15px;
	padding-top: 30px;
	padding-left: 26px;
}

#availDisclaimer, #availSoldOut {
	width: 800px;
	background-color: #e6e7e8;
	padding: 30px 30px 25px 30px;
	position: absolute;
	left: 50%;
	/*top: 1415px;*/
	bottom: 100px;
	z-index: 100;
	display: none;
	margin-left: -415px;
}

#availDisclaimer h2, #availSoldOut h2 {
	color: #f88361;
	font-size: 19px;
	margin: 0px 0px 10px 0px;
	padding: 0;
	font-weight: 400;
}

#availDisclaimer p, #availSoldOut p {
	color: #6c625a;
	font-size: 13px;
	line-height: 21px;
}

#availDisclaimer a:link, #availDisclaimer a:visited, #availSoldOut a:link, #availSoldOut a:visited {
	padding: 5px 0px 5px 0px;
	margin: 0 auto;
	clear: both;
	display: block;
	background-color: #615f59;
	color: #FFF;
	font-size: 15px;
	text-decoration: none;
	width: 200px;
	text-align: center;
	margin-top: 20px;
}

#availDisclaimerButton {
	width: 934px;
	text-align: right;
	clear: both;
	padding: 10px 0px 10px 0px;
}

#availDisclaimerButton a {
	color: #000;
	font-size: 13px;
}

#notes {
	width: 192px;
	text-align: center;
	font-size: 15px;
	line-height: 23px;
	font-weight: 400;
	color: #FFF;
	text-transform: uppercase;
	height: 69px;
}

#avialKey {
	width: 450px;
	height: 10px;
	padding: 20px 0px 20px 490px;
	text-align: center;
	clear: both;
	background: url(../images/availability-key.gif) no-repeat 68px 15px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: #514f48;
}

#loftsKey {
	margin: 30px 0 0;
}

/********************************************************
REGISTER
********************************************************/

#content.register {
  width: 100%;
  padding: 0;
}

#formtop {
	width: 100%;
	background: url(/images/bg-register.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.register h1.orangeTitle {
	background: url(/images/bg-title-connect.gif) 0 0 no-repeat #F58365;
}

.register #quad1 {
	background-color: #a9a9aa;
    border-left: 5px solid #fff;
    float: left;
    height: 375px;
    margin: 0 5px 0 0;
    overflow: hidden;
    padding: 20px;
    position: relative;
    width: 355px;
}

.register #quad1 p {
	color: #fff;
}

.register #quad1 a {
	color: #fff;
}

.register #quad1 a:hover {
	color: #64625a;
}

#addressPics {
	position: absolute;
	left: 0;
	bottom: 0;
	border-top: 5px solid #fff;
	max-height: 60px;
}

.register #quad2 {
	width: 350px;
	height: 415px;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

#google {
	width: 320px;
	height: 43px;
	background: #a9a9aa;
	margin: 0;
	padding: 7px 15px 10px 15px;
	border-top: 5px solid #fff;
}

#google p {
	margin: 0 0 2px 0;
	padding: 0;
	font-size: .85em;
	color: #fff;
}
#saddr {
	width: 270px;
	float: left;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	font-size: .8em;
	padding: 3px;
	margin: 0;
	border: 0;
}
#google-btn {
	width: 40px;
	height: 21px;
	float: right;
	font-size: .7em;
	text-align: center;
	background-color: #64625a;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border: 0;
}

#google-btn:hover {
	background-color: #4c4b45;
	cursor: pointer;
}

.register #quad3 {
	border-right: 5px solid #fff;
    float: left;
    height: 415px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 195px;
}

/* FORM  */

#visitFormHolder {
	width: 910px;
	margin: 10px 0 0 0;
	padding: 15px;
	overflow: hidden;
	position: relative;
}

#visitFormHolder h1 {
	width: 387px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(/images/bg-title-purple.gif) 0 0 no-repeat #F58365;
}

#visitFormHolder.thank-you {
	height: 410px;
	background: url(/images/bg-register-thank-you.png) 0 0  no-repeat;
}

#visitForm {
	width: 910px;
	color: #64625a;
	margin: 15px 0 0 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}

#formIntro {
	width: 910px;
	float: left;

}

#formBox1, #formBox2, #formBox3 {
	float: left;
	padding: 0;
	overflow: hidden;
}

#formBox1 {
	width: 300px;
	margin: 0 20px 0 0;
}

#formBox2 {
	width: 165px;
	margin: 0 20px 0 0;
}

#formBox3 {
	width: 405px;
	margin: 0;
}


#radios2-1, #radios2-2 {
	float: left;
	overflow: hidden;
}

#radios2-1 {
	margin: 0 0 40px 0;
}


#radios3-1, #radios3-2, #radios3-3 {
	float: left;
	width: 115px;
}

#radios4-1, #radios4-2 {
	float: left;
	overflow: hidden;
	width: 200px;
}

#visitFormHolder p {
	padding-bottom: 10px;
}

/*  All labels.  Set to block for auto <br />  */
#visitForm label {
	float: left;
	display: block;
	font-size: 0.813em;
	line-height: 1.25em;
	color: #64625a;
	padding-bottom: 10px;
}

#formBox1 label {
	padding-bottom: 5px;
}

/*  All inputs & textarea(s)  */
#visitForm input, #visitForm textarea {
	font-size: 0.813em;
	line-height: 1.25em;
	background: #fff;
	color: #332d24;
	border: 0;
	width: 100%;
	padding: 3px 2px 3px 2px;
	margin: 0 0px 7px 0px;
	border: 1px solid #332d24;
	resize: none;
}

/*  Add all fields except right ones to this:  */
#cu_container-first, #cu_container-last, #cu_container-city, #cu_container-state, #cu_container-zip, #cu_container-email {
	float: left;
	margin: 0 20px 3px 0;
}

/*  Add Fields on Left  */
#cu_container-first, #cu_container-last, #cu_container-city, #cu_container-state, #cu_container-email {
	margin: 0 20px 3px 0;
}

/*  Add Fields on Right  */
#cu_container-zip {
	margin: 0 0 3px 0;
}


/*  All full width fields  */
#cu_container-first, #cu_container-last, #cu_container-city, #cu_container-email  {
	width: 290px;
}

/*  Custom field width  */
 #cu_container-state {
	width: 125px;
	}
/*  Custom field width  */
#cu_container-zip {
	width: 145px;

}

.radiosHolder {
	float: left;
	margin: 0 0 15px 0;
}


.radioField {
	float: left;
	width: 115px;
	margin: 5px 0 0 0
}

.radioItem {
	float: left;
	width: 100%;
	padding: 0 0 2px 0;
	overflow: hidden;
}

.radioDot {
	float: left;
	width: 25px;

}

.radioText {
	font-size: 1em;
	line-height: 1.25em;
	float: left;
	height: 15px;
	padding: 3px 0 0 0;
}

#formBottom {
	width: 920px;
	margin: 0 auto;
	padding: 0 20px 0 0;
	overflow: hidden;
}

#visitSubmit {
	font-size: 0.813em;
	line-height: 1.25em;
	width: 190px;
	float: right;
}

#cu_requiredinformation {
	font-size: 0.813em;
	float: left;
	font-style: italic;
}


#visitBack {
	font-size: 0.813em;
	line-height: 1.25em;
	width: 225px;
	float: left;
}

/* Custom Radios */

.ez-hide { opacity: 0; filter:alpha(opacity=0); }

.ez-radio {
background: transparent url('/images/radio.png') 0 0 no-repeat;
display:inline-block;
}

.ez-checkbox {
background: transparent url('/images/checkbox.png') 0 0 no-repeat;
display:inline-block;
}

.ez-selected { background-position: 0 -51px; }


#privacyHolder {
	width: 940px;
	margin: 10px 0 0 0;
	overflow: hidden;
}

/********************************************************
FOOTER
********************************************************/

#slider {
	z-index: 0!important;
	position: relative!important;
}

#footerHolder {
    background-color: #64625a;
    height: 135px;
    min-width: 980px;
    position: absolute;
    width: 100%;
    padding: 1em 0;
}

#footer {
	width: 915px;
	margin: 20px auto;
	padding: 0 20px 0 45px;
	background: url(/images/footer-eh.png) 20px 4px no-repeat;
	clear: both;
	position: relative;
}

#footer ::selection {
   background: #fff;
	 color: #64625A;/* Safari */
   }
#footer ::-moz-selection {
   background: #fff; /* Firefox */
	 color: #64625A;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #F58365;
}

#footer p {
	font-size: 0.688em;
	color: #fff;
	margin: 0 0 10px 0;
}

#footerBtns {
	position: relative;
	top: 0;
	/*right: 20px;*/
}

#footerBtns a {
	display: block;
	float: right;
	font-family: CenturyGothicStd;
	font-weight: normal;
	font-style: normal;
	font-size: 0.875em;
	text-transform: uppercase;
	text-decoration: none;
	float: right;
}

#footerSocial {
	position: absolute;
	top: 25px;
	right: 20px;
}

#footerSocial a {
	float: right;
	margin-left: 5px;
}


/********************************************************
PRIVACY POLICY
********************************************************/

#privacyHolder {
	padding: 10px 0 0 0;
}

/********************************************************
NEWS
********************************************************/

#content.news {
	background: url(/images/bg-news.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  padding: 0;
}

#newsContent {
	background: #fff url("/news/wp-content/themes/news/images/bg.gif") repeat-y scroll 0 0;
    border-right: 5px solid #fff;
    margin: 0 auto;
    overflow: hidden;
    width: 935px;
}

#newsLeft {
	width: 230px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

/* sidebar titles */

#newsLeft h2 {
	font-size: 1em;
	text-transform: uppercase;
	font-family: CenturyGothicStd;
	margin: 0px 0px 5px 0px;
	padding: 0;
	color: #64625a;
}

#newsRight h2 {
	font-size: 0.813em;
	text-transform: uppercase;
	font-family: CenturyGothicStd;
	margin: 0px 0px 15px 0px;
	padding: 0;
	color: #64625a;
}

#newsLeft ul, #newsRight ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#newsLeft li, #newsRight li {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	background-image: none;
}

/* sidebar links */

#newsLeft a:link, #newsLeft a:visited, #newsRight a:link, #newsRight a:visited {
	font-family: CenturyGothicStd;
	font-weight: normal;
	font-style: normal;
	font-size: 0.813em;
	color: #64625a;
	padding: 2px 5px 2px 2px;
	text-decoration: none;
}

#newsLeft a:hover, #newsLeft a:active, #newsRight a:hover, #newsRight a:active {
	color: #f17269;
}

#newsSidebar li.current-cat a {
	color: #f17269;
}

#newsSideBlock {
	height: 100px;
	background-color: #64625a;
	border-top: 5px solid #FFF;
	border-bottom: 5px solid #FFF;
	margin: 0 0 50px 0;

}

#newsRight {
	width: 940px;
	margin: 0px 0px 0px 0px;
}

#newsRight h1.orangeTitle {
	border-left: 5px solid #FFF;
	border-bottom: 5px solid #FFF;
	background:url(/images/bg-news-title.gif) 0 0 no-repeat #F58365;
	margin-bottom: 0;
}

#newsFeed {
	width: 670px;
	float: left;
	padding: 10px 20px 20px 20px;
}


.entryTitle a {
	padding: 0 !important;
}

#newsSidebar {
	width: 210px;
	float: right;
	padding: 0px;
	background-color: #FFF;
	border-bottom: 5px solid #FFF;
}

#sideCats {
	width: 190px;
	padding: 10px;
}

.blogEntry {
	width: 670px;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 20px 0px;
	overflow: hidden;
	border-bottom: 1px solid #dfdfdf;
}

.postTitle a {
	padding: 0!important;
}

/* blog entry title */

.blogEntry h1 {
	font-size: 28px;
	line-height: 28px;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	color: #000;
}

.blogEntry  p img {
	width: 100%;
	height: auto;
}

.blogEntry h3 {
	font-family: CenturyGothicStd-Bold;
	font-size: 1.125em;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
}

/* blog entry date */

.blogEntry h4 {
	font-family: CenturyGothicStd;
	font-size: 1em;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color: #64625a;
}

h4.entryPub {
	font-size: 0.875em;
	color: #7d9fb5;
	margin: 0 0 3px 0;
}

.blogEntry h4.entryLink {
	font-size: 0.875em;
	margin: 0 0 15px 0;
}

h4.entryDate {
	margin: 0 0 15px 0;
}

/*

.blogEntry ul, .blogEntry ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color: #000;
}

.blogEntry li, .blogEntry li {
	font-size: 0.813em;
	line-height: 1.2em;
	list-style: disc;
	text-align: left;
	margin: 0px 0px 3px 15px!important;
	padding: 0px 0px 0px 0px;
}

*/


/* blog entry title link color */

.blogEntry a:link, .blogEntry a:visited {
	color: #64625a;
	text-decoration: none;
}

.blogEntry a:hover, .blogEntry a:active {
	color: #f17269;
}

/* blog entry link color */

.blogEntry p a:link, .blogEntry p a:visited {
	color: #64625a;
}

.blogEntry p a:hover, .blogEntry p a:active {
	color: #f17269;
}

#commLinks {
	margin: 0px 0px 20px 15px;
}

.pagetitle {
	font-size: 25px!important;
	font-family: CenturyGothicStd;
	font-weight: normal;
	font-style: normal;
	color: #f17269!important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 20px 0px !important;
}


#facebookBox {
	width: 190px;
	margin-bottom: 15px;
	background-color: #FFF;
}

.backToMain a:link, .backToMain a:visited {
	background-color: #9d9992;
	color: #FFFFFF !important;
	display: block;
	font-family: CenturyGothicStd-Bold;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	height: 20px;
	line-height: 1.2em;
	margin: 0 auto;
	padding: 7px 0 0 10px!important;
	text-align: center;
	text-decoration: none;
	width: 150px;
}

.backToMain a:hover, .backToMain a:active {
	background-color: #92918a !important;
}

#eventWrapper {
	width:940px;
	margin:0 auto;
}

#eventWrapper .blogEntry {
	width:100%;
}

#eventWrapper .blogEntry h1.orangeTitle {
	background: url('/images/bg-title-connect.gif') no-repeat scroll 0px 0px #F58365;
	display: block;
	height: 40px;
	font-size: 1.875em;
	text-align: right;
	margin: 0px 0px 5px;
	padding: 15px 10px 0px 0px;
	color: #FFF;
	background-color: #F58365;
}

div.css-events-list {
	display:block;
	clear:both;
	width:100%;
	margin:3em auto;
}

h2.ename {
	width: 70%;
	display: inline-block;
	margin: 0.5em 0px;
	color:#000;
	font-size: 1.4em;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#event-list {
	display:block;
	width:100%;
	margin:0 auto;
	border-top:1px solid #ccc;
	padding: 0 0.8em 0 0;
}

#event-list li {
	border-bottom:1px solid #ccc;
	padding:0.5em;
	width:100%;
	float:none;
	height:1em;
	font-size:0.9em;
}

#event-list li:nth-child(even) {
	background:#f8f8f8;
}

#event-list li div {
 	float:left;
}

#event-list li div.date {
	width: 200px;
}

#event-list li div.name {
	width: 560px;
}

#event-list li div.time {
 	width: 165px;
 	text-align: right;
}


#event-list a {

}

#event-list a:hover {

}

.em-calendar {
	margin:0 auto;
	font-size: 0.8em;
}

.elist-img {
	width:400px;
	float:left;
	height:350px;
	overflow:hidden;
}

.elist-img img {
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	max-height:375px;
}

.elist-desc {
	background: #7F9AB0;
	color:#fff;
	float:right;
	width:505px;
	height:320px;
	padding:15px;
}

.elist-desc p, .elist-desc h2 {
	color:#fff;
}

#eventWrapper #featured-image {
	min-height:320px;
	max-height:450px;
	width: 100%;
	background:#F58364;
	float:left;
	overflow:hidden;
	margin-bottom:2em;
}

#eventWrapper #featured-image img {
	width: 100%;
	height: auto;
}

#eventWrapper #location {
	float: right!important;
	height: 315px;
	background: none repeat scroll 0% 0% #7E9FB5;
	border-left: 10px solid #FFF;
	width: 460px;
	margin: 0px!important;
	color:#7E9FB5;
}

#eventWrapper #location i {
	display:none;
}

#location .em-location-map-container {
	width:100%!important;
	height:100%!important;
}

#eventWrapper .datetime {
	color:#64625A;
	margin-bottom:1em;
	background: #E5E5E6;
	padding: 1em 1em 0.25em;
}

#eventWrapper .datetime strong {
	color:#000;
}

#eventWrapper .local {
	float:right;
	padding:1em 0;
}

h2.back {
	margin: 0.5em 0;
}

h2.back a {
	background:#F58364;
	border: 2px solid #F58364;
	text-transform: uppercase;
	padding: 0.5em 0.75em;
	color:#fff!important;
	font-size: 0.5em;
	position:relative;
	letter-spacing: 0.5px;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}

h2.back a:hover {
	cursor: pointer;
}

#em-booking-submit {
	background:#F58364;
	border: 2px solid #F58364;
	text-transform: uppercase;
	padding: 0.5em 0.75em;
	color: #fff;
	font-size: 1em;
	font-family: inherit;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}

#em-booking-submit:hover {
	cursor: pointer;
}
#em-booking-submit:active {
	opacity:0.5;
}

#event-info {
	float:left;
	width:54%;
	padding:1em 2% 1em 0;
}

#event-booking {
	float:right;
	width:40%;
	padding:1em 2%;
	background: #E5E5E6;
}

form.em-booking-form input, form.em-booking-form textarea {
	background:#fff;
	border: 2px solid #F58364;
	padding: 0.5em 0.75em;
	color: #F58364;
	font-size: 1em;
	font-family: inherit;
}

form.em-booking-form textarea {
	resize:none;
	height:5em;
}

table.em-tickets td, table.em-tickets th {
	border-bottom: 1px solid #fff;
	padding: 1em 0;
	font-size: 0.8em;
}

table.em-tickets {
	width:100%;
}

table.em-tickets th {
	min-width: 65px;
}

td.em-bookings-ticket-table-type {
	font-weight:bold;
}

td.em-bookings-ticket-table-type  span.ticket-desc {
	font-weight: normal;
}

.em-tickets-spaces {
	border-bottom: 1px solid #fff;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
}

.em-booking-buttons {
	border-top:1px solid #fff;
	margin-top:0.5em;
	padding-top:1em;
}

.em-booking-form label {
	width:230px!important;
}

/********************************************************
WEATHER WIDGETS
********************************************************/

#weather {
	width: 210px;
	overflow: hidden;
	padding: 0px 0px 10px 0px;
	background-color: #64625a;
}

#weather  h2 {
	font-family: CenturyGothicStd;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	line-height: 15px;
	color: #f17269;
	text-align: center;
	margin: 10px 0px 8px 0px;
	padding: 8px 0px 0px 0px;
}

.wu-wrapper .wu-alert {
	display: none;
}

.wu-forecast-wrapper, .wu-wrapper{
	float:none !important;
}

.wu-wrapper {
	float: none;
	position:relative;
	overflow: hidden;
	height: 85px;
}

.wu-copyright {
	display: none;
}

.wu-day-title small {
	display: none;
}

.wu-forecast-wrapper .wu-day-title {
	color: #fff!important;
	float: none!important;
	font-size: 2.5em!important;
	left: 25%;
	line-height: 0.25em;
	position: absolute;
	top: 30%;
}

.wu-forecast-wrapper .wu-cond-text {
	color: #fff !important;
	float: none !important;
	font-size: 1em !important;
	left: 5%;
	line-height: 0.25em;
	position: absolute;
	top: 75%;
	width: 50%;
	margin: 75px 0 0 !important;
}

.wu-icon {
	overflow: hidden;
}

.wu-current-conditions .wu-cond-text {
	width: 85% !important;
}

.wu-forecast-wrapper .wu-icon img {
	float: none!important;
	width: 75px;
	height: auto;
	position: absolute;
	top: 10%;
	left: 55%;
}

.wu-day-current-temp {
	font-size: 1.25em !important;
	margin-left: -35px !important;
}

/*
#weatherWidget {
	width: 210px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0px 0px 10px 0px;
	background-color: #64625a;
	margin: 0px 0px 0px 0px;
}

#weatherIcon {
	width: 40px;
	height: 40px;
	float: left;
	padding-left: 20px;
	margin: 0px 0 0 0;
}

#weatherInfo {
	width: 130px;
	float: right;
	text-align: center;
}

#weatherInfo h3 {
	font-family: CenturyGothicStd;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	color: #FFFFFF;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
}

#weatherInfo h4 {
	font-family: CenturyGothicStd;
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	color: #7FA0B5;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: none;
}

#timeWidget {
	width: 210px;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 10px;
	background-color: #64625a;
	line-height: .2em;
	margin: 0px 0px 0px 0px;
}

#timeWidget  h2 {
	font-family: CenturyGothicStd;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	line-height: 15px;
	color: #f17269;
	margin: 0px 0px 8px 0px;
	padding: 8px 0px 0px 0px;
}

#timeWidget  h3 {
	font-family: CenturyGothicStd;
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	color: #FFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

*/
/********************************************************
WORDPRESS ADDITIONS
********************************************************/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.navigation {
	width: 460px;
	text-align: center;
	margin-top: 0px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 15px;
	overflow: hidden;
}

.navigation a:link, .navigation a:visited {
	background-color: #9d9992;
	color: #FFFFFF !important;
	display: block;
	font-family: CenturyGothicStd-Bold;
	font-size: 14px !important;
	font-style: normal;
	font-weight: normal;
	height: 20px;
	line-height: 1.2em;
	margin: 0 auto;
	padding: 7px 0 0 10px!important;
	text-align: center;
	text-decoration: none;
	width: 150px;
}

.navigation a:hover, .navigation a:active {
	background-color: #92918a !important;
}


a.blueButton {
	display: block;
	font-size: 1em;
	line-height: 1em;
	padding: 5px 15px;
	margin: 0 0 0 0;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: #7FA0B5;
	text-transform: uppercase;
}

a.blueButton:hover{
	color: #fff!important;
	background: #4E7991;
}

a.greyButton {
	display: block;
	font-size: 1em;
	line-height: 1em;
	padding: 7px 15px;
	margin: 0 0 0 0;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: #64625a;
	text-transform: uppercase;
}

a.greyButton:hover{
	color: #fff!important;
	background: #4c4b45;
}

/********************************************************
P11 CUSTOM ADD THIS BAR
********************************************************/

.sharingAndCaring {
	width: 670px;
	height: 35px;
	padding-top: 7px;
	margin-right: 0px;
	overflow: hidden;
	text-align: right;
	display: block;
}

.sharingAndCaring ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.sharingAndCaring li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	float: right;
	background-image: none;
}

.sharingAndCaring img {
	margin-right: 5px;
}

.fbLike {
	float: left;
}

.sharingAndCaring ul li p#shareWord {
	float: right;
	height: 1em;
	color: #FFF;
	font-size:.75em;
	font-family: CenturyGothicStd;
	font-weight: normal;
	font-style: normal;
	margin: 0 5px 0 0;
	padding: 0 2px 0 0;
}

/********************************************************
WEBSITE GUIDE
********************************************************/

.website-guide #quad1 {
	width: 100%;
	float: left;
	padding: 20px 0 0 20px;
	margin: 0;
	overflow: hidden;
}

.website-guide #quad2 {
	width: 320px;
	float: left;
	margin: 0;
}

.website-guide ul {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	color: #64625A;
	float: left;
	width: 200px;
}

.website-guide ul li {
	font-size: 0.875em;
	line-height: 1.25em;
	list-style: none;
	text-align: left;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
}

.website-guide ul li a {
	text-decoration: none;
}

.website-guide ul ul {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	color: #64625A;
}

.website-guide ul ul li {
	font-size: 0.875em;
	line-height: 1.25em;
	list-style: none;
	text-align: left;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
}

.website-guide ul ul li a {
	text-decoration: none;
	color: #605f9d;
}

.website-guide ul ul li a:hover {
	color: #F58365;
}



/*******************************************

FLOOR PLANS

*******************************************/

#content.floor-plans .wrapper  {
	min-height: 650px;
}

#content.floor-plans h2.secTitle  {
	padding-bottom:  0px;
}

#fpLeft {
	width: 214px;
	float: left;
}

#fpRight {
	width: 720px;
	float: right;
}

#selectView {

}

#selectView h2 {
	font-size: 1.15em;
	font-family: CenturyGothicStd;
	color: #64625a;
	margin: 22px 0 0 0;
	text-align: center;
}

#fpNavHolder {

}

#fpNav {
	width: 214px;
	height: 665px;
	float: left;
	background: #e2e2e3;
	margin: 0;
	overflow: hidden;
}

.limited-edition-townhomes #fpNav  {
	width: 199px;
	height: auto;
	float: none;
	display: inline-block;
	background: none;
	margin: 0;
	overflow: hidden;
}

#fpNav h2 {
	font-size: 1.1em;
	font-family: CenturyGothicStd;
	color: #64625a;
	margin: 13px 0 5px 0;
	text-align: center;
}

/*  Side Nav */

.sideNav {
	margin: 0;
	padding: 6px 0 0 11px;
	list-style: none;
	text-align: center;
	background: #e2e2e3;
}

.limited-edition-townhomes .sideNav {
	margin: 0;
	padding: 6px 11px 0 11px;
	list-style: none;
	text-align: center;
	background: none;
}

.sideNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 0;
}

.sideNav a:link, .sideNav a:visited {
	display: block;
	min-height: 25px;
	width: 173px;
	font-family: CenturyGothicStd-Bold;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	text-align: center;
	line-height: 1.5em;
	text-decoration: none;
	padding: 3px 10px 2px 10px;
	margin: 0 0 5px 0;
	color: #fff !important;
	background-color: #9d9992;
}

.limited-edition-townhomes .sideNav a:link, .limited-edition-townhomes .sideNav a:visited {
	display: block;
	height: auto;
	min-height: 25px;
	font-family: CenturyGothicStd-Bold;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	text-align: center;
	line-height: 1.5em;
	text-decoration: none;
	padding: 3px 10px 2px 10px;
	margin: 0 0 5px 0;
	color: #fff !important;
	background-color: none;
}

.sideNav a:hover, .sideNav a:active {
	background-color: #878481;
}

.sideNav .active a {
	background-color: #64625a;
}

#fptop {
	text-align: center;
}

#fpInfo {
	width: 150px;
	height: 140px;
	float: left;
	text-align: center;
	padding: 26px 0 0 0;
}

.limited-edition-townhomes #fpInfo {
	width: 180px;
	height: auto;
	padding: 0;
	float: none;
	display: inline-block;
}

#fpInfo h2 {
	font-family: CenturyGothicStd-Bold;
	font-size: 1.2em;
	margin: 0 0 5px 0;
	color: #64625a;
}

#fpInfo h3 {
	font-family: CenturyGothicStd;
	font-size: 1em;
	line-height: 1.4em;
	margin: 0;
	color: #64625a;
}

#fpInfo h4 {
    color: #64625a;
    font-family: CenturyGothicStd;
    font-size: 0.75em;
    line-height: 1.4em;
    margin: 0 0 3px;
}

#keyMap {
	width: 325px;
	height: 166px;
	float: left;
	margin: 0 0 0 6px;
	text-align:center;
}

.limited-edition-townhomes #keyMap {
	width: 340px;
	height: auto;
	text-align: left;
	float: none;
	display: inline-block;
}

#fpTitle {
	width: 232px;
	height: 54px;
	float: right;
	background: #f58365;
}

#fpTitle h1 {
	font-family: CenturyGothicStd;
  font-size: 1.875em;
	color: #fff;
	text-align: center;
	margin: 14px 0 0 5px;
}

#fpButtons {
	width: 232px;
	height: 106px;
	float: right;
	margin: 20px 0 0;
	text-align:center;
}

.limited-edition-townhomes #fpButtons {
	width: 215px;
	height: 106px;
	float: none;
	display: inline-block;
	margin: 6px 0 0 0;
	text-align:center;
}

#fpButtons  h2 {
	color: #ef8065;
	display: block;
	font-family: CenturyGothicStd;
	font-size: 1.813em;
	line-height: 1.25em;
	font-weight: 100;
	text-align: right;
	margin: 0;
	padding: 6px 30px 0px 0;
	text-transform: uppercase;
}

.fbBtn {
	float: left;
	width: 193px;
	height: 53px;
	margin: 6px 0 0 10px;
}

.fbBtn a:link, .fbBtn a:visited {
	width: 193px;
	height: 53px;
	display: block;
	margin: 0;
	background: #64625a;
}

.fbBtn a:hover, .fbBtn a:active {
	background: #56554f;
}

.printBtn {
	float: left;
	width: 193px;
	height: 30px;
	margin: 6px 0 0 10px;
}

.printBtn a:link, .printBtn a:visited {
	width: 193px;
	font-family: CenturyGothicStd-Bold;
	font-size: 1em;
	color: #fff;
	display: block;
	padding: 9px 0;
	background: #64625a;
	text-align: center;
	text-decoration: none;
}

.printBtn a:hover, .printBtn a:active {
	background: #56554f;
}

#fpArea {
	width: 720px;
	height: 493px;
	float: left;
	margin: 6px 0 0 0;
	position: relative;
	text-align: center;
}

.limited-edition-townhomes #fpArea {
	width: 100%;
	float: none;
	height: 100%;
	min-height: 493px;
}

a.backToMainBtn:link, a.backToMainBtn:visited {
	float:left;
	font-family: CenturyGothicStd;
	font-size: .5em;
	color: #64625a;
	padding: 0 0 0 2em;
	margin: 0;
	text-decoration: none;
}

a.backToMainBtn:hover, a.backToMainBtn:active {
	color: #f58365;
}

/*  FP Views Nav */

.fpViewsNav {
	float: left;
	width: 930px;
	height: 45px;
	margin: 5px 0 0 0;
	padding: 10px 0 0 10px;
	list-style: none;
	background: #8e8b86;
}

.fpViewsNav h2 {
	color: #fff;
	font-family: CenturyGothicStd;
	font-size: 1.1em;
	margin: 7px 10px 5px 0;
	float: left;
}

.fpViewsNav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 0;
}

.fpViewsNav a:link, .fpViewsNav a:visited {
	display: inline-block;
	height: 25px;
	width: 106px;
	font-family: CenturyGothicStd-Bold;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	text-align: center;
	line-height: 1.5em;
	text-decoration: none;
	padding: 3px 10px 2px 10px;
	margin: 0 0 0 5px;
	color: #64625a;
	background-color: #e2e2e3;
}

.fpViewsNav a:hover, .fpViewsNav a:active {
	background-color: #fff;
}

.fpViewsNav a.selected {
	color: #fff;
	background-color: #64625a;
}

.viewsBtn:link, .viewsBtn:visited {
display: block;
	height: 20px;
	width: 193px;
	position: absolute;
	right: 30px;
	top: -47px;
	font-family: CenturyGothicStd-Bold;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	text-align: center;
	line-height: 1.25em;
	text-decoration: none;
	padding: 7px 0;
	margin: 0;
	color: #fff !important;
	background-color: #9d9992;
}

.viewsBtn:hover, .viewsBtn:active {
    background-color: #8e8b86;
}

.viewsBtn.scoot {
	top: 0;
	right: 305px;
}

.plansholder {
	width: 100%;
	text-align: center;
}

.planbox {
	width: 40%;
	display: inline-block;
	margin: 1em;
}

.planbox h2 {
	display: block;
	text-align: left;
	padding: 1em 0;
}

.planbox a {
	text-decoration: none;
}

.planbox a:hover > h2 {
	color: #C0A48A;
}


.planbox a:hover > h2 img {
	-webkit-animation:spin .25s ease-in-out; // No more infinite
    -moz-animation:spin .25s linear;
    animation:spin .25s linear;
}

@-moz-keyframes spin {
    100% { -webkit-transform: rotate(90deg); transform:rotate(90deg); }
}
@-webkit-keyframes spin {
    100% { -webkit-transform: rotate(90deg); transform:rotate(90deg); }
}
@keyframes spin {
    100% { -webkit-transform: rotate(90deg); transform:rotate(90deg); }
}

#rendering-fp{
	width: 100%;
	height: 600px;
	margin: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.rendering-fp1 {
	background: url(/images/rendering-fp1.jpg) center center fixed no-repeat;
}

.rendering-fp2 {
	background: url(/images/rendering-fp2.jpg) center center fixed no-repeat;
}

.rendering-fp3 {
	background: url(/images/rendering-fp3.jpg) center center fixed no-repeat;
}

.rendering-fp4 {
	background: url(/images/rendering-fp4.jpg) center center fixed no-repeat;
}

.rendering-fp5 {
	background: url(/images/rendering-fp5.jpg) center center fixed no-repeat;
}

/*******************************************

SITE PLAN

*******************************************/

#spLeft {
	width: 214px;
	float: left;
	position: absolute;
	left: 20px;
	z-index: 900;
}

#spRight {
	width: 720px;
	float: right;
	position: relative;
}

/*.the-tower #spArea div, .the-lofts #spArea div {
	width: 980px;
	height: 600px;
}*/


h2.selectLevel {
	display: block;
	font-size: 1.125em;
	font-family: CenturyGothicStd;
	color: #64625a;
	margin: 0;
	text-align: center;
	margin: 0 0 10px 0;
}

#spNav {
	width: 214px;
	float: left;
	background: #e2e2e3;
	margin: 6px 0 0 0;
}

.spNavButtons {
	margin: 0;
	padding: 11px 0 5px 11px;
	list-style: none;
	text-align: center;
}

.spNavButtons li {
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 0;
}

.spNavButtons a:link, .spNavButtons a:visited {
	display: block;
	height: 20px;
	width: 182px;
	font-family: CenturyGothicStd-Bold;
	font-weight: normal;
	font-style: normal;
	font-size: .95em;
	line-height: 1.2em;
	text-align: left;
	text-decoration: none;
	padding: 7px 0px 2px 10px;
	margin: 0 0 5px 0;
	color: #fff;
	background-color: #9d9992;
}

.spNavButtons a:hover, .spNavButtons a:active {
	background-color: #92918a;
}

.spNavButtons .active a {
	background-color: #62629b;
}

.spNavButtons ul li .selected {
	background-color: #64625a;
}

#rendering {
	position: relative;
	float: left;
	width: 214px;
	height: 339px;
	margin: 0;
	background: url(/images/site-plan/rendering.png) no-repeat;
}

#rendering-lofts {
	position: relative;
	float: left;
	width: 214px;
	height: 339px;
	margin: 0;
	background: url(/images/site-plan/rendering-lofts.jpg) no-repeat;
}

#rendering-townhomes {
	width: 100%;
	height: 600px;
	margin: 0;
	background: url(/images/site-plan/rendering-townhomes.jpg) center center fixed no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#spPurple {
	width: 140px;
	height: 54px;
	float: left;
	background: #62629b;
}

#spTitle {
	width: 574px;
	height: 54px;
	float: right;
	background: #f58365;
}

#spTitle h1 {
	font-family: CenturyGothicStd;
  font-size: 1.875em;
	color: #fff;
	text-align: right;
	margin: 14px 20px 0 0;
}



#enlargeRecDeck {
	position: absolute;
	width: 182px;
	height: 27px;
	left: 270px;
	top: 95px;
}

#hideRecDeck {
	position: absolute;
	width: 182px;
	height: 27px;
	left: 243px;
	top: 23px;
}

.floor-plate {
	position: absolute;
	z-index: 1000;
	top: 30px;
	height: 600px;
	background-color: #fff;
}

#viewFloorPlate {
	height: 27px;
    left: 270px;
    position: absolute;
    top: 55px;
    width: 182px;
}

#hideFloorPlate {
	position: absolute;
	width: 182px;
	height: 27px;
	left: 463px;
	top: 23px;
}

#detailContent {
	float: left;
	width: 180px;
	padding: 0 5px 5px 5px;
	font-family: CenturyGothicStd;
	background: #fff;
}

#detailContent p {
	font-family: CenturyGothicStd;
	font-style: normal;
	font-weight: 400;
	font-size: .9em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 6px 0;
	color: #333;
}

.plan {
	font-size: 1.2;
	margin-bottom: 2px;

}
.icon {
	width: 40px;
	height: 43px;
}

#spBlue {
	width: 412px;
	height: 53px;
	float: left;
	background: #7e9fb4;
	margin: 6px 0 0 0;
}

#spPeach {
	width: 302px;
	height: 53px;
	float: right;
	background: #f48264;
	margin: 6px 0 0 0;
}

#spMap {
	width: 940px;
	height: 522px;
	float: left;
	margin: 6px 0 0 0;
}


/********************************************************
DOCUMENTS
********************************************************/

#docTitle {
	display: block;
	height: 30px;
	margin: 0;
	padding: 0;
}

.documents h3 {
	font-size: 0.875em;
	line-height: 1em;
	font-weight: 500;
	color: #64625A;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

.documents #quad1 {
	width: 330px;
	float: left;
	padding: 20px 20px 0 20px;
	margin: 0;
	overflow: hidden;
}

.documents #quad2 {
	width: 330px;
	float: left;
	margin: 0;
	padding: 50px 20px 0 0;
}

.documents #quad3 {
	width: 220px;
	float: left;
	margin: 0;
}

.documents ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color: #64625A;
}

.documents ul li {
	font-size: 0.875em;
	line-height: 1.125em;
	font-weight: 400;
	list-style: none;
	text-align: left;
	margin: 0px 0px 3px 15px!important;
	padding: 0px 0px 0px 0px;
}

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

.documents ul li ul {
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color: #64625A;
}

.documents ul li ul li {
	font-size: 0.875em;
	line-height: 1.125em;
	font-weight: 300;
	list-style: none;
	text-align: left;
	margin: 0px 0px 5px 15px!important;
	padding: 0px 0px 0px 0px;
}

.documents a {
	text-decoration: none;
	color: #605f9d;
}

.documents a:hover {
	color: #F58365;
}

.documents .secNav a:link, .documents .secNav a:visited {
    font-size: 1.1em;
}