@charset "utf-8";
/* CSS Document */
html {
    margin: 0;
    padding: 0;
    border: none;
    height: 100%;
}
body{
	 height:inherit;
	font-size: 62.5%;
	font-family: 'nerisblack';
	background: url('/images/bg.jpg') repeat-x;
}
div{
	height: auto;	
}

.siteWidth{
	width: 1030px;
	margin: 0 auto;
}
.addressLink{
	text-decoration: none;
	color: inherit;	
	
}
@media screen and (min-width: 960px)and (max-width: 1029px){
	.siteWidth{
		width: 950px;
		margin: 0 auto;
	}
}


@media screen and (min-width: 768px) and (max-width: 959px){
	.siteWidth{
		width: 750px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 767px){
	.siteWidth{
		width: 300px;
		margin: 0 auto;
	}
}
.noShow{
	display: none;	
}
.l33{
	width: 33%;
	float: left;	
}
.r33{
	width: 30%;
	float: right;	
}

/********************************
			Header
***********************************/
#header{
	padding: .5% 0 2% 0;
}

#headerHR{
	height: 3px;	
	width: 100%;
	margin-top: .5%;
}


.logo{
	width: 100%;
	
}
#spNav{
	float: right;
	text-align: right;
	font-size: 1.3em;
	font-family: 'nerissemibold';
}

#spNav a{
	text-decoration: none;
	text-transform: uppercase;	
}

#mainNav{
	float: right;
	margin-top: 5%;	
	padding: 0;
	width: 80%;
	text-align:right;
	list-style-type: none;
	outline: none;
}
#mainNav li{
	display: inline-block;	
	text-align:center;
	margin-left: 4%;
}
#mainNav li:first-child{
	margin-left: 0;
}

.topNav{
	font-family: 'nerissemibold';
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.6em;
	outline: none !important;

}
.topNavSelected{
	font-family: 'nerissemibold';
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.6em;
	outline: none;	
}
#mobiNav{
	display: none;
}
#mobiNavWrapper{
	display: none;
}

@media screen and (min-width: 768px) and (max-width: 959px){
	#mainNav li{
		display: inline-block;	
		text-align:center;
		margin-left: 2%;
	
	}	
	.noShow{
		display: inline;	
	}
	.topNav{
		font-family: 'nerissemibold';
		text-decoration: none;
		text-transform: uppercase;
		font-size: 1.6em;	
	}	
}
@media screen and (max-width: 767px){
	#header{
		padding: 1% 0 2% 0;
		height: 100px;
		margin-bottom: 3%;
	}
	#headerHR{
		height: 2px;	
		width: 100%;
		margin-top: 5%;
	}
	.logoWrapper{
		float: left;
		margin-top: -7%;
		margin-bottom: 6%;
		width: 40%;
		height: auto;
	}
	#spNav{
		display: none;
	}
	#mainNav{
		display: none;
	}	
	#mobiNav{
		float: right;
		margin-top: 6%;
		display: block;
		padding: 0;
		text-align:right;
	}
	#mobiNavWrapper{
		position: absolute;
		float: right;
		z-index: 15;
		right: -297px;
		display: none;
	}
}


/********************************
			Footer
***********************************/
#footer{
	margin-top: 1%;
	font-size: 1.2em;	
	font-family: 'nerislight';
}

.footerTitle{
	font-size: 1.4em;	
	text-transform: uppercase;
	font-family: 'nerissemibold';
	padding: 0;
	margin-bottom: 0;	
}
.footerleft{
	width: 25%;
	float: left;	
}
.footerRight{
	width: 73%;
	float: right;
	margin-left:2%;	
}
.footerHR{
	height: 1px;
	margin-top: 0;	
	padding: 0;
	width: 25%;
}
.footerHRleft{
	height: 1px;
	margin-top: 0;	
	padding-top: 0;
	width: 90%;
}
.footerNav{
	float: left;
	list-style: square;
	padding-left: 6%;
	margin-right: 5%;
}
.footerLink{
	font-size: 1.4em;	
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1.2em;	
	font-family: 'nerislight';	
}
#footerLoc{
	background: url('/images/icon_Connect_Location.png') no-repeat;	
	padding-left: 15%;
	height: 3em;
}
#footerPhone{
	background: url('/images/icon_Connect_Phone.png') no-repeat;	
	padding-left: 15%;
	height: 3em;
	padding-top: 2.5%;
}
#footerPhone a{	
	color: #ffffff;
	text-decoration: none;
}
#footerEmail{
	background: url('/images/icon_Connect_EMail.png') no-repeat;	
	padding-left: 15%;
	height: 3em;
	padding-top: 2.5%;
}
#footerRent{
	background: url('/images/icon_Connect_PayOnline.png') no-repeat;	
	padding-left: 15%;
	height: 3em;
	padding-top: 2.5%;
}
#footerRent a{
	
	text-decoration: none;
}
#footerSpecial{
	background: url('/images/icon_Connect_CurrentSpecials.png') no-repeat;	
	padding-left: 15%;
	height: 3em;
	padding-top: 2.5%;
}
#footerSpecial a{
	
	text-decoration: none;
}
#footerApply{
	background: url('/images/icon_Connect_ApplyOnline.png') no-repeat;	
	padding-left: 15%;
	height: 3em;
	padding-top: 2.5%;
}
#footerApply a{
	
	text-decoration: none;
}
#subFooter{
		
	padding: .25% 0;
	font-family: 'nerislight';
}
#subFooter a{
	font-family: 'nerislight';
}
#corpLogo{
	float: left;

}
#ellipseInfo{
	float: right;
	margin-top: 2%;
	text-align: right;
	
}
#mobiFooter{
	display: none;
}
#mobiSubFooter{
	display: none;
}
#mobiFooterBTNS{
	display: none;
}
@media screen and (min-width: 768px) and (max-width: 959px){
	#footer{
		margin-top: 1%;
		font-size: 1.1em;	
		font-family: 'nerislight';
	}	
	.footerleft{
		width: 30%;
		float: left;	
	}
	.footerRight{
		width: 68%;
		float: right;
		margin-left:2%;	
	}
	.footerHR{
		height: 1px;
		margin-top: 0;	
		padding-top: 0;
		width: 35%;
	}
	#footerLoc{
		background: url('/images/icon_Connect_Location.png') no-repeat;	
		padding-left: 20%;
		height: 3.5em;
	}
	#footerPhone{
		background: url('/images/icon_Connect_Phone.png') no-repeat;	
		padding-left: 20%;
		
		padding-top: 3%;
	}
	#footerEmail{
		background: url('/images/icon_Connect_EMail.png') no-repeat;	
		padding-left: 20%;
		
		padding-top: 3%;
	}
	#footerRent{
		background: url('/images/icon_Connect_PayOnline.png') no-repeat;	
		padding-left: 20%;
		
		padding-top: 3%;
	}

	#footerSpecial{
		background: url('/images/icon_Connect_CurrentSpecials.png') no-repeat;	
		padding-left: 20%;
		
		padding-top: 3%;
	}

	#footerApply{
		background: url('/images/icon_Connect_ApplyOnline.png') no-repeat;	
		padding-left: 20%;
		padding-top: 3%;
	}
}
@media screen and (max-width: 767px){
	#mobiFooterBTNS{
		display: block;
		margin: 3% 0;
		text-align: center;
	}
	#mobiFooterBTNS a{
		padding: 0 .5%;
	}
	#mobiFooter{
		display: block;
		margin-top: 1%;
		font-size: 1.2em;
		text-align: center;	
		font-family: 'nerissemibold';
	}
	#mobiSubFooter{
		display: block;		
		padding: .25% 0;
		text-align: center;	
		font-family: 'nerislight';
	}
	#ellipseInfo{
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.mobiPhoneNum{
		text-decoration: none;	
	}
	#mobiSubFooter a{
		font-family: 'nerislight';
	}	
	#subFooter{
		display: none;
	}
	#corpLogo{
		display: none;
	}
	#footer{
		display: none;
	}

}

/********************************
			Index
***********************************/

#imgslideshow_wrapper
{
	position:relative;
	margin-left:auto;
	margin-right: auto;
	margin-top: -2%;
	margin-bottom: 1%;
	height: 50em;
	z-index: 10;	
	-webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 10px 4px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 10px 4px rgba(50, 50, 50, 0.75);
}
#imgslideshow
{
	width: 100%;	
	height:100%;
	position:absolute;
}
#rotatorOverlay{
	position:absolute;
	right: 5%;
	z-index: 40;	
	height: 100%;	
}
.welcomeTitle{
	font-family: 'neristhin';		
	font-size: 1.6em;
	text-transform: uppercase;
}
.welcomeWrapper{
	padding: 1% 2%;
	float: left;
	width: 60%;	
	font-family: 'nerislight';
	font-size: 1.4em;
}
.sideWrapper{
	float: left;
	background: #d4ce8d;
	width: 32%;	
	font-family: 'nerissemibold';
	padding: 1% 2%;
	font-size: 1.5em;	
}
.sideTitle{
	font-size: 1.4em;	
	text-transform: uppercase;
}
.sideDiv{
	height: 1px;
	margin: 5% 0;
}
@media screen and (min-width: 768px) and (max-width: 959px){
	#imgslideshow_wrapper
	{
	
		height: 42em;

	}
		
	.welcomeWrapper{
		padding: 1% 2%;
		float: left;
		width: 57%;	
		font-family: 'nerislight';
		font-size: 1.4em;
	}
	.sideWrapper{
		float: left;
		width: 35%;	
		font-family: 'nerissemibold';
		padding: 1% 2%;
		font-size: 1.2em;	
	}

}
@media screen and (max-width: 767px){
	#imgslideshow_wrapper
	{
		width: 280px;
		height:25%;	
		display: block;
		border:10px #4F7B6E solid;
	}
	#imgslideshow
	{
		display: block;	
	}

	.sideWrapper{
		display: none;	
	}
	.welcomeWrapper{
		padding: 1% 5%;
		margin: 0 auto;
		float: left;
		width: 90%;	
		font-family: 'nerislight';
		font-size: 1.4em;
	}

}
/********************************
			Interior
***********************************/

#contentWrapper{
	height: auto;
	-webkit-box-shadow: 0px 0px 10px 4px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 10px 4px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 10px 4px rgba(50, 50, 50, 0.75);	
	
}
#topImg
{
	margin-left:auto;
	margin-right: auto;
	margin-top: -2%;
	margin-bottom: 0;
	height:20em;
	padding: 0;
}
#titleWrapper{
	font-family: 'neristhin';		
	font-size: 2.5em;
	text-transform: uppercase;	
	padding: .05% 2%;
	margin: 0;
}
#pageContent{
	font-family: 'nerislight';
	font-size: 1.2em;	
	padding: 1% 2%;
}
.subTitle{
	
	font-family: 'nerissemibold';
	font-size: 1.4em;		
	padding-bottom: 1%;
	
}
.center{
	margin: 0 auto;
	text-align:center;
	width: 100%;
	
}
@media screen and (max-width: 767px){
#topImg
{
	display: none;
}

#pageContent{
	
	font-family: 'nerislight';
	font-size: 1.2em;	
	padding: 1% 5%;
}

	
}
/********************************
			Amenities
***********************************/

.amenCol{
	width: 45%;
	margin-left:20px;	
	float: left;
}
.amenList{
	list-style: square;
	font-size: 1.4em;	
	margin-left:-25px;
}


@media screen and (max-width: 767px){
	.amenCol{
		width: 100%;		
	}
}
/********************************
			Floor Plans
***********************************/
.fpLeft{
	width: 25%;
	float: left;
}
.fpRight{
	width: 75%;
	float: right;
	text-align: center;
}
.fpList{
	list-style: square;
	font-size: 1.2em;
	padding: 0 0 0 6%;
}

.FloorPlanListingText{
	cursor: pointer;	
}
.FloorPlanListingTextActive{
	cursor: pointer;
	font-weight: bold;	
}
.FloorPlanDetail_Header{
	font-size: 2em;
	font-family: 'nerissemibold';
	padding-top: 2%;
	
}
.FloorPlanImgWrapper{
	width: 25em;
	height: 23em;
	margin: 0 auto;
	margin-bottom: 5%;
}
.FloorPlanBackdrop{
	height: 23em;
	width: 25em;
	margin-bottom: 10%;
	position: relative;
}
.magnify{
	position: absolute;
	bottom: 2%;
	left:2%;
}
.fpImg{
	margin-top: 10%;
	max-width: 280px;
	max-height: 190px;
}
.AvailText {
	display: none;
	margin: 2% 0;
}
.FloorplanItem {
	display: none;
}
.FloorPlanDetailTextContainer{
	width: 80%;
	margin: 2% auto;
}
.FloorPlanDetailText{
	padding: 2%;
	text-align: left;
	font-family: 'nerissemibold';
	font-size: 1.2em;
}

.FloorPlanDetailText span{
	text-transform: uppercase;
}
.fpIcons{
	width: 100%;	
}
.fpIcon{
	width:25%; 
	height: auto; 
	max-width:124px;
	padding: 0;
	margin: 0;
}
.FloorPlanDetail_HeaderXS{
	display: none;	
}
.fpIcons_XS{
	display: none;		
}
.fpIcons_LG{
	display: block;	
}
.fpImgXS{
	display: none;
}
@media screen and (min-width: 768px) and (max-width: 959px){
.fpLeft{
	width: 30%;
	float: left;
}
.fpIcon{
	width: 20%;
	padding: 0;
	margin: 0;
}
.fpRight{
	width: 70%;
	float: right;
	text-align: center;
}
.fpList{
	list-style: square;
	font-size: 1.2em;
	padding: 0 0 0 6%;
}
.fpList{
	list-style: square;
	font-size: 1.1em;
	padding: 0 0 0 6%;
}

.FloorPlanListingText{
	cursor: pointer;	
}
.FloorPlanDetail_Header{	
	font-size: 1.8em;
	font-family: 'nerissemibold';
	padding-top: 2%;
	
}	
.fpImg{
	margin-top: 10%;
	max-width: 280px;
	max-height: 190px;
}

}
@media screen and (max-width: 767px){
	.fpLeft{
		width: 100%;
	}
	.fpRight{
		width: 120%;
		padding: 0;
		margin: 0 -10%;
		text-align: center;
	}
	.FloorPlanDetail_HeaderXS{
		font-size: 1.5em;
		font-family: 'nerissemibold';
		padding: 2% 0 0 0;
		display: block;
	}
	.FloorPlanDetail_Header{
		display: none;
		
	}
	.FloorPlanImgWrapper{
		width: 260px;
		height: 260px;
		margin: 0 auto;
		margin-bottom: 5%;
		padding: 0;
	}
	.FloorPlanBackdrop{
		height: 100%;
		width: 100%;
		margin: 0 auto;
	}
	.fpImg{
		display: none;
	}
	.fpImgXS{
		display: inline;
		margin-top: 10%;
		max-width: 250px;
		max-height: 180px;
	}
	.FloorPlanDetailTextContainer{
		width: 93%;
		margin: 2% auto -2%;;
	}
	.fpIcons_XS{
		display: block;	
	}
	.fpIcons_LG{
		display: none;	
	}
	.AvailText {
		width: 80%;
		margin: 2% auto;
	}
}

/********************************
			Gallery
***********************************/
.photoRow {
	width: 100%;
	clear: both;
	padding-top: 1%;
	height: 2%;
}
.photoGapped {
	float: left;
	margin-right: 5%;
	width: 30%;
	height: auto;
	
}
.photoNonGapped {
	float: right;
	width: 30%;
	height: auto;
	
}

/********************************
			Residents
***********************************/

.resNavWrapper{
	float: left;
	width: 16%;
	height: 7.5em;
	padding: 0;
	margin: 0;	
	cursor: pointer;
}
.resNavBulletin{
	background-image: url('/images/bulletin.png');
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}
.resNavCalendar{
	background-image: url('/images/calendar.png');
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}
.resNavService{
	background-image: url('/images/service.png');
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	
}
.resNavUtility{
	background-image: url('/images/utility.png');
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}
.resNavRent{
	background-image: url('/images/payrent.png');
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}
.resNavPets{
	background-image: url('/images/pets.png');
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}
#resContent{
	width: 80%;	
	margin: 1% auto;
	overflow: hidden;
}
.resTitle{
	font-size: 1.4em;	
	text-transform: uppercase;
	font-family: 'nerissemibold';
	margin: 1% 0;
}
.utilityLink{
	text-decoration: none;	
	
}
#calendarSmall{
	display: none;		
}
@media screen and (min-width: 768px) and (max-width: 959px){

	.resNavBulletin{
		background-image: url('/images/bulletin.png');
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		background-size: contain;
	}
	.resNavCalendar{
		background-image: url('/images/calendar.png');
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		background-size: contain;
	}
	.resNavService{
		background-image: url('/images/service.png');
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		background-size: contain;
	}
	.resNavUtility{
		background-image: url('/images/utility.png');
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		background-size: contain;
	}
	.resNavRent{
		background-image: url('/images/payrent.png');
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		background-size: contain;
	}
	.resNavPets{
		background-image: url('/images/pets.png');
		background-size: contain;
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		
	}
	.tours{
	display: none;		
	}

}
@media screen and (max-width: 767px){
	.resNavWrapper{
		display: none;	
	}
	#resContent{
		width: 100%;	
		margin: 1% 0;
	}
	.tours{
	display: none;		
	}
	#calendarLarge{
		display: none;		
	}
	#calendarSmall{
		display: block;		
	}
}

/********************************
			Contact
***********************************/
.contactFormWrapper{
	font-family: 'nerissemibold';
	font-size:1.4em; 
	text-align:left; 
	width: 70%;
	float: left;
}

.contactRight{
	font-size:1.2em; 
	text-align:left; 
	width: 30%;
	float: right;
}
.contactRight table{

	margin-bottom: 1em;
}
.contactAddress{
	background: url('/images/address_icon.png')	no-repeat;
	padding-left: 10%;
	height: 3.2em;	
}
.contactPhone{
	background: url('/images/phone_icon.png')	no-repeat;
	padding-left: 10%;
	height: 2.5em;	
}
.contactFax{
	background: url('/images/fax_icon.png')	no-repeat;
	padding-left: 10%;	
	height: 2.5em;	
}
.contactEmail{
	background: url('/images/email_icon.png') no-repeat;
	padding-left: 10%;
	line-height: 1em;
	height: 2.5em;	
}
.contactHR{
	height: 2px;
	margin: 1% 0;
	
}
#MapWrapperXS{
	display: none;
}
.mobiContactInfo{
	display: none;
}
@media screen and (min-width: 768px) and (max-width: 959px){
	.contactRight{
		font-size:1.1em; 
		text-align:left; 
		width: 30%;
		float: right;
	}
	.contactRight table{
		font-size:1em; 
	}
	.contactAddress{
		background: url('/images/address_icon.png')	no-repeat;
		padding-left: 15%;
		height: 3.2em;	
	}
	.contactPhone{
		background: url('/images/phone_icon.png')	no-repeat;
		padding-left: 15%;
		height: 2em;	
	}
	.contactFax{
		background: url('/images/fax_icon.png')	no-repeat;
		padding-left: 15%;
		height: 2em;
	}
	.contactEmail{
		background: url('/images/email_icon.png')	no-repeat;
		padding-left: 15%;
		height: 2em;
	}
}
@media screen and (max-width: 767px){
	#MapWrapperXS{
		display: block;
	}
	.mobiContactInfo{
		display: block;
		font-family: 'nerissemibold';
		font-size:1.2em; 
		text-align:left; 
		width: 100%;
			
	}
	.contactFormWrapper{
		display: none;	
	}
	.contactRight{
		display: none;	
	}
}