*{
	margin:0;
	padding:0;
	border:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight:normal;
	color:#333333;
	/* line-height:20px; */
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.item img:first-child,
.item video{
	width:100%!important;
}

a:visited{
	/*
	color:#FFFFFF;
	*/
}

/* COMMON CSS */

.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
.hide{
	display:none;
}
.bold{
	font-weight:bold;
}
.inline{
	display:inline;
}
.text-left{
	text-align:left;
}
.text-center{
	text-align:center;
}
.text-right{
	text-align:right;
}
.justify{
	text-align:justify;
}
.overflow{
	overflow:hidden;
}
.martop5{
	margin:5px 0 0 0;
}
.marhor5{
	margin:0 5px;
}
.martop10{
	margin:10px 0 0 0;
}
.marleft10{
	margin:0 0 0 10px;
}
.marright10{
	margin:0 10px 0 0;
}
.marbot10{
	margin:0 0 10px;
}
.marbot20{
	margin:0 0 20px;
}
.marbot50{
	margin:0 0 50px;
}
.marver10{
	margin:10px 0;
}
.martop20{
	margin:20px 0 0 0;
}
.pad10{
	padding:10px;
}
.padtop10{
	padding:10px 0 0 0;
}
.padbot10{
	padding:0 0 10px 0;
}
.padver15{
	padding:15px 0;
}
.padhor10{
	padding:0 10px;
}
	.marbotlist10 ul li{
		margin:0 0 10px 0;
	}
	.marlist-reset ul li{
		margin:0;
	}
.blue{
	color:#003d60;
}
.red{
	color:#9c1713;
}
.dark-grey{
	color:#333333;
}
.white{
	color:#FFFFFF;
}
.line-through{
	text-decoration:line-through;
}
.font14{
	font-size:1em;
	line-height: 1.3;
}
.font16{
	font-size:1.3em;
	line-height: 1.8;
}
.font18{
	font-size:20px;
}
.font20{
	font-size:1.3em;
	line-height: 1.8;
}
.font24{
	font-size:30px;
}
.font30{
	font-size:35px;
	line-height:40px;
}
.font40{
	font-size:45px;
}
.line18{
	line-height:18px;
}
.line30{
	line-height:30px;
}
.underline{
	padding:0 0 10px 0;
	border-bottom: 1px solid #CCCCCC;
}
.georgia{
	font-family:Georgia, "Times New Roman", Times, serif;
}
.shadow{
	text-shadow:#555555 1px 1px;
}
.marlist10 li{
	margin:0 0 10px 0;
}
.bullet li{
	padding:5px 0 5px 25px;
	background:url(../../images/counties/check.png) no-repeat left center;
}
.long-underline{
	padding:0 0 10px 0;
	border-bottom:1px solid #D1D1D1;
}

/* PRE-DEFINED */
p{
	font-size: 1.3em;
	line-height: 1.8;
}

h2{
	color:#4f1022;
	font-size: 2em;
	line-height: 1.5;
}
ul{
	list-style-type:none;
}
body{
	/*overflow-x:hidden;*/
}
select{
	padding:5px 10px;
	border:1px solid #500;
	border-radius:5px;
}
header{
	float:left;
	width:95%;
	padding:3% 2.5% 2%;
	background:#FFFFFF;
	height: 135px;
}
	header section{
		float:left;
		width:49.5%;
	}
	header section:last-child{
		float:right;
	}
	header section:first-child:hover{
		opacity:.6;
	}
	header section div:first-child img{
		position:relative;
		top:0;
		margin:0 50px;
	}
	header section div:first-child img:hover{
		margin:0 50px;
		position:relative;
		top:-10px;
	}
	header section:last-child div{
		float:right;
		width:100%;
		font-size:16px;
		text-align:right;
	}
	header section:last-child div span{
		font-size:17px;
		font-weight:bold;
		color:#a9231c;
	}
	header section:last-child div:last-child{
		float:right;
	}
	
	header section:last-child div a{
		color:#333333;
		text-decoration:none!important;
		font-size:16px;			
	}
		header section:last-child div a:hover{
			opacity:.4;
		}
	
	
footer{
	clear:both;
	margin:0 auto;
	width:100%;
}
	footer section:nth-child(1){
		float:left;
		width:96%;
		padding:0 2%;
	}
		footer section:nth-child(1) div a{
			/*
			float:left;
			width:50%;
			*/
			font-weight:bold;
			text-decoration:none
		}
		footer section:nth-child(1) div a:hover{
			font-weight:bold;
			text-decoration:none;
			opacity:.6;
		}
	footer section:nth-child(1) div:nth-child(1){
		float:left;
		width:20%;
		display:inline;
		text-align:center;
	}
	footer section:nth-child(1) div:nth-child(2){
		float:left;
		width:60%;
		display:inline;
		text-align:center;
	}
	footer section:nth-child(1) div:nth-child(2) ul li{
		font-size:1.2em;
		line-height: 1.5;
		color:#000000;
		text-align:center;
	}
	footer section:nth-child(1) div:nth-child(2) ul li:first-child{
		width:100%!important;
		font-size:1.8em;
		font-weight:bold;
		color:#bc0d00;
	}
		footer section:nth-child(1) div:nth-child(2) ul li:first-child a:link,
		footer section:nth-child(1) div:nth-child(2) ul li:first-child a:visited{
			width:100%!important;
			font-size:1.8em;
			font-weight:bold;
			color:#bc0d00;
			text-decoration:none;
		}
		footer section:nth-child(1) div:nth-child(2) ul li:first-child a:hover{
			width:100%!important;
			font-size:1.8em;
			font-weight:bold;
			color:#000;
			text-decoration:none;
		}
	footer section:nth-child(1) div:nth-child(2) ul li strong{
		font-size:1.2em;
		line-height: 1.5;
		font-weight:bold;
		color:#bc0d00;
	}
	footer section:nth-child(1) div:nth-child(3){
		float:right;
		width:20%;
		display:inline;
		text-align:center;
	}
	footer section:nth-child(2){
		float:left;
		width:100%;
		margin:25px 0;
		text-align:center;
		background:url(../images/grey-pixel.gif) repeat-x center;
	}
		footer section:nth-child(2) span{
			padding:0 5px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:30px;
			color:#000000;
			background:#FFFFFF;
		}
		footer section:nth-child(2) span strong{
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:30px;
			color:#bc0d00;
		}
	footer section:nth-child(3){
		float:left;
		width:96%;
		padding:0 2%;
		text-align:center;
	}
	footer section:nth-child(3) div:first-child a:link,
	footer section:nth-child(3) div:first-child a:visited,
	footer section:nth-child(3) div:last-child a:link,
	footer section:nth-child(3) div:last-child a:visited{
		font-size: 1.1em;
		line-height: 1.5;
		font-weight:bold;
		color:#bc0d00;
		text-decoration:none
	}
	footer section:nth-child(3) div:first-child a:hover,
	footer section:nth-child(3) div:last-child a:hover{
		font-size: 1.1em;
		line-height: 1.5;
		font-weight:bold;
		color:#660000;
		text-decoration:underline;
	}
	footer section:nth-child(3) div:last-child{
		margin:10px 0 15px;
		color:#000000;
	}
	footer section:nth-child(3) div:nth-child(1){
		display:block;
	}
	footer section:nth-child(3) div:nth-child(2){
		display:none;
	}

/* IDS */

#header-fix{
	position:fixed;
	top:30px;
	margin:0 auto;
	width:1000px;
	z-index:100;
	background:#FFF;
	-webkit-box-shadow: 0px 10px 25px -12px #000000;
	-moz-box-shadow: 0px 10px 25px -12px #000000;
	/*box-shadow: 0px 10px 25px -12px #000000;*/
}
#topinfo-space-wide{
	font-weight:normal;
	color:#333333;
}
#topinfo-space-narrow{
	display:none;
	font-weight:normal;
	color:#333333;
}
#desktop-navigator{
	float:left;
	width:100%;
	height:50px;
	display:block;
	position:fixed;
	top:140px;
	z-index:185;
}
	#desktop-navigator ul li{
		float:left;
		width:100%;
		height:42px;
		padding:8px 0 0;
		text-align:center;
		font-size:14px;
		color:#FFFFFF;
		background:url(../images/white-pixel.gif) repeat-y right !important;
	}
	#desktop-navigator ul li:last-child{
		background:none;
	}
	#desktop-navigator ul a{
		float:left;
		width:12.5%;
		height:50px;
		position:relative;
		z-index:100;
		background:url(../images/navigator.jpg) #484848 repeat-x;
	}
	#desktop-navigator ul a:hover{
		float:left;
		background:#ee2e24;
		-webkit-box-shadow: inset 0px 0px 25px 0px #333333;
		-moz-box-shadow: inset 0px 0px 25px 0px #333333;
		box-shadow: inset 0px 0px 25px 0px #333333;
	}
	#desktop-navigator ul li img{
		margin:0 0 -8px -8px;
	}
#desktop-tablet{
	display:none;
}
#desktop-mobile{
	display:none;
}
#marquee{
	float:left;
	width:100%;
	margin:162px 0 0 0!important;
	height:500px;
}
#four-icons{
	display:block;
}
#four-icons-mobile{
	display:none;
}
#four-icons,
#four-icons-mobile{
	float:left;
	width:1000px;
	background:#EBEBEB;
	overflow:hidden;
	-webkit-box-shadow: 0px 10px 25px -14px #444444;
	-moz-box-shadow: 0px 10px 25px -14px #444444;
	box-shadow: 0px 10px 25px -14px #444444;
	position:relative;
}
	#four-icons a,
	#four-icons-mobile a{
		float:left;
		width:24%;
		padding:20px .46%;
		display:inline;
		background:url(../images/white-pixel.gif) repeat-y right;
	}
	#four-icons a:last-child,
	#four-icons-mobile a:last-child{
		background:none;
	}
	#four-icons a section:last-child,
	#four-icons-mobile a section:last-child{
		background:none;
	}
	#four-icons a section span,
	#four-icons-mobile a section span{
		float:left;
		margin:0 0 0 20px;
		font-weight:bold;
		display:inline;
		color:#444444;
		font-size: 1em;
	}
	#four-icons a section span img,
	#four-icons-mobile a section span img{
		opacity:.55;
	}
	#four-icons a section span strong,
	#four-icons-mobile a section span strong{
		font-weight:bold;
		color:#000000;
	}
	#four-icons a:hover,
	#four-icons-mobile a:hover{
		background:url(../images/white-pixel.gif) #ffe5e5 repeat-y right;
	}
	#four-icons a:hover:last-child,
	#four-icons-mobile a:hover:last-child{
		
		background:#ffe5e5 repeat-y right;
	}
	#four-icons a:hover section span img,
	#four-icons-mobile a:hover section span img{
		opacity:1;
	}
	#four-icons a:hover section span strong,
	#four-icons-mobile a:hover section span strong{
		color:#BB0000;
	}
#main-content{
	float:left;
	width:1000px;
	margin:20px 0;
}
	/*
	#main-content section:nth-child(1){
		font-size:1.3em;
		font-weight:bold;
	}
	*/
	#main-content section:nth-child(2){
		margin:20px 0 0 0;
	}
	#main-content section:nth-child(3){
		float:left;
		width:100%;
		margin:20px 0 0 0;
		padding:0 0 20px;
		border-bottom:1px solid #CCCCCC;
	}
		#main-content section:nth-child(3) div a img:hover{
			opacity:.6;
		}
		#main-content section:nth-child(3) div{
			float:left;
			width:33.33%;
			text-align:center;
			display:inline;
		}
	#main-content section:nth-child(4){
		margin:20px 0 0 0;
		float:left;
		width:100%;
	}
		#main-content section:nth-child(4) div:first-child,
		#main-content section:nth-child(4) div:last-child{
			float:left;
			width:47%;
			padding:0 1.5%;
		}
		#main-content section:nth-child(4) div p{
			margin:0 0 10px 0;
			font-size:20px;
			font-weight:bold;
			color:#BB0000;
		}
	#main-content section:nth-child(5){
		margin:20px 0 0 0;
		float:left;
		width:96%;
		padding:10px 2%;
		border-radius:10px;
		background:#F0F0F0;
	}
		#main-content section:nth-child(5) div{
			float:left;
			width:50%;
		}
		#main-content section:nth-child(5) div ul li{
			margin:8px 0;
			padding:0 0 0 20px;
			background:url(../images/red-check.png) no-repeat left center;
			font-size: 1.3em;
			line-height: 1.5;
		}
#amenities{
	margin:0 auto;
	width:960px;
	overflow:hidden;
}
	#amenities section div{
		float:left;
		width:48%;
		padding:10px 1%;
	}
#contact-area{
	margin:0 auto;
	width:498px;
	border:1px solid #71716c;
	background:#f4f6f8;
	overflow:hidden;
}
#contact-top{
	float:left;
	width:100%;
	padding:5px 0;
	background:url(../images/contact-top-background.jpg) #929290 repeat-x !important;
}
	#contact-top img{
		margin:0 10px;
	}
	#contact-top span{
		line-height:50px;
		font-size:1.3em;
		font-weight:bold;
		color:#FFFFFF;
		text-shadow:1px 1px #333333;
	}
#contact-content{
	float:left;
	width:480px;
	padding:7px 10px;
}
#videotube-size, #virtualtour-size{
	margin:0 auto;
	width:100%;
	height:570px;
}

/* CLASSES */

.desktop-only{
	display:block;
}
.mobile-only{
	display:none;
}
.area48p{
	width:48%;
}
.area90p{
	width:90%;
}
.area99p{
	width:99%;
}
.area100p{
	float:left;
	width:100%;
}
.floorplan100p{
    float:left;
    width:50%;
    margin:20px 25%;
}
.wrapper{
	margin:0 auto;
	width:1000px;
}
.carousel{
	margin:190px 0 0 0;
}
	@media screen and (max-width:1000px){
		.carousel{
			margin:0!important;
		}
	}
#blacktop{
	float:left;
	width:100%;
	background:#222;
	position:fixed;
	top:0;
	z-index:999;
}
	#blacktop section{
		margin:0 auto;
		width:1000px;
	}
		#blacktop section ul li a{
			float:right;
			padding:5px 10px;
			color:#FFF;
			border-right:1px solid #666;
			text-decoration: none; 
		}
		#blacktop section ul li a:first-child{
			float:right;
			padding:5px 10px;
			color:#FFF;
			border-right:0;
		}
		#blacktop section ul li a:hover{
			padding:5px 10px;
			color:#FFF;
			background:#C33;
		}
.index-form{
	display:none;
}

.index-form{
	display:none;
}
.lifestyle-box{
	float:left;
	width:33%;
	text-align:center;
	padding:10px 0;
	background:url(../images/grad230.png) top no-repeat;
}
.notepad{
	float:left;
	width:50%;
	text-align:center;
}
	.notepad a:link{
		font-size:16px;
		color:#333333;
	}
	.notepad a:visited{
		font-size:16px;
		color:#333333;
	}
	.notepad a:hover{
		font-size:16px;
		color:#333333;
		opacity:.75;
	}
.sitemap-area{
	float:left;
	width:100%;
	margin:0 0 20px;
	background:#F4F4F4;
}
	.sitemap-area section{
		margin:0 auto;
		width:1000px;
		padding:20px;
	}
.sitemap-links{
	text-align:center;
	line-height:20px;
}
	.sitemap-links a:link{
		text-decoration:none;
		font-size: 1.3em;
        line-height: 1.5;
		font-weight:bold;
		color:#164684;
	}
	.sitemap-links a:visited{
		text-decoration:none;
		font-size: 1.3em;
        line-height: 1.5;
		font-weight:bold;
		color:#164684;
	}
	.sitemap-links a:hover{
		text-decoration:none;
		font-size: 1.3em;
        line-height: 1.5;
		font-weight:bold;
		color:#333333;
	}
	.sister-links a:link{
		font-size: 1.3em;
        line-height: 1.5;
		font-weight:bold;
		text-decoration:none;
		color:#164684;
	}
	.sister-links a:visited{
		font-size: 1.3em;
        line-height: 1.5;
		font-weight:bold;
		text-decoration:none;
		color:#164684;
	}
	.sister-links a:hover{
		font-size: 1.3em;
        line-height: 1.5;
		font-weight:bold;
		text-decoration:none;
		color:#164684;
		opacity:.6;
	}
.grow {
	display: inline-block;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.grow:hover, .grow:focus, .grow:active {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.textbut{
	font-family: Verdana,Arial,Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3;
	font-weight: normal;
	color: #000000;
	border: 1px solid #9aa3ce;
	padding:3px 5px;
	background-color: #ffffff;
}
.headerimg{
	background-position: center top;
	background-repeat: no-repeat;
	width:100%;
	height:500px;
	position:absolute;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.banner1{
	/*background:url(../images/banner-family.png) no-repeat right bottom;*/
}
.banner2{
	/*background:url(../images/banner-family2.png) no-repeat right bottom;*/
}
.banner-content{
	margin:0 auto;
	width:960px;
	height:300px;
}
	.lightgallery li:nth-child(4n+1),
	.lightgallery li:nth-child(11n+1),
	.lightgallery li:nth-child(47n+1){
		float:left;
		width:39.5%;
		margin:2px .25%;
		height:170px;
		overflow:hidden;
	}
	.lightgallery li{
		float:left;
		width:29.5%;
		margin:2px .25%;
		height:170px;
		overflow:hidden;
	}
		.lightgallery li a{
			margin:0;
		}

/* VIRTUAL TOUR */

.virtual-wrapper{
	display:none;
}
.button-main{
	float:left;
	width:271px;
	height:84px;
	margin:5px;
}
	#button1 a:link{
	background:url(../images/virtual_01.png);
}    	
	#button1 a:visited{
	background:url(../images/virtual_01.png);
}    	
	#button1 a:hover{
	background:url(../images/virtual_01.png);
	opacity:.75;
}


	#button2 a:link{
	background:url(../images/virtual_02.png);
}    	
	#button2 a:visited{
	background:url(../images/virtual_02.png);
}    	
	#button2 a:hover{
	background:url(../images/virtual_02.png);
	opacity:.75;
}

	#button3 a:link{
	background:url(../images/virtual_03.png);
}    	
	#button3 a:visited{
	background:url(../images/virtual_03.png);
}    	
	#button3 a:hover{
	background:url(../images/virtual_03.png);
	opacity:.75;
}

	#button4 a:link{
	background:url(../images/virtual_04.png);
}    	
	#button4 a:visited{
	background:url(../images/virtual_04.png);
}    	
	#button4 a:hover{
	background:url(../images/virtual_04.png);
	opacity:.75;
}

	#button5 a:link{
	background:url(../images/virtual_05.png);
}    	
	#button5 a:visited{
	background:url(../images/virtual_05.png);
}    	
	#button5 a:hover{
	background:url(../images/virtual_05.png);
	opacity:.75;
}

	#button6 a:link{
	background:url(../images/virtual_06.png);
}    	
	#button6 a:visited{
	background:url(../images/virtual_06.png);
}    	
	#button6 a:hover{
	background:url(../images/virtual_06.png);
	opacity:.75;
}

	#button7 a:link{
	background:url(../images/virtual_07.png);
}    	
	#button7 a:visited{
	background:url(../images/virtual_07.png);
}    	
	#button7 a:hover{
	background:url(../images/virtual_07.png);
	opacity:.75;
}

	#button8 a:link{
	background:url(../images/virtual_08.png);
}    	
	#button8 a:visited{
	background:url(../images/virtual_08.png);
}    	
	#button8 a:hover{
	background:url(../images/virtual_08.png);
	opacity:.75;
}

	#button9 a:link{
	background:url(../images/virtual_09.png);
}    	
	#button9 a:visited{
	background:url(../images/virtual_09.png);
}    	
	#button9 a:hover{
	background:url(../images/virtual_09.png);
	opacity:.75;
}
	#button10 a:link{
	background:url(../images/virtual_10.png);
}    	
	#button10 a:visited{
	background:url(../images/virtual_10.png);
}    	
	#button10 a:hover{
	background:url(../images/virtual_10.png);
	opacity:.75;
}
	#button11 a:link{
	background:url(../images/virtual_11.png);
}    	
	#button11 a:visited{
	background:url(../images/virtual_11.png);
}    	
	#button11 a:hover{
	background:url(../images/virtual_11.png);
	opacity:.75;
}

/* FLOORPLAN BOXES */

#floorplan-desktop{
	display:block;
}
#floorplan-mobile{
	display:none;
}
.floorplan-container{
	float:left;
	width:46%;
	margin:0 10px;
	border:2px solid #0d213a;
	border-radius:10px;
	background: -webkit-linear-gradient(#0d213a,#FFFFFF);  
    background: -moz-linear-gradient(#0d213a,#FFFFFF);  
    background: -o-linear-gradient(#0d213a,#FFFFFF);  
    background: linear-gradient(#0d213a,#FFFFFF);  
    background-size:1px 500px;
}
	.floorplan-container ul li.floorplan-header{
		margin:15px 0 0 0;
		font-size:21px;
		font-weight:bold;
		color:#f9ce05;
	}
	.floorplan-container ul li.floorplan-title{
		margin:10px 0 0 0;
		font-size:14px;
		font-weight:bold;
		color:#FFFFFF;
	}
	.floorplan-container ul li.floorplan-text{
		margin:10px 0 0 0;
		font-size:14px;
		color:#FFFFFF;
		height:0;
	}
	.floorplan-container ul li.floorplan-3d{
		margin:10px 0 0 0;
		height:200px;
		background:url(../images/3d-floorplan-background.png) no-repeat bottom center;
		background-position:-50px 50px;
	}
	.floorplan-container ul li.floorplan-3d:hover{
		opacity:1;
		/*background-position:-50px 0px;*/
	}
	.floorplan-container ul li.floorplan-schematic{
		margin:10px 0 0 0;
		height:200px;
		background:url(../images/schematic-floorplan-background.png) no-repeat bottom center;
		background-position:-50px 50px;
	}
	.floorplan-container ul li.floorplan-schematic:hover{
		opacity:1;
		/*background-position:-50px 0px;*/
	}
.floorplan-clickhere{
	float:right;
	margin:162px 0 0 0;
	width:80px;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	padding:10px;
	color:#f9ce05;
	border-top-left-radius:5px;
	background:#0d213a;
}
.floorplan-container:hover{
	background-position:100px;
}

.floorplan-item{
	float:left;
	width:48%;
	text-align:center;
}
	.floorplan-item img:hover{
		opacity:.6;
	}

/* TABLE STYLE */

.models{
	font-family:Verdana,Arial,Helvetica, sans-serif;
	font-size:1.3em;
	line-height: 1.5;
	font-weight:bold;
	text-align:center;	
	color:#F0CD93;
	background-color:#d9d9d9;
}
.colhead{
	font-family:Verdana,Arial,Helvetica, sans-serif;
	font-size:1.2em;
	line-height: 1.5;
	font-weight:bold;
	text-align:center;
	color:#649ac1;
	background-color:#7a7a78;
	}
	.colhead td{
		color:#FFFFFF;
		padding:5px 0;
	}
.unitrow{
	font-family:Verdana,Arial,Helvetica, sans-serif;
	font-size:1.2em;
	line-height: 1.5;
	font-weight:bold;
	text-align:center;
	color:#649ac1;
	background-color:#d9d9d9;
	padding:2px 0;
	}
	.unitrow td{
		padding:5px 0;
	}
.unitrow2{
	font-family:Verdana,Arial,Helvetica, sans-serif;
	font-size:1.2em;
	line-height: 1.5;
	font-weight:normal;
	color:#000000;
	background-color:#FFFFFF;
}
.unitrow3{
	font-family:Verdana,Arial,Helvetica, sans-serif;
	font-size:1.2em;
	line-height: 1.5;
	font-weight:normal;
	text-align:center;
	color:#649ac1;
	background-color:#fce8c5;
}
	    	
.cnt  	{
	font-family:Verdana,Arial,Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000000;	
}

.lvgstyle{
	padding-left:20px;
   	padding-top:20px;
	padding-right:15px;
}

/* RESIDENTS */

.rent-container{
	margin:0 auto;
	width:500px;
	height:180px;
}
.on-container{
	margin:0 auto;
	width:500px;
	height:140px;
}
.service-container{
	margin:0 auto;
	width:500px;
	height:140px;
}
.refer-container{
	margin:0 auto;
	width:500px;
	height:140px;
}
.news-container{
	margin:0 auto;
	width:500px;
	height:140px;
}
.uti-container{
	margin:0 auto;
	width:500px;
	height:140px;
}
.ins-container{
	margin:0 auto 20px;
	width:500px;
	height:140px;
}
.resident-nounderline a:link{
	text-decoration:none;
}
.resident-nounderline a:visited{
	text-decoration:none;
}
.resident-nounderline a:hover{
	text-decoration:none;
}

.on-area{
	float:left;
	width:442px;
	height:123px;
}
	#onlink a:link div{
		float:left;
		width:500px;
		height:140px;
		background:url(../images/residents/residents-on.png) left center no-repeat;
		text-align:left;
}    	
	#onlink a:visited div{
		float:left;
		width:500px;
		height:140px;
		background:url(../images/residents/residents-on.png) left center no-repeat;
		text-align:left;
}    	
	#onlink a:hover div{
		float:left;
		width:500px;
		height:140px;
		background:url(../images/residents/residents-on.png) right center no-repeat;
		text-align:left;
}
	#onlink a:link div ul li{
		margin:18px 0 0 40px;
		color:#333333;
		text-decoration:none;
		font-size:11px;
		line-height:16px;
	}    	
	#onlink a:visited div ul li{
		margin:18px 0 0 40px;
		color:#333333;
		font-size:11px;
		line-height:16px;
	}    	
	#onlink a:hover div ul li{
		margin:15px 0 0 10px;
		color:#333333;
		font-size:14px;
		line-height:18px;
	}    	

.service-area{
	float:left;
	width:442px;
	height:123px;
}
	#servicelink a:link div{
		float:left;
		width:500px;
		height:140px;
		background:url(../images/residents/residents-ser.png) left center no-repeat;
		text-align:left;
}    	
	#servicelink a:visited div{
		float:left;
		width:500px;
		height:140px;
		background:url(../images/residents/residents-ser.png) left center no-repeat;
		text-align:left;
}    	
	#servicelink a:hover div{
		float:left;
		width:500px;
		height:140px;
		background:url(../images/residents/residents-ser.png) right center no-repeat;
		text-align:left;
}
	#servicelink a:link div ul li{
		margin:18px 0 0 40px;
		color:#333333;
		text-decoration:none;
		font-size:11px;
		line-height:16px;
	}    	
	#servicelink a:visited div ul li{
		margin:18px 0 0 40px;
		color:#333333;
		font-size:11px;
		line-height:16px;
	}    	
	#servicelink a:hover div ul li{
		margin:15px 0 0 10px;
		color:#333333;
		font-size:12px;
		line-height:18px;
	}    	



.refer-area{
	float:left;
	width:442px;
	height:123px;
}
	#referlink a:link div{
		float:left;
		width:500px;
		height:140px;
		background:url(../images/residents/residents-ref.png) left center no-repeat;
		text-align:left;
}    	
	#referlink a:visited div{
		float:left;
		width:500px;
		height:140px;
		background:url(../images/residents/residents-ref.png) left center no-repeat;
		text-align:left;
}    	
	#referlink a:hover div{
		float:left;
		width:500px;
		height:140px;
		background:url(../images/residents/residents-ref.png) right center no-repeat;
		text-align:left;
}
	#referlink a:link div ul li{
		margin:18px 0 0 40px;
		color:#333333;
		text-decoration:none;
		font-size:11px;
		line-height:16px;
	}    	
	#referlink a:visited div ul li{
		margin:18px 0 0 40px;
		color:#333333;
		font-size:11px;
		line-height:16px;
	}    	
	#referlink a:hover div ul li{
		margin:15px 0 0 10px;
		color:#333333;
		font-size:12px;
		line-height:18px;
	}    	


.driving-area{
	float:left;
	width:442px;
	height:123px;
}
	#drivinglink a:link div{
		float:left;
		width:500px;
		height:140px;
		background:url(../images/residents/residents-dri1.png) center center no-repeat;
		text-align:left;
}    	
	#drivinglink a:visited div{
		float:left;
		width:500px;
		height:140px;
		background:url(../images/residents/residents-dri1.png) center center no-repeat;
		text-align:left;
}    	
	#drivinglink a:hover div{
		float:left;
		width:500px;
		height:140px;
		background:url(../images/residents/residents-dri2.png) center center no-repeat;
		text-align:left;
}
	#drivinglink a:link div ul li{
		margin:18px 0 0 40px;
		color:#333333;
		text-decoration:none;
		font-size:11px;
		line-height:16px;
	}    	
	#drivinglink a:visited div ul li{
		margin:18px 0 0 40px;
		color:#333333;
		font-size:11px;
		line-height:16px;
	}    	
	#drivinglink a:hover div ul li{
		margin:15px 0 0 10px;
		color:#333333;
		font-size:14px;
		line-height:18px;
	}    	
.living-area{
	float:left;
	width:442px;
	height:123px;
}
	#livinglink a:link div{
		float:left;
		width:500px;
		height:140px;
		background:url(../images/residents/residents-liv1.png) center center no-repeat;
		text-align:left;
}    	
	#livinglink a:visited div{
		float:left;
		width:500px;
		height:140px;
		background:url(../images/residents/residents-liv1.png) center center no-repeat;
		text-align:left;
}    	
	#livinglink a:hover div{
		float:left;
		width:500px;
		height:140px;
		background:url(../images/residents/residents-liv2.png) center center no-repeat;
		text-align:left;
}
	#livinglink a:link div ul li{
		margin:18px 0 0 40px;
		color:#333333;
		text-decoration:none;
		font-size:11px;
		line-height:16px;
	}    	
	#livinglink a:visited div ul li{
		margin:18px 0 0 40px;
		color:#333333;
		font-size:11px;
		line-height:16px;
	}    	
	#livinglink a:hover div ul li{
		margin:15px 0 0 10px;
		color:#333333;
		font-size:14px;
		line-height:18px;
	}    	
.news-area{
	float:left;
	width:442px;
	height:123px;
}
	#newslink a:link div{
		float:left;
		width:500px;
		height:140px;
		background:url(../images/residents/residents-news.png) left center no-repeat;
		text-align:left;
}    	
	#newslink  a:visited div{
		float:left;
		width:500px;
		height:140px;
		background:url(../images/residents/residents-news.png) left center no-repeat;
		text-align:left;
}    	
	#newslink  a:hover div{
		float:left;
		width:500px;
		height:140px;
		background:url(../images/residents/residents-news.png) right center no-repeat;
		text-align:left;
}
	#newslink  a:link div ul li{
		margin:18px 0 0 40px;
		color:#333333;
		text-decoration:none;
		font-size:11px;
		line-height:16px;
	}    	
	#newslink  a:visited div ul li{
		margin:18px 0 0 40px;
		color:#333333;
		font-size:11px;
		line-height:16px;
	}    	
	#newslink  a:hover div ul li{
		margin:15px 0 0 10px;
		color:#333333;
		font-size:14px;
		line-height:18px;
	}    	

.ins-area{
	float:left;
	width:442px;
	height:123px;
}
	#inslink a:link div{
		float:left;
		width:500px;
		height:140px;
		background:url(../images/residents/residents-ins.png) left center no-repeat;
		text-align:left;
}    	
	#inslink a:visited div{
		float:left;
		width:500px;
		height:140px;
		background:url(../images/residents/residents-ins.png) left center no-repeat;
		text-align:left;
}    	
	#inslink a:hover div{
		float:left;
		width:500px;
		height:140px;
		background:url(../images/residents/residents-ins.png) right center no-repeat;
		text-align:left;
}
	#inslink a:link div ul li{
		margin:18px 0 0 40px;
		color:#333333;
		text-decoration:none;
		font-size:11px;
		line-height:16px;
	}    	
	#inslink a:visited div ul li{
		margin:18px 0 0 40px;
		color:#333333;
		font-size:11px;
		line-height:16px;
	}    	
	#inslink a:hover div ul li{
		margin:15px 0 0 10px;
		color:#333333;
		font-size:14px;
		line-height:18px;
	}    	

.uti-area{
	float:left;
	width:442px;
	height:123px;
}
	#utilink a:link div{
		float:left;
		width:500px;
		height:140px;
		background:url(../images/residents/residents-uti.png) left center no-repeat;
		text-align:left;
}    	
	#utilink a:visited div{
		float:left;
		width:500px;
		height:140px;
		background:url(../images/residents/residents-uti.png) left center no-repeat;
		text-align:left;
}    	
	#utilink a:hover div{
		float:left;
		width:500px;
		height:140px;
		background:url(../images/residents/residents-uti.png) right center no-repeat;
		text-align:left;
}
	#utilink a:link div ul li{
		margin:18px 0 0 40px;
		color:#333333;
		text-decoration:none;
		font-size:11px;
		line-height:16px;
	}    	
	#utilink a:visited div ul li{
		margin:18px 0 0 40px;
		color:#333333;
		font-size:11px;
		line-height:16px;
	}    	
	#utilink a:hover div ul li{
		margin:15px 0 0 10px;
		color:#333333;
		font-size:14px;
		line-height:18px;
	}    	

.rent-area{
	float:left;
	width:442px;
	height:123px;
}
	#rentlink a:link div{
		float:left;
		width:500px;
		height:180px;
		background:url(../images/residents/residents-rent1.png) center center no-repeat;
		text-align:left;
}    	
	#rentlink a:visited div{
		float:left;
		width:500px;
		height:180px;
		background:url(../images/residents/residents-rent1.png) center center no-repeat;
		text-align:left;
}    	
	#rentlink a:hover div{
		float:left;
		width:500px;
		height:180px;
		background:url(../images/residents/residents-rent2.png) center center no-repeat;
		text-align:left;
}
	#rentlink a:link div ul li{
		margin:18px 0 0 40px;
		color:#333333;
		text-decoration:none;
		font-size:11px;
		line-height:16px;
	}    	
	#rentlink a:visited div ul li{
		margin:18px 0 0 40px;
		color:#333333;
		font-size:11px;
		line-height:16px;
	}    	
	#rentlink a:hover div ul li{
		margin:15px 0 0 10px;
		color:#333333;
		font-size:14px;
		line-height:18px;
	}    	
	#rentlink a:link div ul li span{
		margin:15px 0 0 0px;
		color:#333333;
		font-size:13px;
		line-height:18px;
		font-weight:bold;
	}    	
	#rentlink a:hover div ul li span{
		margin:15px 0 0 0px;
		color:#333333;
		font-size:14px;
		line-height:18px;
		font-weight:bold;
	}    	

/* DATE PICKER */
			.calendar {
				font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
				font-size: 0.9em;
				background-color: #EEE;
				color: #333;
				border: 1px solid #DDD;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
				padding: 0.2em;
				width: 20em;
			}
			
			.calendar .months {
				background-color: #555555;
				border: 1px solid #333333;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
				color: #FFF;
				padding: 0.2em;
				text-align: center;
			}
			
			.calendar .prev-month,
			.calendar .next-month {
				padding: 0;
			}
			
			.calendar .prev-month {
				float: left;
			}
			
			.calendar .next-month {
				float: right;
			}
			
			.current-month{
				color:#FFFFFF;
			}
			.prevMonth{
				font-weight:bold;
				color:#FFFFFF;
			}
			.nextMonth{
				font-weight:bold;
				color:#FFFFFF;
			}
			.calendar .current-month {
				margin: 0 auto;
			}
			
			.calendar .months .prev-month,
			.calendar .months .next-month {
				color: #FFF;
				text-decoration: none;
				padding: 0 0.4em;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
				cursor: pointer;
			}
			
			.calendar .months .prev-month:hover,
			.calendar .months .next-month:hover {
				background-color: #FDF5CE;
				color: #C77405;
			}
			
			.calendar table {
				border-collapse: collapse;
				padding: 0;
				font-size: 0.8em;
				width: 100%;
			}
			
			.calendar th {
				text-align: center;
			}
			
			.calendar td {
				text-align: right;
				padding: 1px;
				width: 14.3%;
			}
			
			.calendar td span {
				display: block;
				color: #1C94C4;
				background-color: #F6F6F6;
				border: 1px solid #CCC;
				text-decoration: none;
				padding: 0.2em;
				cursor: pointer;
			}
			
			.calendar td span:hover {
				color: #FFFFFF;
				background-color: #555555;
				border: 1px solid #333333;
			}
			
			.calendar td.today span {
				background-color: #555555;
				border: 1px solid #333333;
				color: #FFFFFF;
			}

/* FLOORPLAN BOXES */

#floorplan-desktop{
	display:block;
	text-align:center;
}
#floorplan-mobile{
	display:none;
}
.floorplan-container{
	float:left;
	width:30%;
	/*
	margin:0 10px;
	*/
	margin:0 10%;
	border:2px solid #0d213a;
	border-radius:10px;
	background: -webkit-linear-gradient(#0d213a,#FFFFFF);  
    background: -moz-linear-gradient(#0d213a,#FFFFFF);  
    background: -o-linear-gradient(#0d213a,#FFFFFF);  
    background: linear-gradient(#0d213a,#FFFFFF);  
    background-size:1px 500px;
	overflow:hidden;
}
	.floorplan-container ul li.floorplan-header{
		margin:15px 0 0 0;
		font-size:21px;
		font-weight:bold;
		color:#f9ce05;
		text-align:center;
	}
	.floorplan-container ul li.floorplan-title{
		margin:10px 0 0 0;
		font-size:14px;
		font-weight:bold;
		color:#FFFFFF;
		text-align:center;
	}
	.floorplan-container ul li.floorplan-text{
		margin:10px 0 0 0;
		font-size:14px;
		color:#FFFFFF;
		height:0;
		text-align:center;
	}
	.floorplan-container ul li.floorplan-3d{
		margin:10px 0 0 0;
		height:200px;
		background:url(../images/3d-floorplan-background.png) no-repeat bottom center;
		background-position:-50px 50px;
	}
	.floorplan-container ul li.floorplan-3d:hover{
		opacity:1;
		/*background-position:-50px 0px;*/
	}
	.floorplan-container ul li.floorplan-schematic{
		margin:10px 0 0 0;
		height:200px;
		background:url(../images/schematic-floorplan-background.png) no-repeat bottom center;
		background-position:-50px 50px;
	}
	.floorplan-container ul li.floorplan-schematic:hover{
		opacity:1;
		/*background-position:-50px 0px;*/
	}
	.floorplan-container ul li.floorplan-flash{
		margin:10px 0 0 0;
		height:200px;
		background:url(../images/flash-floorplan-background.png) no-repeat bottom center;
		background-position:-50px 50px;
	}
	.floorplan-container ul li.flash-schematic:hover{
		opacity:1;
		/*background-position:-50px 0px;*/
	}
.floorplan-clickhere{
	float:right;
	margin:162px 0 0 0;
	width:80px;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	padding:10px;
	color:#f9ce05;
	border-top-left-radius:5px;
	background:#0d213a;
}
.floorplan-container:hover{
	background-position:100px;
}

.floorplan-item{
	float:left;
	width:48%;
	text-align:center;
}
	.floorplan-item img:hover{
		opacity:.6;
	}
	.three-columns aside{
		float:left;
		width:313px;
		margin:0 10px;
	}
	.three-columns a:hover aside ul li{
		color:#B00;
	}

/* VIRTUAL TOUR */

.virtual-wrapper{
	display:none;
}
.button-main{
	float:left;
	width:271px;
	height:84px;
	margin:5px;
}
	#button1 a:link{
	background:url(../images/virtual_01.png);
}    	
	#button1 a:visited{
	background:url(../images/virtual_01.png);
}    	
	#button1 a:hover{
	background:url(../images/virtual_01.png);
	opacity:.75;
}


	#button2 a:link{
	background:url(../images/virtual_02.png);
}    	
	#button2 a:visited{
	background:url(../images/virtual_02.png);
}    	
	#button2 a:hover{
	background:url(../images/virtual_02.png);
	opacity:.75;
}

	#button3 a:link{
	background:url(../images/virtual_03.png);
}    	
	#button3 a:visited{
	background:url(../images/virtual_03.png);
}    	
	#button3 a:hover{
	background:url(../images/virtual_03.png);
	opacity:.75;
}

	#button4 a:link{
	background:url(../images/virtual_04.png);
}    	
	#button4 a:visited{
	background:url(../images/virtual_04.png);
}    	
	#button4 a:hover{
	background:url(../images/virtual_04.png);
	opacity:.75;
}

	#button5 a:link{
	background:url(../images/virtual_05.png);
}    	
	#button5 a:visited{
	background:url(../images/virtual_05.png);
}    	
	#button5 a:hover{
	background:url(../images/virtual_05.png);
	opacity:.75;
}

	#button6 a:link{
	background:url(../images/virtual_06.png);
}    	
	#button6 a:visited{
	background:url(../images/virtual_06.png);
}    	
	#button6 a:hover{
	background:url(../images/virtual_06.png);
	opacity:.75;
}

	#button7 a:link{
	background:url(../images/virtual_07.png);
}    	
	#button7 a:visited{
	background:url(../images/virtual_07.png);
}    	
	#button7 a:hover{
	background:url(../images/virtual_07.png);
	opacity:.75;
}

	#button8 a:link{
	background:url(../images/virtual_08.png);
}    	
	#button8 a:visited{
	background:url(../images/virtual_08.png);
}    	
	#button8 a:hover{
	background:url(../images/virtual_08.png);
	opacity:.75;
}

	#button9 a:link{
	background:url(../images/virtual_09.png);
}    	
	#button9 a:visited{
	background:url(../images/virtual_09.png);
}    	
	#button9 a:hover{
	background:url(../images/virtual_09.png);
	opacity:.75;
}
	#button10 a:link{
	background:url(../images/virtual_10.png);
}    	
	#button10 a:visited{
	background:url(../images/virtual_10.png);
}    	
	#button10 a:hover{
	background:url(../images/virtual_10.png);
	opacity:.75;
}
	#button11 a:link{
	background:url(../images/virtual_11.png);
}    	
	#button11 a:visited{
	background:url(../images/virtual_11.png);
}    	
	#button11 a:hover{
	background:url(../images/virtual_11.png);
	opacity:.75;
}

/* MISC */

#testimonial img{
	opacity:.6;
}
#testimonial img:hover{
	opacity:1;
}
/* Condition CSS additional */

.moveright{
	margin-right:40px;
}
.indexleft{
	margin-left:15%;
}

/*jhoie code*/
#main-content section:nth-child(4) aside span p{
	font-family: trebuchet ms,arial,helvetica,sans-serif;
	font-weight:normal;
	color: #333333;
	
}

/* LEFT NAVIGATOR */

#menu-block, #menu-block1{
	position:fixed;
	top:165px;
	left:0;
	z-index:200;
}
#left-navigator-container{
	position:fixed;
	top:165px;
	left:-280px;
	z-index:300;
	padding:0 80px 0 0;
}
#left-navigator-container:hover{
	left:0;
	padding:0;
}
	#left-navigator{
		float:left;
		padding:30px 40px;
		width:280px;
		height:540px;
		background:#222;
	}
		#left-navigator ul a {
			text-decoration: none;
		}
		#left-navigator ul li a{
			/*
			margin:0 0 5px 0;
			*/
			font-size: 1.3em;
			line-height: 1.6;
			color:#FFF;
		}
			#left-navigator ul li a:hover{
				/*
				margin:0 0 5px 20px;
				*/
				margin:0 0 0 20px;
				color:#FF0;
			}
			#left-navigator ul li a img{
				margin:0 20px 0 0;
			}
#left-navigator-container1{
	position:fixed;
	top:72px;
	left:0;
	z-index:300;
	padding:0;
	display:none;
}
	/*
	#left-navigator{
		float:left;
		padding:30px 40px;
		width:300px;
		height:530px;
		background:#222;
		position:relative;
		left:-200px;
	}
	/*
	#left-navigator:hover{
		left:0;
	}
	*/

#left-navigator-container1 #left-navigator{
    position: absolute;
    left: -280px;
	padding:30px 40px;
	width:280px;
	height:540px;
	background:#222;
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slide 0.5s forwards;
}

@-webkit-keyframes slide {
    100% { left: 0; }
}

@keyframes slide {
    100% { left: 0; }
}

#green-index-container{
	float:left;
	width:100%;
	background:#00998f;
}
	#green-index-container section{
		margin:0 auto;
		width:1120px;
		background:#00998f;
	}
		#green-index-container section aside{
			float:left;
			padding:20px;
			font-size:18px;
			color:#FFF;
		}
		#green-index-container section aside:first-child{
			float:left;
			width:33.33%;
			height:300px;
			text-align:center;
			background:#00776e;
		}
		#green-index-container section aside:last-child{
			float:left;
			width:66.67%;
			background:#00998f;
		}

#left-navigator-container2 #left-navigator{
    position: absolute;
    left: 0;
	padding:30px 40px;
	width:240px;
	height:390px;
	background:#222;
    -webkit-animation: slide2 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slide2 0.5s forwards;
	display:none;
}

@-webkit-keyframes slide2 {
    100% { left: -240px; }
}

@keyframes slide2 {
    100% { left: -240px; }
}

#banner-align{
	position:relative;
	margin:-44px 0 0;
	z-index:10;
}

div.userway {
	margin-bottom: 30px;
	margin-right: 20px;
}

/* PRIVACY POLICY BOTTOM NOTICE */
.privacypolicy {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #222;
    display: none;
    z-index: 100;
}
.privacypolicy a {
	color: #FF0;
	text-decoration: none;
}
.privacypolicy a:hover {
    text-decoration: underline;
}
.privacypolicy span {
    color: #FFF; 
    cursor: pointer; 
    font-size: 50px; 
    float: right;
    position: fixed;
    bottom: 1%;
}
.privacypolicy span:hover {
    color: red;
}
.privacypolicy section {
    padding: 20px;
    color: #FFFFFF;
    text-align: center;
}
/*
img.companylogo {
	width: 300px;
}
*/

/* HEADER */

#left-navigator, #left-navigator-container1 #left-navigator {
    height: 530px;
}
div.headericon a:nth-child(2) img, div.headericon a:nth-child(2) img:hover {
    margin-right: 32px;
}
div.headericon a:nth-child(3) img, div.headericon a:nth-child(3) img:hover {
    margin-right: 20px;
}
span.headertextbrochure, span.headertextrateus {
    padding: 0 10px;
}