@charset "utf-8";
@import url("https://use.typekit.net/lpo0qao.css");
/* CSS Document */

/* Start of Desktop styling */
@media screen and (min-width: 1024px){
	
	html{
	height:100%;
	scroll-behavior: smooth;
}	
	
body{
	background-color: rgba(251, 237, 195,1.00);
	margin:0px;
	padding:0px;
	height:100%;
	}

	.navbar{
		height:5vw;
		background-color: rgba(31, 51, 39,1.0);
		display:block;
		position:fixed;
		top:0vw;
		left:0vw;
		width:100vw;
		z-index:99999;
	}
	
	.navbar a{
		display:inline-block;
		float:left;
		width:20%;
		color: rgba(255,255,255,1.0);
		text-align: center;
		text-decoration: none;
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 1vw;
		line-height:5vw;
		transition:0.8s;
	}
	
	.navbar a:hover{
		background-color: rgba(31,44,39,1.0);
        color: rgba(185,137,71,1.0);
		transition:0.8s;
		-webkit-box-shadow: inset 0px 0px 10px 2px rgba(0,0,0,0.2);
		-moz-box-shadow: inset 0px 0px 10px 2px rgba(0,0,0,0.2);
		box-shadow: inset 0px 0px 10px 2px rgba(0,0,0,0.2);
	}
	
	.navbarlogo{
		display:inline-block;
		float:left;
		height:8vw;
		width:20%;
		text-align:center;
		background-color: rgba(31, 51, 39,1.0);
		-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6);
		-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6);
		box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6);
		z-index:100000;
	}
	
	.navbarlogo img{
		height:7vw;
		width:auto;
		margin-top:0.5vw;
	}
	
	.homepagehero{
		max-width:100vw;
		min-height:100vh;
		position:relative;
		display:block;
		z-index:1000;
		margin-top:0vw;
		margin-left:0vw;
		margin-right:0vw;
		overflow:hidden;
		float:left;
	}
	
	.homepagehero img{
		height:auto;
		width:100%;
		overflow: hidden;
	}
		
	.homepagehero h1{
		position: absolute;
		margin-top:15vw;
		margin-left:15vw;
		font-family: "miller-display", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 3vw;
		color: rgba(255,255,255,1.0);
		float: left;
		z-index: 500;
		width:25vw;
		text-shadow: 3px 3px 5px #000000;
	}
.fwcontainer{
	width:100%;
	position:relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	float:left;
	z-index:1000;
	overflow:hidden;

}	
	.halftext{
		width:49vw;
		position:relative;
		height:30vw;
		display:inline-block;
		padding:0px;
		margin:0px;
		float:left;
	}
	
	.halftext h2{
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 2.8vw;
		color: rgba(59,55,53,1.0);
		width:80%;
		margin-left:10%;
		margin-top:10%;
		display:block;
	}
	
	.halftext p{
		font-family: "miller-display", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 1.3vw;
		color: rgba(59,55,53,1.0);
		width:80%;
		margin-left:10%;
		display:block;
	}

	
	.halfimage{
		width:49.5vw;
		position:relative;
		height:30vw;
		display:inline-block;
		padding:0px;
		margin:0px;
		float:right;
	}
	
	.halfimage img{
		width:100%;
		height:auto;
	}
	
	.halfimage iframe{
		width:100%;
		height:30vw;
		overflow: hidden;
		border-style: none;
	}

	.contacthalftext{
		width:49vw;
		position:relative;
		height:30vw;
		display:inline-block;
		padding:0px;
		margin:0px;
		float:left;
	}
	
	.contacthalftext h2{
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 2.8vw;
		color: rgba(59,55,53,1.0);
		width:80%;
		margin-left:10%;
		margin-top:25%;
		display:block;
	}
	
	.contacthalftext p{
		font-family: "miller-display", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 1.3vw;
		color: rgba(59,55,53,1.0);
		width:80%;
		margin-left:10%;
		display:block;
	}

	
	.contacthalfmap{
		width:49.5vw;
		position:relative;
		height:45vw;
		display:inline-block;
		padding:0px;
		margin:0px;
		float:right;
	}
	
	
	.contacthalfmap iframe{
		width:100%;
		height:45vw;
		overflow: hidden;
		border-style: none;
	}
	
	
	.featureddevelopment{
		width:100vw;
		max-height:25vw;
		display:block;
		overflow: hidden;
	}
	
	.featureddevelopment img{
		width:100%;
		height:auto;
		float:left;
		margin-top:-5vw;
	}
	
	.featureddevelopment h3{
		margin: 0 auto;
		position:absolute;
		margin-top:7vw;
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 2.6vw;
		color: rgba(255,255,255,1.0);
		float: left;
		z-index: 500;
		width:100vw;
		text-shadow: 3px 3px 5px #000000;
		text-align:center;
	}
	
	.featureddevelopment a{
		display:block;
		margin: 0px auto;
		position:absolute;
		margin-top:12vw;
		margin-left:40.7vw;
		padding:0.3vw;
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 1.5vw;
		color: rgba(185,137,71,1.0);
		z-index: 1000;
		width:18vw;
		text-align:center;
		text-decoration: none;
		background-color:rgba(31, 51, 39,0.8);
		border-style:solid;
		border-width:thin;
		border-color:rgba(185,137,71,1.0);
		transition: 0.4s;
	}
	
	.featureddevelopment a:hover{
		background-color:rgba(31, 51, 39,1.0);
		transition:0.4s;
		-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6);
		-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6);
		box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6);
	}

	.developmentlist{
		width:100vw;
		max-height:40vw;
		display:block;
		overflow: hidden;
	}
	
	.developmentlist img{
		width:100%;
		height:auto;
		float:left;
		margin-top:0vw;
	}
	
	.developmentlist h3{
		margin: 0 auto;
		position:absolute;
		margin-top:12vw;
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 2.6vw;
		color: rgba(255,255,255,1.0);
		float: left;
		z-index: 500;
		width:100vw;
		text-shadow: 3px 3px 5px #000000;
		text-align:center;
	}
	
	.developmentlist a{
		display:block;
		margin: 0px auto;
		position:absolute;
		margin-top:20vw;
		margin-left:40.7vw;
		padding:0.3vw;
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 1.5vw;
		color: rgba(185,137,71,1.0);
		z-index: 1000;
		width:18vw;
		text-align:center;
		text-decoration: none;
		background-color:rgba(31, 51, 39,0.8);
		border-style:solid;
		border-width:thin;
		border-color:rgba(185,137,71,1.0);
		transition: 0.4s;
	}
	
	.developmentlist a:hover{
		background-color:rgba(31, 51, 39,1.0);
		transition:0.4s;
		-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6);
		-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6);
		box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6);
	}
	
	
	.developmentheader{
		width:100vw;
		max-height:40vw;
		display:block;
		overflow: hidden;
	}
	
	.developmentheader img{
		width:100%;
		height:auto;
		float:left;
		margin-top:0vw;
	}
	
	.developmentheader h1{
		margin: 0 auto;
		position:absolute;
		margin-top:12vw;
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 2.6vw;
		color: rgba(255,255,255,1.0);
		float: left;
		z-index: 500;
		width:100vw;
		text-shadow: 3px 3px 5px #000000;
		text-align:center;
	}

	
	.developmentheader h2{
		display:block;
		margin: 0 auto;
		position:absolute;
		margin-top:17vw;
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 2vw;
		color: rgba(255,255,255,1.0);
		float: left;
		z-index: 500;
		width:100vw;
		text-shadow: 3px 3px 5px #000000;
		text-align:center;
	}
	
	.propertyheader{
		width:100vw;
		max-height:50vw;
		display:block;
		overflow: hidden;
	}
	
	.propertyheader img{
		width:100%;
		height:auto;
		float:left;
		margin-top:0vw;
	}
	
	.propertyheader h1{
		margin: 0 auto;
		position:absolute;
		margin-top:17vw;
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 2.6vw;
		color: rgba(255,255,255,1.0);
		float: left;
		z-index: 500;
		width:100vw;
		text-shadow: 3px 3px 5px #000000;
		text-align:center;
	}

	
	.propertyheader h2{
		display:block;
		margin: 0 auto;
		position:absolute;
		margin-top:21vw;
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 2vw;
		color: rgba(255,255,255,1.0);
		float: left;
		z-index: 500;
		width:100vw;
		text-shadow: 3px 3px 5px #000000;
		text-align:center;
	}
	

	
	.whychoose h2{
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 2.8vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		display:block;
		text-align:center;
	}
	
	.whycolumns{
		width:75vw;
		display:block;
		margin:0 auto;
		overflow: hidden;
	}
	
	.whycolumn{
		width: 15vw;
		display:inline-block;
		float:left;
		margin-right:5vw;
		margin-left:5vw;
		margin-top:3vw;
	}
	
	.whycolumn h4{
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 1.5vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		display:block;
		text-align:center;
	}
	
	.whycolumn p{
		font-family: "miller-display", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 0.9vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		display:block;
		text-align:left;
		margin-top:1.5vw;
		margin-bottom:1.5vw;
	}
	
	.whycolumn img{
		max-width:40%;
		height:auto;
		margin:0 auto;
		display:block;
		margin-bottom:1.5vw;
	}
	
	.footer{
		width:100vw;
		background-color: rgba(111,125,123,1.0);
		display:block;
		min-height:10vw;
		overflow:hidden;
	}
	
	.footercolumn{
		width:23%;
		display:inline-block;
		margin-top:0.5vw;
		float:left;
        margin-bottom: 5vw;
	}
	
	.footercontent{
		width:75vw;
		display:block;
		margin:0 auto;
		margin-top:1vw;
	}
	
	.footercolumn p{
		font-family: "miller-display", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 0.9vw;
		color: rgba(255,255,255,0.6);
		margin: 0 auto;
		display:block;
		text-align:left;
		text-decoration: none;
		transition:0.5s;
	}
	
	.footercolumn a{
		font-family: "miller-display", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 0.9vw;
		color: rgba(255,255,255,0.6);
		margin: 0 auto;
		display:inline-block;
		text-align:left;
		text-decoration: none;
		transition:0.5s;
	}
	
	.footercolumn a:hover{
		color: rgba(255,255,255,1.0);
		transition:0.5s;
	}
	
	.pagecontent{
		width:40vw;
		display:inline-block;
		margin-left:20vw ;
		margin-top:2vw;
		margin-bottom:2vw;
		float:left;
	}
	
	.pagecontent p{
		font-family: "miller-display", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 0.9vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		display:inline-block;
		text-align:left;
		text-decoration: none;
	}
	
	.pagecontent h4{
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 1.4vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		margin-bottom:1vw;
		display:block;
		text-align:left;
		text-decoration: none;
	}
    
    .sideimages {
        float:left;
        width:16vw;
        margin-left:5vw;
    }
    
    .sideimages img{
        width:16vw;
        height:auto;
        border-style:solid;
		border-width:thin;
		border-color: rgba(59,55,53,1.0);
		cursor: pointer;
        margin:1vw;
    }
	
	.developmentinfo{
		width:16vw;
		padding: 1vw;
		float:left;
		margin-left:5vw;
		margin-top:2vw;
		margin-bottom:2vw;
		display:inline-block;
		background-color:rgba(31,51,39,0.1);
		border-color:rgba(31,51,39,1.0);
		border-style:solid;
		border-width: medium;
	}
	
	.developmentinfo p{
		font-family: "miller-display", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 0.9vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		display:inline-block;
		text-align:left;
		text-decoration: none;
	}
	
	.propertycolumn{
		width: 15vw;
		display:inline-block;
		float:left;
		margin-right:5vw;
		margin-left:5vw;
		margin-top:3vw;
		border-color:rgba(31,51,39, 0.2);
		border-style:solid;
		border-width: thin;
	}
	
	.propertycolumn h5{
		font-family: "miller-display", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 1vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		display:block;
		text-align:left;
		margin-left:1.5vw;
		margin-right:1.5vw;
	}
	
	.propertycolumn p{
		font-family: "miller-display", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 0.9vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		display:block;
		text-align:left;
		margin-top:1.5vw;
		margin-bottom:1.5vw;
		margin-left:1.5vw;
		margin-right:1.5vw;
	}
	
	.propertycolumn a{
		font-family: "miller-display", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 0.9vw;
		color: rgba(255,255,255,1.0);
		margin: 0 auto;
		display:inline-block;
		text-align:left;
		margin-bottom:1.5vw;
		margin-left:1.5vw;
		margin-right:1.5vw;
		background-color: rgba(31,51,39,1.0);
		border-color: rgba(31,51,39,1.0);
		border-style: solid;
		border-width: thin;
		text-decoration:none;
		padding:0.4vw;
		transition:0.4s;
	}
	
	.propertycolumn a:hover{
		border-color:rgba(185,137,71,1.0);
		transition:0.4s;
		-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.6);
		-moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.6);
		box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.6);
	}
	
	.propertycolumn img{
		max-width:100%;
		height:auto;
		margin:0 auto;
		display:block;
		margin-bottom:1.5vw;
		cursor: pointer;
	}

	.propertycolumns{
		width:80vw;
		display:block;
		margin:0 auto;
		overflow: hidden;
		margin-left:10vw;
		margin-bottom:3vw;
	}
	
	.propertyseparator{
		display:block;
		width:100vw;
		margin:0 auto;
	}
	
	.propertyseparator h3{
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 2vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		display:block;
		text-align:center;
		margin-top:1.5vw;
		margin-left:1.5vw;
		margin-right:1.5vw;
	}
	
	.dimensions{
		display:block;
		width:100vw;
		margin:0 auto;
	}
	
	.dimensions	 h3{
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 2vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		display:block;
		text-align:center;
		margin-top:1.5vw;
		margin-left:1.5vw;
		margin-right:1.5vw;
	}
	
	.dimensions p{
		font-family: "miller-display", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 0.9vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		display:block;
		text-align:center;
		margin-top:1.5vw;
		margin-bottom:1.5vw;
		margin-left:1.5vw;
		margin-right:1.5vw;
	}

	.photogallery{
		display:block;
		width:100vw;
		margin:0 auto;
	}
	
	.photogallerycontainer{
		width:80vw;
		margin:0 auto;
		display:block;
		align-content: center;
		text-align:center;
	}
	
	.photogallery h3{
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 2vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		display:block;
		text-align:center;
		margin-top:1.5vw;
		margin-left:1.5vw;
		margin-right:1.5vw;
	}
	
	.photogallery img{
		width:auto;
		height:7vw;
		margin-right:1vw;
		margin-top:1vw;
		border-style:solid;
		border-width:thin;
		border-color: rgba(59,55,53,1.0);
		cursor: pointer;
	}
	
	.popout{
	background-color:rgba(51,51,51,0.75);
	width:100%;
	height:100%;
	z-index: 100000;
	position: fixed;
	top:0px;
	left:0px;
}

.popoutbox{
	position:relative;
	top: 10vh;
	left: 10vw;
	width: 80vw;
	height:auto;
	margin-right:5vw;
	background-color: rgba(255,255,255,1.00);
	border-style: solid;
	border-width: thin;
	border-color:#FFFFFF;
	margin-bottom:4vh;
	box-shadow: 0px 0px 70px 0px #222222;
	text-align:center;
}
	
.popoutbox img{
	max-height:80vh;
	max-width:70vw;
	width:auto;
	text-align:center;
	margin:0 auto;
	display:block;	
	}
	
	.popoutbox p{
		font-family: "miller-display", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 0.9vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		display:block;
		text-align:center;
		text-decoration: none;
	}
	
	.closeicon {
		position:relative;
		z-index:9999999;
		width:3vw;
		height:3vw;
		right:-1vw;
		top:-1vw;
		display:block;
		float:right;
		cursor:pointer;
	}
	
	.loginscreen{
	width:100%;
	position:relative;
}

.loginbox{
	width: 25vw;
	background-color:#F2F2F2;
	border-style: solid;
	border-color: rgba(59,55,53,1.0);
	border-width:thin;
	margin: 0px auto;
	vertical-align: middle;
	margin-top:10vw;
}

.loginbrand{
	width:100%;
	position:relative;
	top:0vw;
	left:0vw;
	display:block;
	background-color: rgba(31,51,39,1.00);
}

.loginbrand img{
	width:30%;
	height:auto;
	padding:1vw 1vw 1vw 0.2vw;
	margin:0 auto;
}
	
	.loginbox h1{
	font-family: "miller-display", sans-serif;
	font-weight: 500;
	font-style: normal;
	color: rgba(31,51,39,1.00);
	font-size: 2vw;
	margin-left:0.3vw;
	}

input[name*=login_]{
	width:92%;
	font-size:14px;
	padding-top:4px;
	padding-left:8px;
	padding-bottom:4px;
	padding-right:8px;
	color:#004059;
	margin:5px;
	font-family: "miller-display", sans-serif;
	font-weight: 300;
	font-style: normal;
	border-width: thin;
	border-style: solid;
	border-color:#004059;	
	border-radius:20px;
	background-color:#F2F2F2;
}

input[name*=login_]::placeholder {
  color: #004059;
}

input[name*=login_]::placeholder{
	color:#B0B0B0;	
}

input[name*=login]:focus{
	box-shadow: 5px 5px 10px #D9D9D9;
}

input[name=loginbutton]{
	width:35%;
	font-size:15px;
	padding-top:4px;
	padding-left:8px;
	padding-bottom:4px;
	padding-right:8px;
	color: rgba(255,255,255,1.00);
	margin:5px;
	align-self: center;
	align-content: center;
	font-family: "miller-display", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-variant: small-caps;
	border-style:solid;
	border-width:thin;
	border-color:rgba(0,159,227,1.0);
	background-color: rgba(31,51,39,1.00);
	border-radius:20px;
	cursor: pointer;
}

input[name=loginbutton]:hover{
	box-shadow: 5px 5px 10px #D9D9D9;
	border-color:rgba(255,255,255,1.0);
	cursor: pointer;
	background-color:rgba(192,13,13,1.0);
}

.loginbox a{
	font-family: "miller-display", sans-serif;
	font-weight:100;
	font-syle:normal;
	color:white;
	font-size:13px;
	text-decoration: none;
	align-content: center;
}



}




/* Start of mobile styling */
@media screen and (max-width: 1024px){
	
html{
	height:100%;
	scroll-behavior: smooth;
}	
	
body{
	background-color: rgba(255,255,255,1.00);
	margin:0px;
	padding:0px;
	height:100%;
	}

	.navbar{
		height:10vw;
		background-color: rgba(31,51,39,1.0);
		display:block;
		position:fixed;
		top:0vw;
		left:0vw;
		width:100vw;
		z-index:99999;
	}
	
	.navbar a{
		display:inline-block;
		float:left;
		width:18.5%;
		color: rgba(255,255,255,1.0);
		text-align: center;
		text-decoration: none;
		font-family: "miller-display", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 2vw;
		line-height:2.5vw;
		transition:0.8s;
		margin-top:2vw;
	}
	
	.navbar a:hover{
		background-color: rgba(46,32,114,1.0);
		transition:0.8s;
		-webkit-box-shadow: inset 0px 0px 10px 2px rgba(0,0,0,0.2);
		-moz-box-shadow: inset 0px 0px 10px 2px rgba(0,0,0,0.2);
		box-shadow: inset 0px 0px 10px 2px rgba(0,0,0,0.2);
	}
	
	.navbarlogo{
		display:inline-block;
		float:left;
		height:12vw;
		width:26%;
		text-align:center;
		background-color: rgba(31,51,39,1.0);
		border-radius: 0vw 0vw 1vw 1vw;
		-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6);
		-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6);
		box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6);
		z-index:100000;
	}
	
	.navbarlogo img{
		height:75%;
		width:auto;
		margin-top:0.5vw;
	}
	
	.homepagehero{
		max-width:100vw;
		min-height:50vh;
		position:relative;
		display:block;
		z-index:1000;
		margin-top:0vw;
		margin-left:0vw;
		margin-right:0vw;
		overflow:hidden;
		float:left;
	}
	
	.homepagehero img{
		width:auto;
		height:100%;
		overflow: hidden;
		margin-left:-20vw;
	}
		
	.homepagehero h1{
		position: absolute;
		margin-top:30vw;
		margin-left:15vw;
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 8vw;
		color: rgba(255,255,255,1.0);
		float: left;
		z-index: 500;
		width:70vw;
		text-shadow: 3px 3px 5px #000000;
		text-align:center;
	}
.fwcontainer{
	width:100%;
	position:relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	float:left;
	z-index:1000;
	overflow:hidden;

}	
	.halftext{
		width:100vw;
		position:relative;
		height:60vw;
		padding:0px;
		margin:0px;
		float:left;
		z-index:100;
	}
	
	.halftext h2{
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 5vw;
		color: rgba(59,55,53,1.0);
		width:80%;
		margin-left:10%;
		margin-top:10%;
		display:block;
	}
	
	.halftext p{
		font-family: "miller-display", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 3.5vw;
		color: rgba(59,55,53,1.0);
		width:80%;
		margin-left:10%;
		display:block;
	}

	
	.halfimage{
		width:100vw;
		position:absolute;
		background-color:rgba(31,51,39,1.0);
		height:60vw;
		padding:0px;
		margin:0px;
		float:left;
        opacity:0.2;
	}
	
	.halfimage img{
		width:100%;
		height:auto;
	}
	
	.halfimage iframe{
		width:100%;
		height:30vw;
		overflow: hidden;
		border-style: none;
	}

	.contacthalftext{
		width:100vw;
		position:relative;
		background-color: rgba(255,255,255,1.0);
		height:50vw;
		display:inline-block;
		padding:0px;
		margin:0px;
		float:left;
	}
	
	.contacthalftext h2{
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 5vw;
		color: rgba(59,55,53,1.0);
		width:100%;
		margin-left:10%;
		margin-top:20vw;
		display:block;
	}
	
	.contacthalftext p{
		font-family: "miller-display", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 4vw;
		color: rgba(59,55,53,1.0);
		width:80%;
		margin-left:10%;
		display:block;
	}

	
	.contacthalfmap{
		width:100vw;
		position:relative;
		background-color:rgba(31,51,39,1.0);
		height:60vw;
		display:inline-block;
		padding:0px;
		margin:0px;
		float:right;
		margin-top:20vw;
	}
	
	
	.contacthalfmap iframe{
		width:100%;
		height:60vw;
		overflow: hidden;
		border-style: none;
	}
	
	
	.featureddevelopment{
		width:100vw;
		max-height:60vw;
		display:block;
		overflow: hidden;
	}
	
	.featureddevelopment img{
		width:auto;
		height:100%;
		float:left;
		margin-top:-75vw;
		margin-left:-150vw;
	}
	
	.featureddevelopment h3{
		margin: 0 auto;
		position:absolute;
		margin-top:10vw;
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 7vw;
		color: rgba(255,255,255,1.0);
		float: left;
		z-index: 500;
		width:100vw;
		text-shadow: 3px 3px 5px #000000;
		text-align:center;
	}
	
	.featureddevelopment a{
		display:block;
		margin: 0px auto;
		position:absolute;
		margin-top:25vw;
		margin-left:25vw;
		padding:1vw;
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 5vw;
		color: rgba(255,255,255,1.0);
		z-index: 1000;
		width:50vw;
		text-align:center;
		text-decoration: none;
		background-color:rgba(31,51,39,0.8);
		border-style:solid;
		border-width:medium;
		border-color:rgba(255,255,255,1.0);
		transition: 0.4s;
	}
	
	.featureddevelopment a:hover{
		background-color:rgba(31,51,39,1.0);
		transition:0.4s;
		-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6);
		-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6);
		box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6);
	}

	.developmentlist{
		width:100vw;
		max-height:80vw;
		display:block;
		overflow: hidden;
	}
	
	.developmentlist img{
		width:auto;
		height:100%;
		float:left;
		margin-top:-40vw;
		margin-left:-150vw;
	}
	
	.developmentlist h3{
		margin: 0 auto;
		position:absolute;
		margin-top:25vw;
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 7vw;
		color: rgba(255,255,255,1.0);
		float: left;
		z-index: 500;
		width:100vw;
		text-shadow: 3px 3px 5px #000000;
		text-align:center;
	}
	
	.developmentlist a{
		display:block;
		margin: 0px auto;
		position:absolute;
		margin-top:40vw;
		margin-left:25vw;
		padding:0.3vw;
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 5vw;
		color: rgba(255,255,255,1.0);
		z-index: 1000;
		width:50vw;
		text-align:center;
		text-decoration: none;
		background-color:rgba(31,51,39,0.8);
		border-style:solid;
		border-width:medium;
		border-color:rgba(255,255,255,1.0);
		transition: 0.4s;
	}
	
	.developmentlist a:hover{
		background-color:rgba(31,51,39,1.0);
		transition:0.4s;
		-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6);
		-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6);
		box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.6);
	}
	
	
	.developmentheader{
		width:100vw;
		max-height:60vw;
		display:block;
		overflow: hidden;
	}
	
	.developmentheader img{
		width:150%;
		height:auto;
		float:left;
		margin-top:0vw;
		margin-left:-50vw;
	}
	
	.developmentheader h1{
		margin: 0 auto;
		position:absolute;
		margin-top:20vw;
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 7vw;
		color: rgba(255,255,255,1.0);
		float: left;
		z-index: 500;
		width:100vw;
		text-shadow: 3px 3px 5px #000000;
		text-align:center;
	}

	
	.developmentheader h2{
		display:block;
		margin: 0 auto;
		position:absolute;
		margin-top:30vw;
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 4vw;
		color: rgba(255,255,255,1.0);
		float: left;
		z-index: 500;
		width:100vw;
		text-shadow: 3px 3px 5px #000000;
		text-align:center;
	}
	
	.propertyheader{
		width:100vw;
		max-height:70vw;
		display:block;
		overflow: hidden;
	}
	
	.propertyheader img{
		width:100%;
		height:auto;
		float:left;
		margin-top:0vw;
	}
	
	.propertyheader h1{
		margin: 0 auto;
		position:absolute;
		margin-top:25vw;
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 7vw;
		color: rgba(255,255,255,1.0);
		float: left;
		z-index: 500;
		width:100vw;
		text-shadow: 3px 3px 5px #000000;
		text-align:center;
	}

	
	.propertyheader h2{
		display:block;
		margin: 0 auto;
		position:absolute;
		margin-top:33vw;
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 5vw;
		color: rgba(255,255,255,1.0);
		float: left;
		z-index: 500;
		width:100vw;
		text-shadow: 3px 3px 5px #000000;
		text-align:center;
	}
	

	
	.whychoose h2{
		font-family: "miller-display", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 8vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		display:block;
		text-align:center;
	}
	
	.whycolumns{
		width:95vw;
		display:block;
		margin:0 auto;
		overflow: hidden;
	}
	
	.whycolumn{
		width: 95vw;
		display:inline-block;
		float:left;
		margin-right:3vw;
		margin-left:3vw;
		margin-top:3vw;
        border-bottom-style: solid;
        border-bottom-color: rgba(59,55,53,1.0);
	}
	
	.whycolumn h4{
		font-family: "miller-display", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 6vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		display:block;
		text-align:center;
	}
	
	.whycolumn p{
		font-family: "miller-display", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 3vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		display:block;
		text-align:center;
		margin-top:1.5vw;
		margin-bottom:2.5vw;
        width:80vw;
	}
	
	.whycolumn img{
		max-width:25vw;
		height:auto;
		margin:0 auto;
		display:block;
		margin-bottom:1.5vw;
	}
	
	.footer{
		width:100vw;
		background-color: rgba(59,55,53,1.0);
		display:block;
		min-height:10vw;
		overflow:hidden;
	}
	
	.footercolumn{
		width:30%;
		display:inline-block;
		margin-top:0.5vw;
		margin-right:2vw;
		float:left;
	}
	
	.footercontent{
		width:95vw;
		display:block;
		margin:0 auto;
		margin-top:1vw;
	}
	
	.footercolumn p{
		font-family: "miller-display", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 3vw;
		color: rgba(255,255,255,0.6);
		margin: 0 auto;
		display:block;
		text-align:left;
		text-decoration: none;
		transition:0.5s;
	}
	
	.footercolumn a{
		font-family: "miller-display", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 3vw;
		color: rgba(255,255,255,0.6);
		margin: 0 auto;
		display:inline-block;
		text-align:left;
		text-decoration: none;
		transition:0.5s;
	}
	
	.footercolumn a:hover{
		color: rgba(255,255,255,1.0);
		transition:0.5s;
	}
	
	.pagecontent{
		width:50vw;
		display:inline-block;
		margin-left:5vw ;
		margin-top:2vw;
		margin-bottom:2vw;
		float:left;
	}
	
	.pagecontent p{
		font-family: "miller-display", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 3vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		display:inline-block;
		text-align:left;
		text-decoration: none;
	}
	
	.pagecontent h4{
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 4.5vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		margin-bottom:1vw;
		display:inline-block;
		text-align:left;
		text-decoration: none;
	}
    
    .sideimages {
        float:left;
        width:16vw;
        margin-left:5vw;
    }
    
    .sideimages img{
        width:16vw;
        height:auto;
        border-style:solid;
		border-width:thin;
		border-color: rgba(59,55,53,1.0);
		cursor: pointer;
        margin:1vw;
    }
	
	.developmentinfo{
		width:25vw;
		padding: 1vw;
		float:left;
		margin-left:7vw;
		margin-top:2vw;
		margin-bottom:2vw;
		display:inline-block;
		background-color:rgba(31,51,39, 0.1);
		border-color:rgba(31,51,39, 1.0);
		border-style:solid;
		border-width: medium;
	}
	
	.developmentinfo p{
		font-family: "miller-display", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 3vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		display:inline-block;
		text-align:left;
		text-decoration: none;
	}
	
	.propertycolumn{
		width: 40vw;
		display:inline-block;
		float:left;
		margin-right:5vw;
		margin-left:0vw;
		margin-top:3vw;
		border-color:rgba(31,51,39, 0.2);
		border-style:solid;
		border-width: thin;
	}
	
	.propertycolumn h5{
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 4vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		display:block;
		text-align:left;
		margin-left:1.5vw;
		margin-right:1.5vw;
	}
	
	.propertycolumn p{
		font-family: "miller-display", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 3vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		display:block;
		text-align:left;
		margin-top:1.5vw;
		margin-bottom:1.5vw;
		margin-left:1.5vw;
		margin-right:1.5vw;
	}
	
	.propertycolumn a{
		font-family: "miller-display", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 3vw;
		color: rgba(255,255,255,1.0);
		margin: 0 auto;
		display:inline-block;
		text-align:left;
		margin-bottom:1.5vw;
		margin-left:1.5vw;
		margin-right:1.5vw;
		background-color: rgba(31,51,39,1.0);
		border-color: rgba(31,51,39,1.0);
		border-style: solid;
		border-width: thin;
		text-decoration:none;
		padding:1vw;
		transition:0.4s;
	}
	
	.propertycolumn a:hover{
		border-color:rgba(255,255,255,1.0);
		transition:0.4s;
		-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.6);
		-moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.6);
		box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.6);
	}
	
	.propertycolumn img{
		max-width:100%;
		height:auto;
		margin:0 auto;
		display:block;
		margin-bottom:1.5vw;
	}

	.propertycolumns{
		width:95vw;
		display:block;
		margin:0 auto;
		overflow: hidden;
		margin-left:5vw;
		margin-bottom:3vw;
	}
	
	.propertyseparator{
		display:block;
		width:100vw;
		margin:0 auto;
	}
	
	.propertyseparator h3{
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 5vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		display:block;
		text-align:center;
		margin-top:1.5vw;
		margin-left:1.5vw;
		margin-right:1.5vw;
	}
	
	.dimensions{
		display:block;
		width:100vw;
		margin:0 auto;
	}
	
	.dimensions	 h3{
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 5vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		display:block;
		text-align:center;
		margin-top:1.5vw;
		margin-left:1.5vw;
		margin-right:1.5vw;
	}
	
	.dimensions p{
		font-family: "miller-display", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 3vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		display:block;
		text-align:center;
		margin-top:1.5vw;
		margin-bottom:1.5vw;
		margin-left:1.5vw;
		margin-right:1.5vw;
	}

	.photogallery{
		display:block;
		width:100vw;
		margin:0 auto;
	}
	
	.photogallerycontainer{
		width:80vw;
		margin:0 auto;
		display:block;
		align-content: center;
	}
	
	.photogallery h3{
		font-family: "miller-display", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 5vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		display:block;
		text-align:center;
		margin-top:1.5vw;
		margin-left:1.5vw;
		margin-right:1.5vw;
	}
	
	.photogallery img{
		width:auto;
		height:15vw;
		margin-right:2vw;
		margin-top:2vw;
		margin-bottom:2vw;
		border-style:solid;
		border-width:thin;
		border-color: rgba(59,55,53,1.0);
	}
	

.popout{
	background-color:rgba(51,51,51,0.75);
	width:100%;
	height:100%;
	z-index: 100000;
	position: fixed;
	top:0px;
	left:0px;
}

.popoutbox{
	position:relative;
	top: 30vh;
	left: 10vw;
	width: 80vw;
	height:auto;
	margin-right:5vw;
	background-color: rgba(255,255,255,1.00);
	border-style: solid;
	border-width: thin;
	border-color:#FFFFFF;
	margin-bottom:4vh;
	box-shadow: 0px 0px 70px 0px #222222;
}
	
.popoutbox img{
	max-width:80vw;
	height:auto;
	text-align:center;
		
	}
	
.popoutbox p{
		font-family: "miller-display", sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 4vw;
		color: rgba(59,55,53,1.0);
		margin: 0 auto;
		display:block;
		text-align:center;
		text-decoration: none;
	}
	
.closeicon {
		position:relative;
		z-index:9999999;
		width:6vw;
		height:6vw;
		right:-3vw;
		top:-3vw;
		display:block;
		float:right;
		cursor:pointer;
	}	

	
	
}