@charset "utf-8";

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

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

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 *****************************************/

.wrapper {}

	.header {height:1045px; position:relative;}
	.header-inner {height:201px !important; background:#212121;}
		.header .box {position:absolute; z-index:10; height:201px; width:1034px; margin:0 auto; left:0; right:0;}
			.header .management {position:absolute; top:20px; right:104px; z-index:10;}
				.header .management a {display:inline-block; color:#fff; font-size:13px; font-weight:400; letter-spacing:1px; border:2px solid #fff; padding:10px 20px;}
				.header .management a:hover {border:2px solid #869097; color:#869097; text-decoration:none; }
			.header .logo {position:absolute; width:242px; height:149px; bottom:0; left:0; right:0; margin:0 auto;}
				.header .logo a {display:block; line-height:149px; background:url(../images/structure/logo.jpg) no-repeat;}
				.header .logo a:hover {opacity:0.7;}
				.header .logo .home-logo {background:url(../images/structure/logo-home.png) no-repeat  !important;}
			.header .nav {position:absolute; width:1034px; height:201px; margin:0 auto; left:0; right:0; }
				.header .nav-left {position:absolute; bottom:6px; left:64px;}
					.header .nav-left a {display:inline-block; color:#fff; font-weight:400; font-size:13px; line-height:13px; padding-bottom:10px; border-bottom:3px solid transparent; margin-right:30px; letter-spacing:1px;}
					.header .nav-left a:hover {text-decoration:none; border-bottom:3px solid #1E53D3;}
					.header .nav-left .current {border-bottom:3px solid #1E53D3;}
					.header .home-links a:hover {border-bottom:3px solid #788187 !important;}
					.header .home-links .current {border-bottom:3px solid #788187 !important;}					
				.header .nav-right {position:absolute; bottom:6px; right:/*104*//*8*/44px;}
					.header .nav-right a {display:inline-block; color:#fff; font-weight:400; font-size:13px; line-height:13px; padding-bottom:10px; border-bottom:3px solid transparent; margin-left:30px; letter-spacing:1px;}
					.header .nav-right a:hover {text-decoration:none; border-bottom:3px solid #1E53D3;}
					.header .nav-right .current {border-bottom:3px solid #1E53D3;}
					.header .home-links a:hover {border-bottom:3px solid #788187 !important;}
					.header .home-links .current {border-bottom:3px solid #788187 !important;}
					.header #management {display:none;}
					.header #investors {color:#C21411;}
					.header #investors:hover {border-bottom:3px solid #C21411;}
					.header #investors.current {border-bottom:3px solid #C21411;}
					.header .home-links #investors:hover {border-bottom:3px solid #C21411 !important;}
			.header .menu {display:none;}
			
		.header .banner {position:absolute; top:0; width:100%; height:1045px;}
		.header .banner-tablet, .header .banner-mobile {display:none;}
		
	.content {line-height:1.7em; padding:80px 0 110px; background:#212121; letter-spacing:1px;}
		.content .box {width:960px; margin:0 auto;}
			.content ul {list-style:square; margin:0 0 15px 23px;}
			.content ol {list-style:decimal; margin:0 0 15px 23px;}
			.content li {padding-bottom:7px;}
			
			.content a {color:#788188; font-weight:300; text-decoration:underline;}
				.content a:hover {color:#fff;}
			.content p {text-align:justify; 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;}
			.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;}
			
			.portrait {float:left; margin-right:30px; margin-bottom:15px;}
			
			.map-padding {height:55px; background:#212121;}
			.mapimg {width:100%; height:614px; text-align:center; background:url(../images/properties/map2.jpg) no-repeat top center; background-color:#494949;}
				.mapimg img {display:none; width:100%; height:auto; max-width:1465px;}
				
				@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;}
				
	
	.footer {background:#000; padding:60px 0;}
		.footer .box {width:960px; margin:0 auto; color:#6a6a6a; font-size:13px; font-weight:300; letter-spacing:1px;}
			.footer a {color:#6a6a6a;}
			.footer a:hover {color:#fff; text-decoration:none;}
			.footer .left {float:left;}
			.footer .right {float:right; text-align:right;}