@charset "utf-8";

/* General styling *******************************************/
html {height:100%;}
body {color:#5F5F5F; font-family: 'Roboto', sans-serif; font-size:1em; height:100%; margin:0; padding:0; background:#EBEBEB; font-weight:100;}

:focus { -moz-outline-style: none;}
img:focus { -moz-outline-style: none;}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 23%;
}

a {text-decoration:none;}
a:hover {text-decoration:underline;}
a:focus, a:hover, a:active { outline:none;}

a:hover {-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
a:hover img {-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* This makes all elements stay a certain width and height even when you set it to have padding */

h1 {margin: 0 0 15px;}
h2 {margin: 0 0 15px;}
h3 {margin: 0 0 15px;}
h4 {margin: 0 0 15px;}
h5 {margin: 0 0 15px;}
h6 {margin: 0 0 15px;}

p {margin: 0 0 15px;}
strong {font-weight:700;}
em {font-style:italic;}

table {width:100%; border:none; border-collapse:collapse;}
	table th {padding:5px; border:1px solid #ddd; background:#ddd;}
	table td {padding:5px; border:1px solid #ddd;}

hr {background-color:#788187; border:none; color:#788187; height:5px; margin:80px 0;}

.clear {clear:both;}
.invisible{position : absolute; top : -1000px; width:1px; height:1px; overflow:hidden;}


/* Blog Styles **********************************************/

.alignleft {float:left; margin-right:15px; margin-bottom:5px;}
.alignright {float:right; margin-left:15px; margin-bottom:5px;}


/* Wufoo Form Styling *****************************************/

.embed #container {background:#212121;}


/* Structure Styles *****************************************/


	.content {line-height:1.7em; padding:40px; letter-spacing:1px; display:table; width:100%; height:100vh;}
		.content .box {text-align:center; display:table-cell; vertical-align:middle;}

			.content a {color:#ABB1B6; font-weight:400; text-decoration:underline;}
				.content a:hover {color:#fff;}
			.content p {margin-bottom:25px;}
			.content h1 {font-family: 'Alegreya Sans', sans-serif; font-weight:300; color:#fff; font-size:35px; text-transform:uppercase; letter-spacing:5px; padding-bottom:45px; margin-bottom:50px; position:relative;}
				.content h1:before {content:""; position: absolute; bottom:0px; height:1px; width:230px; border-bottom:5px solid #788188; left:0; right:0; margin:0 auto;}
			.content h2 {font-family: 'Alegreya Sans SC', sans-serif; font-weight:400; font-size:25px; line-height:1.3em; text-transform:uppercase; letter-spacing:2px; margin-bottom:30px; padding-top:30px;}
				.content h2 span {font-family: 'Roboto', sans-serif; display:block; font-size:15px; color:#869097; letter-spacing:1px;}
			.content h3 {font-family: 'Alegreya Sans SC', sans-serif; font-weight:400; font-size:21px; line-height:1.3em; text-transform:uppercase; letter-spacing:2px; margin-bottom:30px; padding-top:15px;}

			.content .homelinks {padding-top:100px;}
				.content .homelinks a {color:#848d95; font-size:19px; font-weight:300; letter-spacing:2px; display:inline-block; width:30%; text-align:center; margin-right:5%; border:2px solid #848d95; line-height:52px; text-decoration:none;}
				.content .homelinks a:hover {color:#e8e8e8; text-decoration:none; border:2px solid #e8e8e8;}
				.content .homelinks .last {margin-right:0;}

			.button {color:#848d95; font-weight:300; letter-spacing:2px; display:inline-block; border:2px solid #848d95; padding:10px 30px; text-decoration:none !important; margin-top:10px;}
				.button:hover {color:#e8e8e8; text-decoration:none; border:2px solid #e8e8e8;}

			.content .teamleft {width:45%; float:left;}
			.content .teamright {width:45%; float:right;}

				@media only screen and (max-width:1465px) {
					.mapimg {background:none; height:auto;}
					.mapimg img {display:block;}
				}


			/*.map {width:100%; padding:55px 0 0 0; background:#212121;}
				.map img {width:100%; height:auto;}
				.map iframe {width:100%; height:614px;}*/

			.property-item {display:inline-block; vertical-align:top; width:31%; margin:0.7%;}
				.property-item img {width:100%; height:auto;}
				.property-item .address {position:relative; margin-top:10px; min-height:250px; margin-bottom:10px; border:2px solid #494949; padding:30px 10px 50px 20px;}
					.property-item .address h3 {font-family: 'Roboto', sans-serif; font-weight:300; font-size:16px; color:#788187; margin-bottom:5px;}
					.property-item .address p {margin:0px; font-weight:300; font-family: 'Roboto', sans-serif; font-size:14px; color:#e9e9e9; font-weight:300;}
					.property-item .address a {display:block; position:absolute; bottom:15px; right:15px; width:44px; height:40px; border:2px solid #869199; text-align:center; line-height:36px; text-decoration:none; font-size:22px;}
					.property-item .address a:hover {border:2px solid #fff;}

			.content .box .propertybox {float:right; width:60%; margin-left:25px; margin-bottom:20px; padding-top:30px;}
				.content .box .propertybox img {width:100%; height:auto;}
				.content .box .propertybox iframe {width:100%; height:400px;}
			.content .box .propertyimg1 {float:left; width:30%; margin:2% 5% 2% 0;}
			.content .box .propertyimg2 {float:left; width:30%; margin:2% 5% 2% 0;}
			.content .box .propertyimg3 {float:left; width:30%; margin:2% 0;}
				.content .box .propertyimg1 img, .content .box .propertyimg2 img, .content .box .propertyimg3 img {width:100%; height:auto;}

			.content .box .news-img {float:right; margin-left:20px; margin-bottom:20px;}

			.content .box .contact-text {float:left; width:46%;}
			.content .box .contactbox {float:right; width:50%;}
				.content .box .contactbox input[type="text"], .wufoo input.text {width:100%; padding:10px; margin:0px 0px 10px; font-family: 'Roboto', sans-serif; font-size:0.9em; border:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
				.content .box .contactbox textarea {width:100%; height:100px; padding:10px; margin:0px 0px 10px; font-family: 'Roboto', sans-serif; font-size:0.9em; border:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
				.content .box .contactbox input[type="submit"] {width:100%; margin:0px; padding:10px; font-family: 'Roboto', sans-serif; font-size:1em; text-transform:uppercase; font-weight:600; background:#788188; color:#fff; border:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer;}
					.content .box .contactbox input[type="submit"]:hover {opacity:0.8;}