﻿/*--------------------------------------------------
   Main Layout Section
--------------------------------------------------*/
body {
	padding: 0px;
	margin: 0px;
	font-family: Arial,Helvetica,sans-serif;
}
#TopWrapper {
	width: 100%;
	padding-bottom: 6px;
}
#PageWrapper {
	background-image: url('/images/Bg.jpg');
	background-position: top center;
	background-attachment: fixed;
}

/*---- Desktop Styles (*-lg) ----*/
#TopBar {
	display: none;
	background-image: url('/images/Bg_Top.png');
	line-height: 2.688em;
	font-size: 1.125em;
	font-weight: bold;
}
.TopPhoneMargin {
	margin-right: 40px;
}
#LogoHolderLg {
	display: none;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}
#LogoHolderLg a {
	text-decoration: none;
}
#LogoLg {
	width: 471px;
}
#BtnCalLg {
	position: absolute;
	bottom: 19px;
	right: 76px;
	width: 79px;
	height: 79px;
	background-image: url('/images/Bg_Cal.png');
	background-repeat: no-repeat;
}
#BtnCalLg:hover {
	background-image: url('/images/Bg_Cal-over.png');
	background-repeat: no-repeat;
}
#BtnCalLgText {
	text-align: center;
	font-size: 0.563em;
	line-height: 1.125em;
	font-weight: bold;
	margin-top: 40px;
}
#ContentColLeft {
	display: none;
	float: left;
	width: 22.91%;
	margin-bottom: 20px;
}
#ContentColLeft a {
	text-decoration: none;
}
#ContentColRight {
	float: right;
	width: 76.05%;
	margin-bottom: 20px;
	border-radius: 3px;
}
#ContentColRightPad {
	padding: 14px;
}
#SideColContact {
	width: 100%;
	margin-bottom: 10px;
}
#SideColHours {
	width: 100%;
	margin-bottom: 10px;
}
#SideContactBtn {
	width: 100%;
	margin-bottom: 10px;
	font-size: 0.750em;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	border-radius: 3px;
}
#SideApplyBtn {
	width: 100%;
	margin-bottom: 10px;
	font-size: 0.750em;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	border-radius: 3px;
}
#SideColRes {
	display: none;
	width: 100%;
}
.SideCol {
	padding: 14px;
	border-radius: 3px;
}
.SideColTitle {
	font-size: 0.875em;
	font-weight: bold;
}
.SideColHR {
	width: 100%;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.SideColAddressName {
	font-size: 0.875em;
	font-weight: bold;
}
.SideColAddress {
	font-size: 0.688em;
}
.SideColCity {
	font-size: 0.688em;
}
.SideColPhone {
	font-size: 0.688em;
}
.SideColHours {
	font-size: 0.688em;
}
.SideColResItem {
	font-size: 0.688em;
	background-image: url('/images/Bullet.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	text-transform: uppercase;
}
.SideColResItem a {
	text-decoration: none;
}
#ContentIntColLeft {
	float: left;
	width: 68.48%;
}
#ContentIntColRight {
	float: right;
	width: 27.22%;
}
#ContentIntCol {
	width: 100%;
}
#ContentTitle {
	font-size: 1.500em;
	font-weight: bold;
}
#ContentCrumb {
	font-size: 0.750em;
	padding-bottom: 5px;
}
#ContentCrumb span {
	font-weight: bold;
}
#ContentCrumb a {
	text-decoration: none;
}
.ContentSubtitle {
	font-size: 0.875em;
	font-weight: bold;
	margin-top: 20px;
	padding-bottom: 5px;
}


/*---- Tablet Styles (*-sm) ----*/
#TopBarSm {
	display: none;
	position: relative;
	background-image: url('/images/Bg_Top.png');
	height: 83px;
	width: 100%;
}
#LogoHolderSm {
	width: 228px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*---- Mobile Styles (*-xs) ----*/
#TopBarXs {
	display: none;
	position: relative;
	background-image: url('/images/Bg_Top.png');
	height: 63px;
	width: 100%;
}
#LogoHolderXs {
	width: 156px;
	padding-top: 10px;
	padding-bottom: 10px;
}


/*--------------------------------------------------
   Navigation Style Section
--------------------------------------------------*/
/*---- Desktop Styles (*-lg) ----*/
#NavBarLg {
	display: none;
	height: 39px;
	position: relative;
	margin-bottom: 20px;
}
#NavUL {
	line-height: 39px;
	margin: 0px;
	list-style: none;
	z-index: 10;
	position: absolute;
	width: 100%;
	padding: 0px;
}
#NavUL a {
	text-decoration: none;
	outline:0 none;
}
/* no tours =  14.2%, 12.425%*/
#NavUL li {
	float: left; 
	width: 14.105%; 
	text-align: center;
	font-size: 0.750em;
	text-transform: uppercase;
	font-weight: bold;
}
#NavUL li.NavSpacer {
	background: url(/images/NavSpacer.png) top left no-repeat;
	width: 2px;
	height: 39px;
}
#NavBG {	
	position: absolute; 
	height: 39px;  
	z-index: 9; 
	background: url("/images/Bg_Nav-over.png") no-repeat scroll 0 0 transparent;
}

/*---- Tablet Styles (*-sm) ----*/
#BtnMenuSm {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 100;
}
.NavHolderSm {
	display: none;
	position: absolute;
	top: 83px;
	right: 0px;
	z-index: 100;
}
.NavHolderSm a {
	text-decoration: none;
}
.NavItemSm {
	height: 42px;
	min-width: 150px;
	padding-left: 14px;
	padding-right: 14px;
	line-height: 42px;
	font-size: 0.875em;
	text-transform: uppercase;
}

/*---- Mobile Styles (*-xs) ----*/
#BtnMenuXs {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 100;
}
.NavHolderXs {
	display: none;
	position: absolute;
	top: 63px;
	right: 0px;
	z-index: 100;
}
.NavHolderXs a {
	text-decoration: none;
}
.NavItemXs {
	height: 42px;
	min-width: 150px;
	padding-left: 14px;
	padding-right: 14px;
	line-height: 42px;
	font-size: 0.875em;
	text-transform: uppercase;
}


/*--------------------------------------------------
   Footer Style Section
--------------------------------------------------*/
#FooterWrapper {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}
#FooterNavHolder {
	display: none;
}
.FooterNav {
	width: 100%;
	text-transform: uppercase;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 0.813em;
	font-weight: bold;
}
.FooterNav a {
	text-decoration: none;
}
#SocialHolder {
	text-transform: uppercase;
	padding-bottom: 20px;
	font-size: 0.625em;
	font-weight: bold;
	line-height: 40px;
}
.SocialPadRight {
	padding-right: 10px;
}
.CopyLeft {
	float: left;
	font-size: 0.625em;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 2.3em;
	padding-left: 23px;
	background-image: url('/images/Icon_Lock.png');
	background-repeat: no-repeat;
	background-position: left center;
}
.CopyLeft a {
	text-decoration: none;
}
.CopyRight {
	float: right;
	font-size: 0.625em;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 2.3em;
}
.CopyRight a {
	text-decoration: none;
}


/*--------------------------------------------------
   Generic Style Section
--------------------------------------------------*/
.SiteWidth {
	width: 100%;
	max-width: 980px;
}
.SiteCenter {
	margin-left: auto;
	margin-right: auto;
}
.SitePad {
	padding-left: 10px;
	padding-right: 10px;
}
.noBorder {
	border: 0px;
}
.clear {
	clear: both;
}
.outer-center {
	float: right;
	right: 50%;
	position: relative;
}
.inner-center {
	float: right;
	right: -50%;
	position: relative;
}
.FloatLeft {
	float: left;
}
.FloatRight {
	float: right;
}
.ImgSizer {
	width: 100%;
}
.ImgSizerFP {
	max-width: 100px;
}
.HoursLeft {
	width: 50%;
	text-align: left;
	font-weight: bold;
	float: left;
}
.HoursRight {
	width: 50%;
	text-align: right;
	float: right;
}


/*--------------------------------------------------
   Home Page Section
--------------------------------------------------*/
#HomeApplyBtn {
	width: 22.91%;
	min-width: 300px;
	float: right;
}
#HomeApplyBtn a {
	text-decoration: none;
}
#RotatorWrapperLg {
	margin-bottom: 20px;
}
#RotatorPadLg {
	padding: 12px;
}
#ContentWrapperLg {
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 3px;
}
#BottomWrapperLg {
	background-image: url('/images/Bg_Top.png');
	padding-top: 20px;
	padding-bottom: 20px;
}
#BottomColContact {
	float: left;
	width: 32.63%;
	margin-right: 1.04166%;
}
#BottomColHours {
	float: left;
	width: 32.63%;
	margin-right: 1.04166%;
}
#BottomColRes {
	float: left;
	width: 32.63%;
}
.BottomCol {
	padding: 20px;
	border-radius: 3px;
}
.BottomColTitle {
	font-size: 0.875em;
	font-weight: bold;
}
.BottomColHR {
	width: 100%;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.BottomColAddressName {
	font-size: 0.875em;
	font-weight: bold;
}
.BottomColAddress {
	font-size: 0.688em;
}
.BottomColCity {
	font-size: 0.688em;
}
.BottomColPhone {
	font-size: 0.688em;
}
.BottomColHours {
	font-size: 0.688em;
}
.BottomColResItem {
	font-size: 0.688em;
	background-image: url('/images/Bullet.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	text-transform: uppercase;
}
.BottomColResItem a {
	text-decoration: none;
}

/*---- Mobile Styles (*-xs) ----*/
#HomeApplyBtnXs {
	width: 100%;
	min-width: 300px;
}
#HomeApplyBtnXs a {
	text-decoration: none;
}
#BottomWrapperXs {
	position: relative;
	display: none;
}
#BottomWrapperXs a {
	text-decoration: none;
}
#BottomColContactXs {
	width: 100%;
	margin-bottom: 20px;
}
#BottomColHoursXs {
	width: 100%;
	margin-bottom: 20px;
}
#BottomColResXs {
	width: 100%;
	margin-bottom: 20px;
}
#BottomContactBtnXs {
	width: 100%;
	margin-bottom: 20px;
	font-size: 0.750em;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	border-radius: 3px;
}
#BottomApplyBtnXs {
	width: 100%;
	margin-bottom: 20px;
	font-size: 0.750em;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	border-radius: 3px;
}


/*--------------------------------------------------
   Amenities Section
--------------------------------------------------*/
.AmenList {
	margin: 0px;
	margin-left: 1.4em;
	padding: 0px;
	font-size: 0.688em;
	line-height: 2.182em;
}
.SelectUnits {
	font-size: 0.688em;
	line-height: 2.182em;
	text-align: left;
}


/*--------------------------------------------------
   Floor Plans Section
--------------------------------------------------*/
.Instructions {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 0.875em;
}
#FloorplanTbl {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.FloorplanTblHead th {
	padding: 15px;
	font-size: 0.875em;
	font-weight: normal;
	text-align: left;
}
.FloorplanTblRow {
	cursor: pointer;
}
.FloorplanTblRow td {
	padding: 15px;
	font-size: 0.750em;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}
.FloorplanTblRow td a {
	text-decoration: none;
}


/*--------------------------------------------------
   Floor Plan Details Section
--------------------------------------------------*/
.FloorplanTitle {
	font-size: 1em;
	line-height: 2.5em;
	font-weight: bold;
}
.FloorplanDetailWrapper {
	width: 100%;
	font-size: 0.750em;
	padding-top: 7px;
	padding-bottom: 7px;
}
.FloorplanDetailName {
	font-weight: bold;
	float: left;
	width: 25%;
	margin-right: 5%;
}
.FloorplanDetailText {
	float: left;
	width: 70%;
}
.FloorplanNav {
	width: 100%;
}
.FloorplanNav a {
	text-decoration: none;
}
.FloorplanNavItem {
	font-size: 0.875em;
	line-height: 2em;
	font-weight: bold;
	cursor: pointer;
}
#AvailabilityWrapper {
	display: none;
}

/*---- Mobile Styles (*-xs) ----*/
#FloorplanNavXS {
	display: none;
	width: 100%;
	margin-top: 20px;
}


/*--------------------------------------------------
   Gallery Section
--------------------------------------------------*/
.PhotoItem {
	float: left;
	width: 24%;
	margin: 0.5%;
}
.prop_link a {
	color:#000;	
	text-decoration:none;
}


/*--------------------------------------------------
   Residents Section
--------------------------------------------------*/
.ResLinkHolder {
	width: 250px;
	min-height: 200px;
	float: left;
	text-align: center;
}
.ResLinkImage {
	max-width:200px;
	max-height:150px;
}
#ResidentSubnav {
	margin-bottom: 10px;
	font-size: 0.875em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.ResidentSubnavItem {
	float: left;
	text-align: center;
}
.res5item {
	width: 16%;
	margin-left: 2%;
	margin-right: 2%;
}
.res4item {
	width: 21%;
	margin-left: 2%;
	margin-right: 2%;
}
/*--------------------------------------------------
   Media Section
--------------------------------------------------*/
@media (max-width: 767px) {
	#HomeApplyBtn {
		display: none;
	}
	#TopBarXs {
		display: block !important;
	}
	#RotatorWrapperLg {
		display: block !important;
	}
	#PageWrapper {
		padding-top: 20px;
	}
	.CopyLeft {
		display:none;
	}
	#BottomWrapperLg {
		display: none;
	}
	#BottomWrapperXs {
		display: block !important;
	}
	#ContentColRight {
		width: 100%;
	}
	#ContentIntColLeft {
		width: 100%;
	}
	#ContentIntColRight {
		display: none;
	}
	.FloorplanTblHead th {
		font-size: 0.625em;
		padding: 5px;
	}
	.FloorplanTblRow td {
		font-size: 0.563em;
		padding: 5px;
	}
	#FloorplanNavXS {
		display: block !important;
	}
	.FloorplanDetailName {
		width: 30%;
	}
	.FloorplanDetailText {
		width: 65%;
	}
	.PhotoItem {
		width: 100%;
		margin: 2.5% 0%;
	}
	#ResidentSubnav {
		display: none;
	}
}
@media (min-width: 768px) and (max-width: 959px) {
	#PageWrapper {
		padding-top: 20px;
	}
	#TopBarSm {
		display: block !important;
	}
	.BottomCol {
		min-height: 212px;
	}
	#ContentColLeft {
		display: block !important;
	}
	#SideColRes {
		display: block !important;
	}
	.FloorplanTblHead th {
		font-size: 0.813em;
		padding: 10px;
	}
		.FloorplanTblRow td {
		font-size: 0.688em;
		padding: 10px;
	}
}
@media (min-width: 960px) {
	#TopBar {
		display: block !important;
	}
	#LogoHolderLg {
		display: block !important;
	}
	#NavBarLg {
		display: block !important;
	}
	.BottomCol {
		min-height: 212px;
	}
	#FooterNavHolder {
		display: block !important;
	}
	#ContentColLeft {
		display: block !important;
	}
	#SideColRes {
		display: block !important;
	}
}