





body.page-template-floorplan #vrTour

	{

	position: fixed;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	background: url(images/overlays/123_90.png) repeat;

	display: none;

	z-index: 9999;

		}



body.page-template-floorplan #vrTour .tour

	{

	position: absolute;

	left: 50%;

	top: 45%;

	transform: translate(-50%, -50%);

	width: auto;

	height: auto;

	padding: 20px;

	background: #eee;

		}



body.page-template-floorplan #vrTour .tour iframe

	{

	width: 853px;

	height: 480px;

		}



body.page-template-floorplan #vrTour .tour .close

	{

	display: block;

	position: absolute;

	right: -31px;

	top: -31px;

	width: 31px;

	height: 31px;

	background: url(images/close.png);

		}



body.page-template-floorplan #vrTour .tour .instructions

	{

	font: normal 13px 'Raleway Regular', serif;

	line-height: 18px;

	margin: 10px 0px 0px 0px;

		}



#floorplans

	{

	overflow: visible;

		}



#floorplans .block

	{

	text-align: center;

	font-size: 0px;

	padding-bottom: 30px;

	overflow: visible;

		}



#floorplans .block .floorplan

	{

	width: 28%;

	min-height: 1px;

	display: inline-block;

	vertical-align: top;

	border: none;

	margin: 0px 20px 40px 20px;

	padding: 0px;

	box-sizing: border-box;

	background: #49c;

		}



#floorplans .block .floorplan a

	{

	display: block;

	text-decoration: none;

		}



#floorplans .block .floorplan a h3

	{

	font: normal 14px 'Raleway Bold', serif;

	line-height: 18px;

	margin: 10px 0px 10px 0px;

	color: #fff;

		}



#floorplans .block .floorplan a img

	{

	width: 100%;

	height: auto;

		}



body.page-template-floorplan .section .block .floorplan .floorplanSpecs h4.floorplanTitle span.modelName

	{

	font: normal 13px 'Raleway Bold', serif;

	line-height: 18px;

	margin: 0px;

		}



body.page-template-floorplan .section .block .floorplan .floorplanSpecs a.vrLink

	{

	display: inline-block;

	background: #5ad;

	color: #fff;

	font: normal 13px 'Raleway Bold', serif;

	line-height: 18px;

	text-align: center;

	margin: 10px 0px 10px 0px;

	padding: 5px 12px;

	text-decoration: none;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	border-radius: 8px;

		}



body.page-template-floorplan .section .block .floorplan .floorplanSpecs a.vrLink:hover

	{

	background: #d72;

		}



body.page-template-floorplan .floorplan .floorplanPhoto

	{

	width: 50%;

	float: right;

	margin: 0px;

		}



body.page-template-floorplan .floorplan .floorplanPhoto p.click

	{

	font: normal 11px 'Raleway Semibold Italic', serif;

		}



body.page-template-floorplan .floorplan .floorplanPhoto img

	{

	width: 100%;

	height: auto;

		}







body.the-oak #topBar

	{

	background: url(images/heroes/oak.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center top;

	background-attachment: fixed;

		}



body.the-oak #mainPhoto

	{

	background: url(images/heroes/oak.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center top;

	background-attachment: fixed;

	text-align: center;

	display: table;

		}







body.the-azalea #topBar

	{

	background: url(images/heroes/azalea.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center top;

	background-attachment: fixed;

		}



body.the-azalea #mainPhoto

	{

	background: url(images/heroes/azalea.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center top;

	background-attachment: fixed;

	text-align: center;

	display: table;

		}







body.the-orchid #topBar

	{

	background: url(images/heroes/orchid.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center top;

	background-attachment: fixed;

		}



body.the-orchid #mainPhoto

	{

	background: url(images/heroes/orchid.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center top;

	background-attachment: fixed;

	text-align: center;

	display: table;

		}







body.the-pine #topBar

	{

	background: url(images/heroes/pine.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center top;

	background-attachment: fixed;

		}



body.the-pine #mainPhoto

	{

	background: url(images/heroes/pine.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center top;

	background-attachment: fixed;

	text-align: center;

	display: table;

		}







body.the-magnolia #topBar

	{

	background: url(images/heroes/magnolia.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center top;

	background-attachment: fixed;

		}



body.the-magnolia #mainPhoto

	{

	background: url(images/heroes/magnolia.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center top;

	background-attachment: fixed;

	text-align: center;

	display: table;

		}



body.the-mangrove #topBar

	{

	background: url("images/heroes/mangrove_v2.jpg");

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center top;

	background-attachment: fixed;

		}



body.the-mangrove #mainPhoto

	{

	background: url("images/heroes/mangrove_v2.jpg");

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center top;

	background-attachment: fixed;

	text-align: center;

	display: table;

		}





body.the-cypress #topBar

	{

	background: url(images/heroes/cypress.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center top;

	background-attachment: fixed;

		}



body.the-cypress #mainPhoto

	{

	background: url(images/heroes/cypress.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center top;

	background-attachment: fixed;

	text-align: center;

	display: table;

		}



body.the-palm #topBar

	{

	background: url(images/heroes/palm.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center top;

	background-attachment: fixed;

		}



body.the-palm #mainPhoto

	{

	background: url(images/heroes/palm.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center top;

	background-attachment: fixed;

	text-align: center;

	display: table;

		}



		





body.page-template-floorplan #modelGallery

	{

	width: 100%;

	min-height: 100px;

	font-size: 0px;

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	padding: 40px 0px 30px 0px;

		}



body.page-template-floorplan #modelGallery a

	{

	display: inline-block;

	vertical-align: top;

	width: 100px;

	margin: 0px 10px 10px 0px;

		}



body.page-template-floorplan #modelGallery a img

	{

	display: block;

	width: 100%;

	height: auto;

	margin: 0px;

		}

























body.page-template-floorplan #mainPhoto #border

	{

	/*text-align: center;

	height: 45px;

	max-height: 45px;

	overflow: visible;*/

		}



body.page-template-floorplan #mainPhoto #border .dropdown

	{

	display: inline-block;

	width: 250px;

	border: 1px solid #fff;

	background: #50a0d0;

	margin: 6px 0px;

	text-align: left;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

		}



body.page-template-floorplan #mainPhoto #border .dropdown p

	{

	display: block;

	font: normal 12px 'Raleway Medium', serif;

	line-height: 30px;

	color: #fff;

	margin: 0px;

	padding: 0px;

	white-space: nowrap;

		}



body.page-template-floorplan #mainPhoto #border .dropdown p a

	{

	display: block;

	margin: 0px;

	background: url(images/arrow_down.png);

	background-position: 95% 12px;

	background-repeat: no-repeat;

	padding: 0px 30px 0px 10px;

	color: #fff !important;

		}



body.page-template-floorplan #mainPhoto #border .dropdown .dropdownInner

	{

	display: none;

	position: relative;

	margin: 0px;

	padding: 0px;

	width: 100%;

	background: #fff;

		}



body.page-template-floorplan #mainPhoto #border .dropdown .dropdownInner ul

	{

	width: 100%;

	margin: 0px;

	padding: 0px;

	list-style: none;

	background: #fff;

	overflow: hidden;

	overflow-y: auto;

		}



body.page-template-floorplan #mainPhoto #border .dropdown .dropdownInner ul li

	{

	display: block;

	padding: 0px;

	margin: 0px;

	border-top: 1px solid #fff;

	background: #4090c0;

	font: normal 12px 'Raleway Medium', serif;

	line-height: 20px;

	overflow: hidden;

		}



body.page-template-floorplan #mainPhoto #border .dropdown .dropdownInner ul li:hover

	{

	background: #50a0d0;

		}



body.page-template-floorplan #mainPhoto #border .dropdown .dropdownInner ul li a

	{

	display: block;

	padding: 6px 12px;

		}



body.page-template-floorplan #mainPhoto #border .dropdown a, body.page-template-floorplan #mainPhoto #border .dropdown a:visited

	{

	color: #fff;

	text-decoration: none;

	outline: none;

		}



body.page-template-floorplan #mainPhoto #border .dropdown a:hover

	{

		}



body.page-template-floorplan #mainPhoto #border .dropdown p a:hover, 

body.page-template-floorplan #mainPhoto #border .dropdown p a:focus

	{

		}



body.page-template-floorplan #mainPhoto #border .dropdown span.value

	{

	display: none;

		}



body.page-template-floorplan #mainPhoto #border .dropdown span.value

	{

	display: none;

		}













#forwardBack

	{

	width: 100%;

	margin: 0px 0px 40px 0px;

	text-align: center;

	font-size: 0px;

		}



#forwardBack a

	{

	display: inline-block;

	vertical-align: top;

	font: normal 13px 'Raleway Semibold', serif;

	line-height: 20px;

	text-decoration: none;

	background: #5ad;

	color: #fff;

	padding: 3px 12px;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	border-radius: 8px;

		}



#forwardBack a:hover

	{

	background: #d72;

		}



#forwardBack a.left

	{

	margin: 0px 50px 0px 0px;

		}



#forwardBack a.left:before

	{

	content: '\25C0 ';

		}



#forwardBack a.right

	{

	margin: 0px 0px 0px 50px;

		}



#forwardBack a.right:after

	{

	content: ' \25b6';

		}

























































