/*=====================================================
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*=====================================================
GLOBAL
=====================================================*/

#background_cycler{padding:0;margin:0;width:100%;position:absolute;top:0;left:0;z-index:-1}
#background_cycler img{position:absolute;left:0;top:0;width:100%;z-index:1}
#background_cycler img.active{z-index:3}

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background-color: #5eaede;
	font-family: "brandon-grotesque", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 16px;
	font-style: normal;
	font-weight: 400;
}

h1 {
	font-family: "brandon-grotesque", Arial, Helvetica, sans-serif;
	font-size: 1.975em;
	line-height: 1em;
	color: #50aca9;
	margin: 0px 0px 15px 0px;
	padding: 0;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 1px;
}
#welcome {
	text-align: center;
	padding-top: 1.0em;
	font: 1.4em/1.4 Arial, Helvetica, sans-serif;
	color: #000;
}
@media screen and (max-width: 700px) {
	#welcome {
		font: 1.0em/1.3 Arial, Helvetica, sans-serif;
	}
}
h2 {
	font-size: 1.15em;
	line-height: 1.425em;
	color: #3B2314;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	/* not set! */
	font-style: normal;
	font-weight: 400;
	letter-spacing: 1px;
}

h3 {
	font-family: "brandon-grotesque", Arial, Helvetica, sans-serif;
	font-size: 1.250em;
	line-height: 1em;
	color: #3B2314;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 1px;
}

h4 {
	font-size: 1.125em;
	line-height: 1em;
	color: #3B2314;
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
	/* not set! */
	font-style: normal;
	font-weight: 400;
}

h5 {
	font-family: "brandon-grotesque", Arial, Helvetica, sans-serif;
	font-size: 1.875em;
	line-height: 1em;
	color: #3B2314;
	margin: 0px 0px 25px 0px;
	padding: 0 100px 0 0;
	font-style: italic;
	font-weight: 400;
	text-align: right;
	letter-spacing: 1px;
}

p {
	font-size: 1.063em;
	line-height: 1.5em;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

a {
	color: #000000;
}

a:hover {
	color: #50aca9;
}

li {
	font-size: 1.063em;
	line-height: 1.25em;
	color: #000000;
}

hr {
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
	height: 15px;
	background-color: #FFF;
}
/********************************************************
FLEX RULES
********************************************************/

img {
	width: 100%;
}


/*=====================================================
FRAMEWORK
=====================================================*/

#contentOverall {
	width: 100%;
	min-height: 100%;
}

#navigation {
	width: 990px;
	margin: 0 auto;
	padding-top: 40px;
}

#content {
	max-width: 61.875em; 
/*	width: 74.492%;*/
	margin: 0 auto 2em auto;
	height: 100%;
	/*background: url(../images/sidebar-background.png) no-repeat;*/
	overflow: hidden;
	position: relative;
}
@media screen and (max-width: 700px) {
	#content {
		width: 100%;
		margin: 0 auto;
		height: 100%;
	}
}
#contentFullOuter {
	width: 940px;
	margin: 0 auto;
	padding-right: 50px;
}

#contentFull {
	width: 900px;
	margin: 15px 0 50px 0;
	padding: 20px;
	background: url(../images/main-content-background.png);
	overflow: hidden;
}

#contentFullInner {
	width: 858px;
	background: url(../images/main-content-background.png);
	padding: 20px;
	overflow: hidden;
}

#contentFullLeft {
	float: left;
	width: 232px;
}

#contentFullRight {
	float: right;
	width: 620px;
}

/*=====================================================
SIDE BAR
=====================================================*/

#sidebar {
	float: left;
	height: auto;
	/*width: 242px; flex */
	width: 24.4%;
	padding: 0 auto;
	margin: 0 auto;
	background: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 700px) {
#sidebar {
	float: none;
	width: 100%;
	/*margin-bottom: .75em;*/
	}
}
/*

#sidebar h2 {
	font-family: "brandon-grotesque", Arial, Helvetica, sans-serif;
	color: #E3A612;
	margin: 0;
	padding: 0;
}

#sidebar p {
	color: #000;
}

*/

#logo {
	width: 100%;
	padding: 1em 0 0 0;
}
@media screen and (max-width: 700px) {
#logo {
	/*width: 242px; flex */
	width: 50%;
	margin: 0 auto;
	padding: 1em 0 0;
	}
}
#sidebar a#menuBtn {
	display: none;
	position: absolute;
	top: 1em;
	left: 1em;
	width: 30px;
	height: 28px;
/*	width: 30px;
	height: 28px;
	margin: 0 0 -2em 4%;
	padding-top: 1em;*/
}
@media screen and (max-width: 700px) {
#sidebar a#menuBtn {
	display: block;
	}
}
@media screen and (max-width: 700px) {
#sideNav ul {
	/*display: block;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	background: rgba(255, 255, 255, 0.95);
	}
	
/*	#sideNav:hover ul {
	display: block;
	position: absolute;
	top: 38px;
	left: 0;
	width: 100%;
	margin: 0;
	background: rgba(255, 255, 255, 0.95);
	}*/
}
@media screen and (max-width: 700px) {
#sideNav:hover ul a {
	text-decoration: none;
	font-size: 1.0em;
	font-weight: 400;
	letter-spacing: 1px;
	}
}
#snipe h2 {
	display:block;
	width: 100%;
	height: 32px;
	background-color: #D68E16;
	color: #FFF;
	padding: 13px 0px 0px 0px;
	font-size: 1.250em;
	text-transform: uppercase;
	text-align: center;
}



/*

#interestBttn {
	margin: 0 0 5px 18px;
}

#interestBttn a:link, #interestBttn a:visited {
	display: block;
	width: 205px;
	height: 35px;
	font-size: 1em;
	color: #fff;
	background: url(/images/interest-list-bttn.png) no-repeat;
	text-decoration: none;
	padding: 9px 0 0 10px;
	letter-spacing: .1em;
}

#interestBttn a:hover {
	background: url(/images/interest-list-bttn-over.png) no-repeat;
}

*/

#sidebarFooter {
	width: 192px;
	padding: 12px 25px 20px 25px;
	overflow: hidden;
}

#homePost {
	margin: 0;
	padding: 0;
}

#homePost h2, #homePost h4 {
	margin: 0px 0px 4px 0px;
	padding: 0;
	color: #E3A612;
	font-size: 1.125em;
	text-transform: uppercase;
	font-family: "brandon-grotesque", Arial, Helvetica, sans-serif;
}

#homePost h2 {
	width: 80px;
	float: left;
}
#homePost h2 a, #homePost h4 a {
	text-decoration: none;
}
#homePost h2 a:link, #homePost h2 a:hover, #homePost h2 a:active, #homePost h2 a:visited,
#homePost h4 a:link, #homePost h4 a:hover, #homePost h4 a:active, #homePost h4 a:visited{
	color: #E3A612;
}

#homePost h4 {
	width: 80px;
	float: right;
	text-align: right;
}

#homePost h3 {
	margin: 0px 0px 3px 0px;
	padding: 0;
	clear: both;
	color: #FFF;
	font-size: 1em;
	font-weight: 500;
	line-height: 1.250em;
	font-family: "brandon-grotesque", Arial, Helvetica, sans-serif;
	letter-spacing: normal;
}

#homePost p {
	font-size: 0.938em;
	color: #FFF;
	line-height: 1.250em;
	margin: 0;
	padding: 0;
}

#homePost a.more {
	font-size: 11px;
}

#homePost a:link, #homePost a:visited {
	color: #fff;
}

#homePost a:hover {
	color: #c1b7b4;
}

/********************************************************
SIDE NAV
********************************************************/

#sideNav {
	width: 100%;
	margin: 0;
	position: relative;
	z-index: 100;
}

#sideNav ul {
	padding: 1em 0 2em;
	margin: 0;
	list-style: none;
}
@media screen and (max-width: 700px) {
#sideNav ul {
	display: none;
	}
}

#sideNav li {
	margin: 0;
	padding: 0;
}

#sideNav a:link, #sideNav a:visited {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	display: block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	padding: 7px 0px 8px 0px;
	margin: 0;
	color: #3B2314;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 1em;
}

#sideNav a:hover, #sideNav a:active {
	color: #50aca9;
}

#sideNav li.blue a:link, #sideNav li.blue a:visited {
	color: #145884;
}

#sideNav li.blue a:hover, #sideNav li.blue a:active {
	color: #50aca9;
}

#sideNav ul .active a {
	color: #50aca9;
}

#current {
	color: #50aca9 !important;
}
.curLoc {
	color: #50aca9 !important;
}
/*=====================================================
MAIN CONTENT
=====================================================*/

/*
#script1, #script2, #script3 {
	position: absolute;
	z-index: 1;
	visibility: hidden;
}
*/

#tagline {
	margin: 4em;
}
@media screen and (max-width: 700px) {
	#tagline {
		margin: 0;
		text-align: center;
	}
}
#tagline h1 {
	color: #FFF;
	font-size: 2.750em;
	line-height: 1.4em;
	-webkit-text-shadow:2px 2px 2px #000; /* for chrome */
	-text-shadow:2px 2px 2px #000; /* for all browser*/
	text-shadow:2px 2px 2px #000; /* same as above*/
	-moz-text-shadow:2px 2px 2px #000; /* for firefox */
	-o-text-shadow:2px 2px 2px #000; /* for opera */
	-ms-text-shadow:2px 2px 2px #000; /* for ie 9+ */
	-khtml-text-shadow:2px 2px 2px #000; /* for gecko based */
	letter-spacing: 2px;
}
@media screen and (max-width: 700px) {
	#tagline h1 {
		font-size: 2.0em;
		line-height: 1.2em;
	}
}
#promo-home {
	margin: 2em 4em;
	width: 300px;
	height: 205px;
}
@media screen and (max-width: 700px) {
	#promo-home {
		margin: 2em auto 0;
		padding: 0;
		width: 300px;
		height: 205px;
	}
}
#mainBox {
	width: 72.323%;
/*	min-height: 640px;*/
	position: relative;
/*	overflow: hidden;*/
	float: left;
}
#content.residents #mainBuffer, #content.availability #mainBuffer {
	min-height: 455px;
}
#content.residents h2 {
	border-bottom: 1px solid #50aca9;
}
@media screen and (max-width: 700px) {
#mainBox {
	float: none;
	width: 100%;
	}
}
#mainBuffer.square {
	/*height: 610px;*/
}

#mainBuffer {
	margin: 6% 0 0 6%;
	padding: 4%;
	background: rgba(255, 255, 255, 0.8);
	position: relative;
}
#content.welcome #mainBuffer {
	padding-top: 0;
}
@media screen and (max-width: 700px) {
#mainBuffer {
	margin: 4%;
	position: relative;
	}
}
#mainContent {
	position: relative;
	overflow: hidden;
	width: 565px;
	background: url(../images/main-content-background.png);
	margin: 0 auto;
	padding: 20px;
}

#mainContent ol, #mainContent ul {
	margin: 0 0 10px 12px;
	list-style: none;
}

#mainContent li {
	color: #414749;
	font-size: 1.063em;
	line-height: 1.2em;
	margin: 0 0 10px 0;
}

#mainContent li ul {
	margin: 5px 0 10px 12px;
	list-style: inside;
}

#mainContent li ul li {
	color: #414749;
	font-size: 1.063em;
	line-height: 1.2em;
	margin: 0 0 10px 0;
}


#mainContent a:link, #mainContent a:visited {
	text-decoration: underline;
	color: #414964;
}

#mainContent a:hover {
	color: #000;
}

#contentLeft {
	float: left;
	width: 260px;
	font-size: 1.2em;
	margin: 10px 0 0 0;
}

#contentRight {
	float: right;
	width: 290px;
}

/*=====================================================
FLOOR PLANS
=====================================================*/

/*

#floorPlanNav {
	width: 565px;
	height: 40px;
	position: absolute;
	left: 200px;
	top: 27px;
	font-size: 1.3em;
	font-weight: 500;
	color: #414964;
}

#floorPlanNav a:link, #floorPlanNav a:visited, #floorPlanNav a:active {
	display: inline-block;
	width: 102px;
	padding: 5px;
	color: #fff !important;
	font-size: .85em !important;
	background-color: #857b74;
	text-decoration: none;
	text-align: center;
	
}

#floorPlanNav a:hover {
	background-color: #414964;
}

.fpSelected {
	display: inline-block;
	width: 102px;
	padding: 5px;
	color: #fff !important;
	font-size: .85em !important;
	background-color: #96a3b6;
	text-decoration: none;
	text-align: center;
	
}

#floorPlanDescLeft, #floorPlanDescRight {
	height: 60px;
	float: left;
	font-size: 1.1em;
	line-height: 1.35em;
	color: #414749;
}

#floorPlanDescLeft {
	width: 130px;
}

#floorPlanDescRight {
	width: 425px;
}
#ifloor {
	margin: 4px 0 0 0;
	width: 110px;
	height: 38px;
	float: right;
}

a.btn-ifloor {
	float: right;
	width: 110px;
	height: 38px;
	background: #fff url('/images/ifloor-bttn.png');
}
a.btn-ifloor:hover {
	background-color: #9FABC2;
}

#floorPlanHolder {
	width: 565px;
	padding: 0 auto;
	margin: 0 auto;
	float: left;
}

*/

/*=====================================================
GALLERY NAV
=====================================================*/

#galleryNav {
	float: left;
	height: 30px;
	margin: 0;
	padding: 0;
}

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

#galleryNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	line-height: 1em;
	
}

#galleryNav a:link, #galleryNav a:visited {
	font-family: "brandon-grotesque", Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	padding: 0 20px;
	margin: 0;
	color: #3B2314;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: 1px;
	border-right: 1px solid #3B2314;
}

#galleryNav a:hover {
	color: #50aca9;
}

#galleryNav ul .active a {
	color: #50aca9;
}



/*=====================================================
DIRECTIONS
=====================================================*/

#google {
	width: 535px;
	height: 45px;
	background: #6e5f58;
	margin: 0;
	padding: 7px 15px 15px 15px;
}

#google p {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 1.063em;
	color: #fff;
}

#saddr {
	width: 270px;
	float: left;
	margin: 0;
	padding: 0;
	background: #efefef;
	font-size: .8em;
	padding: 3px;
	margin: 0;
	border: 0;
}

#google-btn {
	width: 40px;
	height: 21px;
	float: left;
	font-style: normal;
	font-weight: 400;
	line-height: 1.063em;
	font-size: .7em;
	text-align: center;
	background-color: #9ca899;
	color: #fff;
	margin: 0 0 0 10px;
	padding: 0;
	border: 0;
}

#google-btn:hover {
	background-color: #7a8c76;
	cursor: pointer;
}

/*=====================================================
INTEREST FORM
=====================================================*/

/*

#interestFormInner {
	width: 565px;
	padding: 0 auto;
	margin: 0 auto;
	float: left;
}

#closeBttn {
	float: right;
	margin: 0 auto;
	padding: 0 auto;
}

#closeBttn a:link, #closeBttn a:visited {
	display: block;
	width: 48px;
	height: 14px;
	background: url(/images/close.png) no-repeat;
}

#closeBttn a:hover {
	background: url(/images/close-over.png) no-repeat;
}

p, label, input, textarea, #requiredinformation {
	font-size: .875em;
	line-height: 1.4em;
}

p, label, #requiredinformation {
	color: #414749;
}

input, textarea {
	color: #414749;
}

*/

/*=====================================================
BODY BUTTONS
=====================================================*/

/*

a:link#btn-submit, a:visited#btn-submit, a:active#btn-submit, a:hover#btn-submit {  
	padding: 6px 10px 6px 10px;
	text-decoration: none;
	color: #fff !important;
}
a:link#btn-submit, a:visited#btn-submit, a:active#btn-submit, a:hover#btn-submit  {
	margin: 15px 0 0 0;
	float: right;
}
a:link#btn-submit, a:visited#btn-submit, a:active#btn-submit {
	background: #423933 !important;
}

a:hover#btn-submit {
	background: #191512 !important;
}

*/

/*=====================================================
FORM ELEMENTS
=====================================================*/

/*

form {
	margin: 0;
	width: 565px;
}

#i-first, #i-last, #i-address, #i-city, #i-state, #i-zip, #i-email, #i-phone, #i-comments,  
#l-first, #l-last, #l-address, #l-city, #l-state, #l-zip, #l-email, #l-phone, #l-comments {
	float: left;
	margin: 0;
}

#i-city, #l-city {
	float: left;
	margin-right: 20px;
}

#i-last, #i-zip, #i-phone,
#l-last, #l-zip, #l-phone {
	float: right;
}

#i-first, #i-last, #i-address, #i-city, #i-state, #i-zip, #i-email, #i-phone, #i-comments {
	border: 1px solid #90847e;
}
#i-first, #i-last, #i-city, #i-phone, #i-comments, #i-email, 
#l-first, #l-last, #l-city, #l-phone, #l-comments, #l-email {
	width: 260px;
}
#i-address, #i-comments, #l-address, #l-comments, #l-selectacommunity {
	width: 554px;
}
#i-state, #l-state {
	width: 80px;
}
#i-zip, #l-zip {
	width: 148px;
}
label {
	display: block;
}
label, input, textarea, #requiredinformation { 
	padding: 5px;
	resize: none;
}
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	background: #eee;
}

#requiredinformation {
	float: left;
	margin: 0;
	font-style: italic;
}

#finalSubmit {
	font-family: Arial, Helvetica, sans-serif;
	background: #53463f;
	color: #fff;
	font-weight: bold;
	float: right;
	border: 0;
	padding: 8px 20px 8px 20px;
	font-size: 1em;
	text-decoration: none;
	margin-right: 10px;
	margin-top: 15px;
	cursor: auto;
}

*/

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

/*

#webGuideLeft, #webGuideRight {
	float: left;
	width: 260px;
	font-size: 1.5em;
	margin: 0 0 10px 0;
}

#webGuideLeft a:link, #webGuideLeft a:visited, #webGuideRight a:link, #webGuideRight a:visited {
	text-decoration: none !important;
}



*/
#imageRotation {
	width: 100%;
}
/*=====================================================
FOOTER
=====================================================*/

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -75px; /* the bottom margin is the negative value of the footer's height */
}

.push {
	height: 75px; /* .push must be the same height as #footer */
}

#footercontainer {
	width: 100%;
	/*min-width: 990px;
	height: 168px; <<< re-insert for janky footer copy
	height: 260px; */
	background-color: #88AABB;
	/*overflow: hidden;*/
}

#footer {
	/*width: 990px; flex */
	max-width: 74.492%;
	padding: 1em 0;
	margin: 0 auto;
	/*overflow: hidden;*/
	position: relative;
}
@media screen and (max-width: 700px) {
	#footer {
	max-width: 90%;
	}
}
#Info {
	float: left;
}
@media screen and (max-width: 640px) {
	#footerButtons {
		float: none;
	}
}
#Info h2 {
	font-size: 1em;
	font-family: "brandon-grotesque", Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px;
	padding: 0px;
/*	text-align: center;*/
	letter-spacing: normal;
}

#Info h3 {
	font-size: 1.25em;
	font-family: "brandon-grotesque", Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px;
	padding: 0px;
/*	text-align: center;*/
	letter-spacing: normal;
}

#copyRight {
	width: 68%;
	padding-left: 20px;
/*	padding-right: 30px;*/
	background: url(../images/footer-legal.png) no-repeat 0px 4px;
	font-size: 0.75em;
	line-height: 1.5em;
	color: #FFF;
	float: left;
	clear: left;
	margin: 2px 0px 0px 0px;
}
@media screen and (max-width: 640px) {
	#copyRight {
		width: 100%;
		padding-left: 20px;
	/*	padding-right: 30px;*/
		background: url(../images/footer-legal.png) no-repeat 0px 4px;
		float: none;
		margin: 2px 0px 0px 0px;
	}
}
#footer a:link, #footer a:visited {
	color: #FFF;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	color: #3b2314;
}

#footerButtons {
	width: 80px;
	float: right;
	margin: -2.0em 0 0.2em 0;
}

@media screen and (max-width: 640px) {
	#footerButtons {
		float: none;
		margin: 0.5em 0 0 0;
	}
}

#footerButtons a:link, #footerButtons a:visited {
	display: block;
	padding: 5px 0px 5px 0px;
	text-decoration: none;
	color: #FFF;
	background-color: #6496A9;
	font-size: 0.813em;
	text-align: center;
}

#footerButtons a:hover, #footerButtons a:active {
	background-color: #3b2314;
}

#infinite-footer {
	display:none !important;
	opacity:0;
	visibility: hidden;
}

ul#social {
	/*width: 150px;*/
	margin: 10px 0px 0px 0px;
	padding: 0;
	float: right;
	clear: right;
}
@media screen and (max-width: 640px) {
	ul#social {
		margin: -2em 0 0 0;
	}
}
#social li {
	margin-left: 5px;
	display: inline;
	float: right;
}
#social li a {
	color: #000;
	height: 20px;
	width: 20px;
	overflow: hidden;
	display: block;
	text-decoration: none;
}

#social li.socialBook a:link, #social li.socialBook a:visited {
	background: url(../images/social-facebook.png) 0px 0px;
}

#social li.socialBook a:hover, #social li.socialBook a:active {
	background: url(../images/social-facebook.png) 0px 20px;
}

#social li.socialTwit a:link, #social li.socialTwit a:visited {
	background: url(../images/social-twitter.png) 0px 0px;
}

#social li.socialTwit a:hover, #social li.socialTwit a:active {
	background: url(../images/social-twitter.png) 0px 20px;
}

#social li.socialInsta a:link, #social li.socialTwit a:visited {
	background: url(../images/social-instagram-icon.png) 0px 0px;
}

#social li.socialInsta a:hover, #social li.socialTwit a:active {
	background: url(../images/social-instagram-icon.png) 0px 20px;
}

#social li.socialBlog a:link, #social li.socialBlog a:visited {
	background: url(../images/social-blog.png) 0px 0px;
}

#social li.socialBlog a:hover, #social li.socialBlog a:active {
	background: url(../images/social-blog.png) 0px 20px;
}

#social li.socialAdd a:link, #social li.socialAdd a:visited {
	background: url(../images/social-addthis.png) 0px 0px;
}

#social li.socialAdd a:hover, #social li.socialAdd a:active {
	background: url(../images/social-addthis.png) 0px 20px;
}

#social li.socialFlickr a:link, #social li.socialFlickr a:visited {
	background: url(../images/social-flickr.png) 0px 0px;
}

#social li.socialFlickr a:hover, #social li.socialFlickr a:active {
	background: url(../images/social-flickr.png) 0px 20px;
}


#footcopy {
	width:100%;
	float:left;
	margin-top:0.75em;
	padding:0.75em 0;
	border-top:1px solid #fff;
}

#footcopy p {
	line-height:1.4em;
	font-size:0.9em;
	color:#fff;
}

#footer #footcopy a:link {
	text-decoration: underline;
	color:#fff;
}


/*=====================================================
AMENITIES
=====================================================*/

/*ul#secondaryNav {
	width: 400px;
	position: absolute;
	right: 20px;
	top: 20px;
}*/
ul#secondaryNav {
	width: auto;
	float: right;
}
ul#secondaryNav li {
	margin: 0px;
	padding: 0px;
	float: right;
	display: inline;
}

ul#secondaryNav li a:link, ul#secondaryNav li a:visited {
	color: #FFF;
	padding: 4px;
	margin: 0px 0px 0px 6px;
	display: block;
	width: auto;
	background-color: #000000;
	text-decoration: none;
	font-size: 0.938em;
	font-family: "brandon-grotesque", Arial, Helvetica, sans-serif;
	text-align: center;
	letter-spacing: 0px;
	font-weight: 400;
}

ul#secondaryNav li a:active, ul#secondaryNav li a:hover {
	background-color: #50aca9;
}

ul#secondaryNav li.current a {
	background-color: #50aca9 !important;	
}

#amenitiesContent {
	width: 100%;
	padding-top: 10px;
	clear: both;
}

#amenitiesRight {
	width: 38%;
	float: right;
	padding-top: 15px;
}
@media screen and (max-width: 700px) {
	#amenitiesRight {
		width: 100%;
		float: none;
			padding-top: 15px;
	}
}
#rightTopPhoto, #rightBottomPhoto {
	width: 100%;
}
@media screen and (max-width: 700px) {
	#rightTopPhoto {
		float: left;
		width: 48%;
	}
}
#rightBottomPhoto {
	margin-top: 20px;
}
@media screen and (max-width: 700px) {
	#rightBottomPhoto {
		float: right;
		width: 48%;
		margin-top: 0;
	}
}
#amenitiesLeft {
	width: 60%;
	float: left;
}
@media screen and (max-width: 700px) {
	#amenitiesLeft {
		width: 100%;
		float: none;
	}
}
#amenitiesLeft h3 {
	font-size: 1.4em;
}

#amenitiesLeft ul {
	margin: 1.0em;
	padding: 0;
}

#amenitiesLeft ul li {
	margin: 0px 0px 10px 0px;
	padding: 0;
	list-style: disc outside;
}

/*=====================================================
AVAILABILITY
=====================================================*/

#pricingMatrix {
}

#pricingPhotos {
	width: 605px;
	clear: both;
	overflow: hidden;
}

#pricingPhotoLeft {
	width: 293px;
	float: left;
}

#pricingPhotoRight {
	width: 293px;
	float: right;
}

/*=====================================================
FLOOR PLANS
=====================================================*/

ul#floorplanMenu {
/*	width: 500px;*/
	position: absolute;
	right: 20px;
	top: 20px;
}
@media screen and (max-width: 640px) {
	ul#floorplanMenu {
		height: 2em;
		position: relative;
		right: 0;
		top: 0;
	}
}
ul#floorplanMenu li {
	margin: 0px;
	padding: 0px;
	float: right;
}
@media screen and (max-width: 640px) {
	ul#floorplanMenu li {
		float: right;
	}
}

ul#floorplanMenu li a:link, ul#floorplanMenu li a:visited {
	color: #FFF;
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 0px 6px;
	display: block;
	width: 1.5em;
	background-color: #000000;
	text-decoration: none;
	font-size: 1em;
	font-family: "brandon-grotesque", Arial, Helvetica, sans-serif;
	text-align: center;
	letter-spacing: 0px;
	font-weight: 400;
}

ul#floorplanMenu li a:active, ul#floorplanMenu li a:hover {
	background-color: #50aca9;
}

ul#floorplanMenu li a.current {
	background-color: #50aca9;	
}

ul#floorplanMenu li.ifp a:link, ul#floorplanMenu li.ifp a:visited {
	background-color: #A49381;
	width: 123px;
	padding: 6px 10px 6px 10px;
}

ul#floorplanMenu li.ifp a:hover, ul#floorplanMenu li.ifp a:active {
	background-color: #000000;
}

#floorplan {
	padding-top: 15px;
}

#floorplan h2 {
	font-size: 1.500em;
	margin: 0;
	font-family: "brandon-grotesque", Arial, Helvetica, sans-serif;
	line-height: 1em;
}

ul#reverses {
	width: 210px;
	position: absolute;
	right: 80px;
	top: 124px;
}

ul#reverses li {
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
}

ul#reverses li a:link, ul#reverses li a:visited {
	color: #000000;
	padding: 1px 0px 1px 25px;
	margin: 0px 15px 0px 0px;
	display: block;
	text-decoration: none;
	font-size: 0.938em;
	text-align: left;
	letter-spacing: 0px;
	font-weight: 400;
	background: url(../images/reverse-off.png) no-repeat 0px 3px;
}

ul#reverses li a:hover, ul#reverses li a:active {
	background: url(../images/reverse-on.png) no-repeat 0px 3px;
}

ul#reverses li a.current {
	background: url(../images/reverse-on.png) no-repeat 0px 3px;
}

.forceUpper {
	text-transform: uppercase !important;
}

.brownButton a {
    background-color: #000000;
    color: #FFFFFF;
    display: block;
    font-family: "utopia-std","Times New Roman",Times,serif;
    font-size: 1em;
    letter-spacing: 1px;
    margin: 0 0 0.5em 0;
    padding: 7px 0;
    text-align: center;
    text-decoration: none;
}

.brownButton a:hover {
    background-color: #50aca9;
}

a.btn-ifloor {
	position: absolute;
	right: 20px;
	top: 58px;
	width: 130px;
	height: 36px;
	background: #a39281;
}
a.btn-ifloor:hover {
	background-color: #d19115;
}

/*=====================================================
SITE PLAN
=====================================================*/

#SPavailButton {
	width: 180px;
	position: absolute;
	right: 20px;
	top: 60px;
}
#TPavailButton {
	width: 100%;relative;
	margin: 1.0em 0;
}
#mainBuffer.site-plan #SPavailButton {
	top: 20px;
}
@media screen and (max-width: 640px) {
	#SPavailButton {
		width: 100%;
		position: relative;
		right: 0;
		top: 0;
		margin-top: 1em;
		margin-bottom: 1em;
	}
}
@media screen and (max-width: 700px) {
	#mainBuffer.site-plan #SPavailButton {
		width: 100%;
		position: relative;
		right: 0;
		top: 0;
	}
}
/*=====================================================
VISIT US
=====================================================*/

h2#visitAddress {
	font-family: "utopia-std","Times New Roman",Times,serif;
	font-size: 1.125em;
	line-height: 1.313em;
	color: #3B2314;
	margin: 0;
	padding: 0;
	/* not set! */
	font-style: normal;
	font-weight: 400;
}

#visitLeft {
	width: 300px;
	height: 305px;
	float: left;
	margin-top: 1em;
	margin-right: 15px;
}
@media screen and (max-width: 700px) {
	#visitLeft {
		float: none;
		margin: 1em auto;
	}
}
#visitRight {
	width: 300px;
	height: 305px;
	float: left;
	margin-top: 1em;
}
@media screen and (max-width: 700px) {
	#visitRight {
		float: none;
		margin: 1em auto;
	}
}
#gMapp {
	width: 300px;
	height: 225px;
	margin: 0;
	padding: 0;
}

#google {
	width: 270px;
	height: 45px;
	background: #000000;
	margin: 0;
	padding: 7px 15px 10px 15px;
}

#google p {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: .875em;
	color: #fff;
}
#saddr {
	width: 215px;
	float: left;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #efefef;
	font-size: .8em;
	padding: 3px;
	margin: 0;
	border: 0;
}
#google-btn {
	width: 40px;
	height: 21px;
	float: right;
	font-style: normal;
	font-weight: 400;
	line-height: .75em;
	font-size: .7em;
	text-align: center;
	background-color: #50aca9;
	color: #fff;
	margin: 0;
	padding: 0;
	border: 0;
}
#google-btn:hover {
	background-color: #EF9D26;
	cursor: pointer;
}

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

#newsHeadline {
	position: absolute;
	z-index: 2;
	left: 50px;
	top: 5px;
}

#newsHeadline h1 {
	font-size: 2.4em !important;
	color: #fff !important;
}


#newsContent {
	width: 675px;
	margin: 0 auto;
	overflow: hidden;
	/* change background per site design */
	background: #FFF url(../news/wp-content/themes/news/images/bg.gif);
}

/* sidebar titles */

#sidebar.news {
	height: 1131px;
}

#content.news {
	background: url(../images/sidebar-news-background.png) no-repeat;
}

#newsSidebar {
	width: 190px;
	position: absolute;
	left: 25px;
	top: 580px;
	padding: 5px 0 0 0;
}

#newsSidebar h2 {
	font-family: "utopia-std","Times New Roman",Times,serif;
	font-size: 1.25em;
	line-height: 1em;
	font-weight: normal;	
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
	color: #E0A312;
}

#newsSidebar ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	list-style:none;
}

#newsSidebar li {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	background-image: none;
}

/* sidebar links */

#newsSidebar a:link, #newsSidebar a:visited {
	color: #fff;
	text-decoration: none;
	font-size: 1em;
}

#newsSidebar a:hover, #newsSidebar a:active {
	color: #A79580;
}

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

#newsRight {
	width: 675px;
	float: right;
}

#newsFeed {
	width: 605px;
	float: left;
	padding: 0;
}

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

/* blog entry title */

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

.blogEntry h3 {
	color: #414964;
	font-size: 1.7em;
	font-style: normal;
	font-weight: 400;
	line-height: 1.188em;
	margin: 0 0 8px;
	padding: 0;
	text-align: left;
}

/* blog entry date */

.blogEntry h4 {
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;	
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}


/* blog entry title link color */

.blogEntry a:link, .blogEntry a:visited {
	text-decoration: none !important;
	color: #3B2314 !important;
}

.blogEntry a:hover, .blogEntry a:active {
	color: #E0A312 !important;
}

.blogEntry p a:link, .blogEntry a:visited {
	text-decoration: underline !important;
}

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

.pagetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1em;
	font-weight: normal;	
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
	color: #E0A312;
}

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

.backToMain a:link, .backToMain a:visited {
	 font-family: "utopia-std","Times New Roman",Times,serif;
	color: #FFF !important;
	text-decoration: none;
	font-size: 1em;
  letter-spacing: 1px;
	background-color: #000000;
	padding: 8px 16px 8px 16px;
	display: block;
	margin: 0 auto;
	width: 140px;
	text-align: center;
	text-decoration: none !important;
}
	
.backToMain a:hover, .backToMain a:active {
	background-color: #50aca9 !important;
}

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

#weatherWidget {
	width: 190px;
	margin: 0 auto; 
	overflow: hidden;
	padding: 0px 0px 10px 0px;
	background-color: #A79580;
	margin-bottom: 15px;
}

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

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

#weatherInfo h3 {
	font-family: "brandon-grotesque", Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	text-align: center;
	color: #FFF;	
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
}

#weatherInfo h4 {
	font-family: "brandon-grotesque", Arial, Helvetica, sans-serif;
	font-size: 0.938em;
	text-align: center;
	color: #FFF;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#timeWidget {
	width: 190px;
	text-align: center;
	margin: 10px auto 0;
	padding-bottom: 10px;
	background-color: #A79580;
}

#timeWidget  h2 {
	font-size: 1.125em;
	color: #FFF;	
	margin: 0px 0px 8px 0px;
	padding: 8px 0px 0px 0px;
	text-align: center;
}

#timeWidget  h3 {
	font-family: "brandon-grotesque", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

/********************************************************
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 {
	text-align: center;
	margin-top: 0px;
	font-size: 14px;
	padding-bottom: 15px;
	overflow: hidden;
}
	
.navigation a:link, .navigation a:visited {
	font-family: "utopia-std","Times New Roman",Times,serif;
	color: #FFF !important;
	text-decoration: none !important;
	font-size: 1em;
  letter-spacing: 1px;
	background-color: #000000;
	padding: 8px 16px 8px 16px;
	display: block;
}
	
.navigation a:hover, .navigation a:active {
	background-color: #50aca9 !important;
}

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

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

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

.sharingAndCaring li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	font-size: 12px;
	line-height: 12px;
	color: #000;
	background-image: none;
}

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

.fbLike {
	float: left;
}

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

.privacyList {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
}

.privacyList li {
	font-size: 1.063em;
	line-height: 1.5em;
	color: #000000;
	list-style: disc;
	text-align: left;
	margin: 0px 0px 3px 15px!important;
	padding: 0px 0px 0px 0px;
}

/*=====================================================
DAN'S CSS
=====================================================*/

#mainNoPadding {
	width: 645px;
	margin: 50px 0 0 50px;
	background: url(../images/main-background.png);
}

#mainNoPadding h1 {
	padding: 20px 0px 0px 20px;
}

#mainNoPadding p {
	padding: 0px 0px 0px 20px;
}

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

#websiteGuide {
	width: 100%;
	overflow: hidden;
}

#websiteGuideLeft {
	width: 45%;
	float: left;
	padding-left: 5px;
}

#websiteGuideRight {
	width: 45%;
	float: right;
}

ul.websiteGuideListing li {
	list-style: disc;
	margin: 0px 0px 8px 20px;
	padding: 0px 0px 0px 0px;
}

ul.websiteGuideListing li a {
	text-decoration: none;
}
#content.surroundings h4 {
	margin: 1em 0;
}
#content.surroundings #mainBuffer ul {
	margin: 1em;
	list-style: disc inside;	
}
#content.surroundings #mainBuffer li {
	margin: 0.5em 0;	
	list-style: disc outside;
}
#freeMonth {
	text-align: center;
	display: block;
	margin: 0;
	padding: 0.5em;
/*	background-color: #5eaede;
	color: #FFFFFF;
	border-radius: 1.0em;*/
}
#freeMonth h1 {
	font: bold 1.8em/1.6 Arial, Helvetica, sans-serif;
/*	color: #FFFFFF;*/
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 700px) {
	#freeMonth h1 {
		font: bold 1.4em/1.1 Arial, Helvetica, sans-serif;
	}
}
#freeMonth span {
	display: block;
	padding-bottom: 0.5em;
	font: 1.4em/1.2 Arial, Helvetica, sans-serif;
}
@media screen and (max-width: 700px) {
	#freeMonth span {
		display: block;
		padding-bottom: 0.5em;
		font: 1.2em/1.2 Arial, Helvetica, sans-serif;
	}
}
/* appstore buttons */
.download img {
    margin: 1em .5em;
		width: 144px;
		height: 49px;
}