@import "normalize.css";
@import "skeleton.css";

body {		
	color: #333;	
	-webkit-font-smoothing: antialiased; 
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	font-family: 'Roboto', sans-serif;	
}
/*font size: html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So 1.5rem = 15px :) body font-size is set to 1.5em*/
/* heading styles over-riding skeleton */
h1 { font-size: 2.5em; font-family: 'Roboto Condensed', sans-serif; color:#1a237e; font-weight: 400; text-transform:uppercase; }
h2 { font-size: 1.5em; font-family: 'Roboto Condensed', sans-serif; color:#222225; font-weight: 400;  margin-top: 1em;}
h3 { font-size: 1.25em; font-family: 'Roboto Condensed', sans-serif; color: #141951; font-weight: 700;	text-transform:uppercase; margin-top: 1.875em; }
h2.contact {margin-top:0;}
.faq h2 {color: #141951;}

p { margin: 0 0 1.5em 0; }
em { font-style: italic; }
strong { font-weight: bold;}
img, object, video {max-width: 100%; height: auto; display:block;}
img { max-width: 100%; width: auto; border: 0; -ms-interpolation-mode: bicubic;}
hr { border: solid #ff7a00; border-width: 1px 0 0; clear: both; margin: 30px auto; height: 0; width:80%;}

/* links */
a:link, a:visited { 
	color: #e89a03; 
	text-decoration: none; 
	outline: 0;
}
a:hover, a:active { color: #fbbf4b; }

.align-left{text-align: left;}
.align-center{text-align: center;}
.align-right{text-align: right;}
.imageLeft {float: left;	margin: 2%;}
.imageRight {float:right; margin: 2%;}
.imageCenter {margin:2% auto;}

header {
  margin:0 auto;
  padding: 0;
	width: 100%;
	z-index: 4;
	background: #141951;
}
#logo img {margin-top:2em;}
#call {text-align:right; color:#fff; padding:.5em 2em 0 0; font-size:.85em; font-weight:bold;}
#call a {color:#fbbf4b;}
#call span {font-size:1.25em; color:#fbbf4b; display:block; }
#call em {font-style:normal;}
header .call-to-action-button {float:right;}
header .button {margin: .5em .5em 0 0; font-size: 1em; height:auto; line-height:30px; padding: .5em 1.5em;}
.button, input[type="submit"] {color:#fff; font-size: 1em; height:48px; line-height:48px; margin: 1em 0; background:#f0a410; border-radius: 3px; border: 0; letter-spacing: normal; }
a.button:hover {background:#818589;}
a.button:link, a.button:visited {color:#fff;}
#call a.button:link, #call a.button:visited {color:#fff;}
.gold {color: #e89a03;}


nav {	
	width: 100%;
	text-align:center;	
	font-size: 1em;	
	position: relative;
	font-weight:bold;
	z-index: 10;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;	
	
}
nav ul {
	padding: 0;
	margin: 0 auto;
	list-style:none;
}
nav li {
	display: inline;	
	padding:0 2.5%;
	margin:0; 
}
.home {padding:0;}
.last {padding-right:0;}
nav a {	
	display: inline-block;
	padding: .5em 0 1em 0;
	text-decoration: none;		
}
nav img {display:inline;}

nav ul li a:link, nav ul li a:visited {color:#fff;} 
nav ul li a:hover, nav ul li a:active {color:#e4e3e3;}
nav ul li.active a { color: #f371b0;}

nav a#pull {display: none;}

/* hero */
#hero {width:100%; max-height: 450px; position:relative; z-index:1;  }

.photoSlide  {width:100%; height: 450px;	background: #141951 url(../images/bg1.jpg) center top no-repeat;}
.photoSlide-home  {width:100%; height: 380px;	background: #141951 url(../images/bg-home.jpg) center bottom no-repeat;}
.photoSlide-condo  {width:100%; height: 380px;	background: #141951 url(../images/bg-condo.jpg) center bottom no-repeat;}
.photoSlide-about  {width:100%; height: 380px;	background: #141951 url(../images/bg-about.jpg) center bottom no-repeat;}
.photoSlide-faq  {width:100%; height: 380px;	background: #141951 url(../images/bg-faq.jpg) center bottom no-repeat;}
.photoSlide-contact  {width:100%; height: 380px;	background: #141951 url(../images/bg-contact.jpg) center bottom no-repeat;}

.cta {width:100%; max-width: 1140px; margin:16em auto 0; padding:1em 0; /*background:rgba(255,255,255,0.65);*/ text-align:center;}
.cta h2 {font-size: 2.5em;  text-transform:uppercase; color:#fff; margin: .5em 0 0 0;}
.cta h3 {font-size: 2em; color:#fff; font-weight: 400; margin:0 0 .5em; text-transform:none;}
.cta p { font-size:1.5em; color:#333; margin:0;}

.content {padding: 5em 0;}
.slogan {margin-top:3em;}
.slogan h2 {color:#1b2270; font-style:italic;}

.feature {margin-top: 1.5em; text-align:center;}
.feature img { padding:1%; margin: 0 auto 1.5em; max-width:97%;}
.feature img:hover {}
h2.featureTitle { color:#fff; text-transform:uppercase; font-size:2.5em; margin: -3.5em auto 0 auto; padding: 0 2% 1em; max-width:270px;}
h2.featureTitle a {color:#fff;}
h2.featureTitle a:hover {color:#ccc;}
.news {background:#d8d8d9;}
.news .container {max-width:840px;}
.news p{color:#63657b; font-size:.95em; font-weight:bold;}
ul.check {list-style:none;}
ul.check li {background: url(../images/house-icon.jpg) left center no-repeat; padding:0 0 0 2em;}
.swipebox img {
    margin: 1%;
    display: inline;
    max-width: 98%;
}
.swipebox img.imageCenter {display:block; margin:1% auto 2% auto;}
.team {margin-bottom:2em; font-size:.9em; color:#1b2270;}
.team img {border-bottom:8px solid #efefef;}
.team .pic {padding:0 0 2em 0; }
.team span {text-transform:uppercase;color:#333;}

.video-container {position: relative; padding-bottom: 56.25%;  padding-top: 35px; height: 0; overflow: hidden; margin-bottom: 3rem; }
.video-container iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;}

footer {width: 100%;	display: block;	background:#222225;	}
.footerMiddle {color:#828189; padding: 1.5em 0;	margin: 0;	position: relative;}
.f1 {padding-top:1.875em;}
footer h3 {color:#828189; }
footer a:link, footer a:visited {color:#f0a410;}
footer a:hover, footer a:active {color: #fff;}
.footerMiddle .column img {margin:2% 0;}
#footerBottom {background:#141416;}
.footerBottomText {	min-height: 60px; position: relative;}
#copyright {color: #68676d; margin: 2.5em 0 1em; font-size: .75em;}
#copyright a{color:#68676d;}
#copyright a:hover, #copyright a:active{color:#fff;}

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/*media queries*/
@media screen and (max-width: 1140px) {
/* ipad portrait */
  #call span {}
  #call em {display:none;}
  nav li {padding:0 1.5%; }  	
	.content {-webkit-overflow-scrolling : touch;}	
	header {-webkit-overflow-scrolling : touch;}
	.cta { margin:16em auto 0; }
	.cta h2 {font-size: 2em;}
	.cta h3 {font-size: 1.5em;}
	.cta p { font-size:1.25em;}
	h2.featureTitle { font-size:2em; margin: -3em auto 0 auto; line-height:1;}
	.slogan {margin-top:1em;}
	
}


/* mobile devices */
@media only screen and (max-width: 767px) {
header .call-to-action-button {float:none; text-align:center;}
#logo {padding-top:1em;}
#logo img{margin:0 auto;}
#call {text-align:center; padding:2em 0 0; }
#call span {margin:0;}
.button {margin-bottom:0;}

	nav {
		border-bottom: 0;		
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav li {
		display: block;		
		width: 96%;
		border-bottom: 1px solid #fff;
		padding:0 0 0 2%;
	}
	.first {padding:0 0 0 2%;}
	nav a {
    width: 100%;		
		text-align: left;	
		padding: 1em 0;
	}
	nav a#pull {
		display: block;
		text-align:center;
		width: 100%;
		position: relative;
		color:#fff;		
	}
	nav a#pull:after {
		content:"";
		background: url('../images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 45px;
		top: 20px;
	}
.home {display: none;}	
.cta {margin:16em auto 0;}
.imageLeft {float: none;	margin: 2% auto; max-width:96%;}
.imageRight {float:none; margin: 2% auto; max-width:96%;}
h1 { font-size: 2em; }
h2.featureTitle { margin: -3.5em auto 0 auto;}
.feature { height:250px;}
.footerMiddle .column {text-align:center;}
.footerMiddle .column img {margin:2% auto;}

#copyright {text-align:center;}


}