@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
	max-width: 1201px;
}
.fluidList {
	list-style: none;
	/* [disabled]list-style-image: none; */
	margin: 0;
	padding: 0;
}

/* Mobile Layout: 359px and below. */
 
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
	max-width: 1201px;
}
.nav {
	height: auto;
	margin: 0;
	padding-top: 5px;
	background-color: #042A5D;
	list-style-type: none;
}

/* nav bar. */

.btn {
	font-size: 175%;
	float: left;
	padding-left: 12px;
	padding-right: 10px;
}
.logo {
	width: 100%;
	padding-bottom: 10px;
	padding-top: 5px;
}
ul {
	margin: 0;
	padding-right: 0;
	padding-left: 0;
	list-style: none;
	padding-top: 5px;
	height: auto;
}
.active   {
	color: #D0E0F6;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 85%;
	line-height: 145%;
	/* [disabled]text-align: center; */
	letter-spacing: 30%;
	border-top: medium solid rgba(4,42,93,0.50);
	background-color: #0D4186;
	background-image: -webkit-linear-gradient(270deg,rgba(13,65,134,1.00) 0%,rgba(4,42,93,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(13,65,134,1.00) 0%,rgba(4,42,93,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(13,65,134,1.00) 0%,rgba(4,42,93,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(13,65,134,1.00) 0%,rgba(4,42,93,1.00) 100%);
}
ul li a {
	display: block;
	text-decoration: none;
	color: #C4A732;
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 145%;
	letter-spacing: 30%;
	font-size: 85%;
}
ul li a:hover {
	color: #866C04;
}
ul .menu li a {
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	border-top: thin solid rgba(4,42,93,1.00);
	background-image: -webkit-linear-gradient(270deg,rgba(13,65,134,0.25) 0%,rgba(4,42,93,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(13,65,134,0.25) 0%,rgba(4,42,93,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(13,65,134,0.25) 0%,rgba(4,42,93,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(13,65,134,0.25) 0%,rgba(4,42,93,1.00) 100%);
	background-color: #0D4186;
}
ul .menu  {
	display: none;
}
ul li:hover .menu  {
	display: block;
}
.horizontal_rule {
	display: block; 
	height: 1px; 
	border: 0; 
	border-top: 1px solid #ccc; 
	margin: 1em 0; 
	padding: 0; 
}
.concierge_content {
	display: none;
}
.about_content {
	font-family: Garamond, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 50%;
	font-size: 95%;
	line-height: 133%;
	margin-top: 10px;
	margin-bottom: 20px;
}
.contact_content {
	font-family: Garamond, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 50%;
	font-size: 95%;
	line-height: 133%;
	margin-top: 10px;
	margin-bottom: 20px;
}
.rent_content {
	font-family: Garamond, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 50%;
	font-size: 95%;
	line-height: 133%;
	margin-top: 10px;
	margin-bottom: 20px;
}
.buy_content {
	font-family: Garamond, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 50%;
	font-size: 95%;
	line-height: 133%;
	margin-top: 10px;
	margin-bottom: 20px;
}
.concierge_section {
	font-family: Garamond, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 50%;
	font-size: 95%;
	line-height: 133%;
	margin-top: 0px;
	margin-bottom: 20px;
}
.title {
	color: #C4A732;
	font-family: Garamond, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
	font-style: normal;
	font-weight: 100;
	font-size: 135%;
	letter-spacing: 1.5%;
	line-height: 0.50%;
}
.subtitle {
	color: #C4A732;
	font-family: Garamond, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
	font-style: normal;
	font-weight: 100;
	font-size: 115%;
	letter-spacing: 1.5%;
	line-height: 0.75%;
}
.email_field {
	margin-bottom: 30px;
}
.email_address {
	margin-top: 10px;
}
.submit_button {
	margin-left: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 200;
	font-size: small;
}
.email_field_2 {
	display: none;
}
.address_2 {
	display: none;
}
.rent_photos :hover {
	opacity: .75;
}
.rent_body {
	margin-top: 10px;
}
.rent_features {
	margin-left: 5%;
	margin-bottom: 10px;
}
.buy_photos :hover {
	opacity: .75;
}
.buy_body {
	margin-top: 10px;
}
.buy_features {
	margin-left: 5%;
	margin-bottom: 10px;
}

/* start lightbox*/

.lb-album{
	margin: 0 auto;
	font-family: pt-sans, Arial, sans-serif;
}
.lb-album li{
	float: left;
	margin: 5px;
	position: relative;
}
.lb-overlay{
	width: 0px;
	height: 0px;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 99;
	text-align: center;
	background: rgb(60,76,97);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(60,76,97,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(60,76,97,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(60,76,97,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(60,76,97,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(60,76,97,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(60,76,97,1) 100%);
}
.lb-overlay > div{
	position: relative;
	color: rgba(27,54,81,0.8);
	width: 276px;
	margin: 40px auto 0px auto;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
}
.lb-overlay a.lb-close{
	background: rgba(27,54,81,0.5);
	z-index: 1001;
	color: #fff;
	position: absolute;
	top: 40px;
	left: 50%;
	font-size: 15px;
	line-height: 32px;
	text-align: center;
	width: 30px;
	height: 30px;
	overflow: hidden;
	margin-left: -15px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	border-radius: 30px;
}
.lb-overlay img{
	/* height: 100%; For Opera max-height does not seem to work */
	max-height: 100%;
	position: relative;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 7px rgba(0,0,0,0.2);
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}
.lb-prev, .lb-next{
	text-indent: -9000px;
	position: absolute;
	top: -32px;
	width: 24px;
	height: 25px;
	left: 50%;
	opacity: 0.8;
	filter: alpha(opacity=80); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; /*IE8*/
}
.lb-prev:hover, .lb-next:hover{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.lb-prev{
	margin-left: -50px;
	background: transparent url(../final_art/arrows.png) no-repeat top left;
}
.lb-next{
	margin-left: 6px;
	background: transparent url(../final_art/arrows.png) no-repeat top right;
}
.lb-overlay:target {
	width: auto;
	height: auto;
	bottom: 0px;
	right: 0px;
	padding: 80px 7% 0px 7%;
}
.lb-overlay:target img,
.lb-overlay:target a.lb-close{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}

/* 
	100% Height for Opera as the max-height seems to be ignored, not optimal for large screens 
	http://bricss.net/post/11230266445/css-hack-to-target-opera 
*/

x:-o-prefocus, .lb-overlay img {
    height: 100%;
}

/* end lightbox*/

.top_container {
	position: bottom;
	margin-bottom: 10px;
	z-index: 10;
	-webkit-display: flex;
	-moz-display: flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	clear: both;
}
.top {
	width: 60px;
	opacity: .5;
}
.top:hover  {
	opacity: 1;
}
.bottom {
	background-color: #0D4186;
	height: 100px;
}
.navbar {
	-webkit-display: flex;
	-moz-display: flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	padding-top: 10px;
}
.copyright {
	color: #C4A732;
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 65%;
	letter-spacing: 125%;
	text-align: center;
	padding-top: 0px;
	margin-top: 10px;
}
.social_media_button {
	margin-right: 10px;
	margin-left: 10px;
	width: 45px;
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}
.gridContainer.clearfix {
}


@media screen and (min-width:359px){

.zeroMargin_tablet {
margin-left: 0;
}

.hide_tablet {
display: none;
}

@media screen and (min-width:479px){

.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
.concierge_hero {
	display: none;
}
.fluid.about_content {
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
}
.fluid.rent_content {
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
}
.fluid.buy_content {
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
}
.rent_section4 {
	margin-top: 200px;
}
.lb-overlay a.lb-close {
	top: 12px;
}
.lb-overlay:target {
	padding: 45px 7% 0px 7%;
}

@media screen and (min-width:567px){
.concierge_hero {
	display: block;
}

@media screen and (min-width:639px){

.logo {
	padding-left: 20px;
	width: auto;
}
.btn {
	display: none;
}
ul.menu {
	display: inline-block;
	width: 100%;
	padding-top: 0px;
}
ul .menu li a {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0ox;
	padding-right: 0ox;
	text-align: center;
	float: left;
	border-top: medium solid rgba(4,42,93,0.50);
	width: 13.%%;
	width: 20%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ul li:hover .menu {
	display: inline-block;
}
.active {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0ox;
	text-align: center;
	float: left;
	border-top: medium solid rgba(4,42,93,0.50);
	width: 20%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.email_field {
	float: left;
	width: 45%;
	margin-left: 4%;
}
.submit_button {
	margin-left: 0px;
}
.address {
	margin-left: 54%
}
.lb-overlay a.lb-close {
	top: 12px;
}
.lb-overlay:target {
	padding: 50px 15% 0px 15%;
}

}
@media screen and (min-width:860px){

.fluid.about_content {
	-webkit-column-count: 3;
	-webkit-column-gap: 2em;
	-moz-column-count: 3;
	-moz-column-gap: 2em;
	column-count: 3;
	column-gap: 2em;
}
.fluid.rent_content {
	-webkit-column-count: 3;
	-webkit-column-gap: 2em;
	-moz-column-count: 3;
	-moz-column-gap: 2em;
	column-count: 3;
	column-gap: 2em;
}
.fluid.buy_content {
	-webkit-column-count: 3;
	-webkit-column-gap: 2em;
	-moz-column-count: 3;
	-moz-column-gap: 2em;
	column-count: 3;
	column-gap: 2em;
}
.rent_section4 {
	margin-top: 0px;
}

@media screen and (min-width:1023px){

.contact_hero {
	position:relative;
	display: block;
	margin-bottom: 0px;
}
.email_field_2 {
	display: block;
	float: none;
	position: absolute;
	z-index: 10;
	top: 62%;
	left: 7%;
	background-color: #DEDFE0;
	border-radius: 8px;
	-webkit-box-shadow: 8px 8px 12px #262626;
	box-shadow: 8px 8px 12px #262626;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	width: 350px;
}
.submit_button {
	margin-left: 0px;
}
.address_2 {
	display: block;
	position: absolute;
	z-index: 10;
	top: 15%;
	left: 65%;
	background-color: #DEDFE0;
	border-radius: 8px;
	-webkit-box-shadow: 8px 8px 12px #262626;
	box-shadow: 8px 8px 12px #262626;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
}
.fluid.about_content {
	-webkit-column-count: 4;
	-webkit-column-gap: 2em;
	-moz-column-count: 4;
	-moz-column-gap: 2em;
	column-count: 4;
	column-gap: 2em;
}
.fluid.contact_content {
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
	display: none;
}

@media screen and (min-width:1120px){
	
.rent_features {
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
}
.buy_features {
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
}
.lb-overlay:target {
	padding: 80px 17% 0px 17%;
}
.gridContainer {
	max-width: 1201px;
}