body
{
	margin:0px;
	padding:0px;
	background:white;
	font-family:century gothic, avenir next, helvetica, tahoma, sans-serif;
	font-size:10px;
}
#header
{
	box-sizing:border-box;
	display:table;
	width:100%;
	height:85px;
	overflow:hidden;
	position:fixed;
	z-index:1000;
	background:#ffffff;
	top:0px;
	vertical-align:top;	
}
#logo
{
	display:table-cell;
	width:300px;
	vertical-align:top;
}
#logo p.callme
{
	display:none;
}
#navigation
{
	display:table-cell;
	vertical-align:middle;
}
#navigation div
{
	display: inline-block;
	margin: 5px;
	background: #b99400;
	padding: .5em;
	color: #ffffff;
	font-size: calc(1em + .5vw);
}
#navigation div:hover
{
	display: inline-block;
	margin: 5px;
	background: #293f6f;
	padding: .5em;
	color: #ffffff;
	font-size: calc(1em + .5vw);
}
h4
{
	display: inline-block;
	margin: 50px 0px 0px;
	background: #b99400;
	padding: .5em;
	color: #ffffff;
	font-size: calc(2em + .5vw);
	text-align:center;
}
h4:hover
{
	display: inline-block;
	margin: 50px 0px 0px;
	background: #293f6f;
	padding: .5em;
	color: #ffffff;
	font-size: calc(2em + .5vw);
	text-align:center;
}
h4 a, #navigation div a
{
	color:#ffffff;
	text-decoration:none;
}
#callbox
{
	display:table-cell;
	mix-width:300px;
	max-width:500px;
	font-size:calc(1em + .3vw);
}
#callbox p a, .callme a, #content p a,#np-content p a, .shine-two a
{
	text-decoration:none;
	color:#293f6f;
}
#callbox p a:hover, .callme a:hover, #content p a:hover, #np-content p a:hover, .shine-two a:hover
{
	text-decoration:none;
	color:#b99400;
}
#propertyheader
{
	box-sizing:border-box;
	display:block;
	width:100%;
	height:calc((9/16)*75vw);
	position:fixed;
	margin-top: 85px;
	vertical-align:center;
	padding-top:6vw;
	z-index:0;
	top:0px;
}
#propertyheader.Greenway
{
	background:url('/images/properties/greenway/424-greenway-header.jpg'), rgba(0,0,0,.65);
	background-size:cover;
	background-blend-mode:multiply;
	background-position:center center;
}
#propertyheader.Greatwoods
{
	background:url('/images/properties/13-GreatWoods/13-great-wood-header.jpg'), rgba(0,0,0,.65);
	background-size:cover;
	background-blend-mode:multiply;
	background-position:center center;
}
#propertyheader h1::before, #propertyheader h1::after
{
	content:"\2002\2014\2002";
}
#propertyheader h1
{
	color:#ffffff;
	text-align: center;
	font-size: calc(1em + 2vw);
}
#propertyheader h2
{
	color: #b99400;
	font-size: calc(1em + 5vw);
	font-weight: bold;
	font-style: italic;
	margin-top: calc(-10px - 1vw);
	margin-bottom: 0px;
	text-align: center;
	display: block;
}
#propertyheader h3
{
	color:#ffffff;
	text-align: center;
	font-size: calc(1em + 1vw);
	margin-top: calc(0px + 1vw);	
	margin-bottom:0px;
}
#content
{
	box-sizing:border-box;
	background:#ffffff;
	display:block;
	width:100%;
	position:relative;
	z-index:500;
	box-shadow:0px -15px 15px rgba(0,0,0,.4);
	margin-top:calc(((9/16) *65vw) + 90px);
	border-top:15px solid #293f6f;
	padding:15px;
}
#np-content
{
	box-sizing:border-box;
	background:#ffffff;
	display:block;
	width:100%;
	position:relative;

	border-top:15px solid #293f6f;
	z-index:500;
	margin-top:130px;
	padding:15px;
}
div.tabled
{
	display:table;
	box-sizing:border-box;
	width:80%;
	border:5px solid transparent;
	margin:20px auto;	
}
div.tabled-twocol
{
	display:table;
	box-sizing:border-box;
	width:80%;
	border:5px solid transparent;
	margin:20px auto;
	border-collapse: separate;
	border-spacing: 10px;	
}
div.shade
{
	display:block;
	box-sizing:border-box;
	width:80%;
	min-width:300px;
	background: #ffffff;
	border:5px solid #b99400;
	padding:10px;
	margin:25px auto;
}
div.shine
{
	display:table-cell;
	box-sizing:border-box;
	width:33%;
	min-width:300px;
	background: #ffffff;
	vertical-align:top;

}
div.shine-two
{
	display:table-cell;
	box-sizing:border-box;
	border:5px solid #b99400;
	padding:10px;
	width:45%;
	background: #ffffff;
	vertical-align:top;

}

#footer
{
	box-sizing:border-box;
	background:#ffffff;
	display:block;
	width:100%;
	position:relative;
	padding:20px;
	z-index:500;	
	margin-top:0px;
}
#footer p
{
	font-size:1.4em;
	font-style:italic;
}
#content h1, #np-content h1
{
	color: #b99400;
	font-size: calc(1em + 2.5vw);
	font-weight: bold;
	font-style: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	display: block;
}
#content h2, #np-content h2
{
	color: #293f6f;
	font-size: calc(1em + 1.5vw);
	font-weight: bold;
	font-style: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	display: block;
}
#content p.home-desc, #np-content p
{
	color: #656565;
	font-size: calc(1em + 1vw);
	font-weight: normal;
	font-style: normal;
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center;
	display: block;
}
 #np-content p
 {
	text-align:left;
 }

div img
{
	display:block;
	box-sizing:border-box;
	max-width:calc(500px + 5vw);
	width:100%;
}
.left
{
	float:left;
	margin:5px 15px 5px 5px;
}
.tree
{
	width:65%!important;
}
#logo img
{
	display:block;
	width:auto;
	height:85px;
}
div.shade h3, div.shine h3, div.shine-two h3 
{
    font-size: calc(1em + 1.5vw);
    border-bottom: 3px solid #b99400;
    margin: 0px;
    color: #293f6f;
    display: inline-block;
}
div.shade ul, div.shade p, div.shine p, div.shine ul, div.shine-two p, div.shine-two ul
{
    font-size: calc(1em + .75vw)!important;
    margin: 15px 0px;
    color: #656565;
    display: block;
}
#galleria
{
	max-width:calc(300px + 5vw);
	width:100%;
	height:400px;
	float:none;
}
.galleria-thumbnails-list
{
	text-align:center;
}
.galleria-thumbnails
{
	display: inline-block;
}

@media only screen and (max-width: 1155px) 
{
	#callbox
	{
		display:none;
	}
}
@media only screen and (max-width: 1070px) 
{
	#callbox
	{
		display:none;
	}
	div.shade img
	{
		display:block;
		float:none;
		margin:0px 0px 15px 0px;
		max-width:none;
	}
	div.tabled, div.tabled-twocol
	{
		display:block;
	}
	div.shine, div.shine-two
	{
		display:block;
		width:100%;
		margin:0px 0px 30px 0px;
		clear:both;	
	}
}
@media only screen and (max-width: 490px) 
{
	#logo
	{
		display:block;
		width:100%;
		text-align:center;
	}
	#logo img
	{
		height:50px;
	}
	#logo p.callme
	{
		display:inline-block;
		float:right;
		margin-right:10px;
		font-size:calc(1em + .3vw);

	}
	#navigation
	{
		display:block;
		clear:both;
	}
}
@media print
{
	#header, #propertyheader
	{
		position:absolute;
	}
	#content, #np-content
	{
		height:100%;
	}
	#galleria
	{
		display:none;
	}
	#content center h4
	{
		display:none;
	}
	#slidebox
	{
		display:none;
	}
	.shine
	{
		width:50%;
	}
	#navigation
	{
		display:none;
	}
	div.shade img	
	{
		float:left;
		width:50%;
	}
}