@charset "utf-8";
/* CSS Document */

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

body	{
	font-family: 'PT Sans', sans-serif;
	padding: 0;
	font-size: 1em;
	margin: 0;
}

/* Menu for screens of 768px or greater */

nav {
	height: 2.5em;
	width: 100%;
	font-weight: 400;
	text-align:center;
	background-color: #0F70B7;
}
nav ul {
	padding: 0;
	margin: 0;
	width: auto;
	height: 2.5em;
}
nav li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
nav a {
	color: #FFF;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 2.5em;
	width:auto;
	padding-left:1%;
	padding-right:1%;
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	background-color: #FC0;
	color: #595959;
}
nav a#pull {
	display: none;
}

/* Menu end */

h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	margin: 0px;
	padding: 0px;
}
p {
	margin-top: 0px;
	margin-bottom: 10px;
}
ul {
	margin-top: 0px;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.CAPS {
	text-transform: uppercase;
}


.rwd-break {
	display: none
}

.hide-on-screen	{
	display:none;
}

.blue {
	color: #0F70B7;
}

.spacer {
	clear: both;
}
.clear {
	clear: both;
}
.acrobat-reader-icon {
	background-image: url(images/adobe-reader-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 28px;
}
.google-maps-icon {
	background-image: url(images/new-google-maps-logo.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 28px;
}
.caption {
	font-size: 0.9em;
	color: #999;
}

#nav-placeholder {
	background-color: #0F70B7;
	width: 100%;
	font-size: 1.2em;
}
#nav-placeholder #nav-clear {
	clear: both;
}

#nav-placeholder img	{
	width:auto;
	height:1.3em;
	vertical-align: middle;
	margin-top: -4px;
}
.nav {
	float: left;
	padding-top: 13px;
	padding-bottom: 15px;
}
.nav a {
	color: #FFF;
	padding: 15px;
	text-decoration: none;
}
.nav a:hover {
	background-color: #FFCC00;
	padding: 15px;
	color: #0D5E99;
}
#branding {
	height: auto;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 20px;
}
#branding img {
	height: auto;
	width: 75%;
}
#branding h1 {
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase;
	color: #666666;
	margin: 0px;
	line-height: 120%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#slideshow {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	float: left;
}
#slideshow img {
	height: auto;
	width: 100%;
}
#slideshow-bg_left, #slideshow-bg_right {
	float: left;
	width: 20%;
	height:auto;
}
#slideshow-bg_left img, #slideshow-bg_right img {
	width: 100%;
	height:auto;
}
#slideshow-bg_right {
	float: right;
}
#content {
	height: auto;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	color: #706F6F;
	font-size: 1.2em;
	clear: both;
	padding-top: 25px;
}

#content .paw-print	{
width:10%;
height:auto;
float:left;
padding-right:1.5%;
}

#content .look-around	{
	overflow:hidden;
	padding-right: 20%;
	padding-left: 20%;
	clear: both;
}

#content .look-around .arrow-down-left	{
	margin-top:20px; float:left; width: 25%; height:auto;
}
#content .look-around .arrow-down-right	{
	margin-top:20px; float:right; width: 25%; height:auto;
}

#content .property-name	{
	width:60%; 	height:auto; margin-left:auto; margin-right:auto; text-align:center; padding-bottom:15px; font-size:1.5em; font-family: 'PT Sans Narrow', sans-serif; font-weight:400; text-transform:uppercase;
	}
	
#content .property-name	img {
	width:100%; height:auto;
}
#content .col-left, #content .col-right {
	width: 44%;
	padding-right: 0!important;
	padding-left: 0!important;
	padding-bottom: 0!important;
}
#content .col-left img, #content .col-right img {
	width: 100%;
	height:auto;
	margin-top: 4px;
}
#content .col-left {
	float: left;
	padding-right: 2.5%;
}
#content .col-right {
	float: right;
	padding-left: 2.5%;
}
#content h2, #content .col-left h2, #content .col-right h2 {
	font-family: 'PT Sans Narrow', sans-serif;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #0F70B7;
	text-align: center;
	font-size: 2em;
}
#content .links {
	float: left;
	height: auto;
	width: 20%;
	margin-right: 6.5%;
}

#content .links img {
	width: 100%;
	height: auto;
}

#content a, #content a:visited, #content a:active	{
	color: #0F70B7;
}
#footer {
	background-color: #666;
	color: #FFF;
	padding-right: 20%;
	padding-left: 20%;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
	clear: both;
	width: auto;
}

#footer .credit	{
	font-size: .9em;
}

#footer a, #footer a:visited, #footer a:active	{
	color: #FFF;
}

#footer a:hover	{
	color: #FFF;
	text-decoration: underline;
}


/*Styles for screen 640px and lower*/
@media screen and (max-width: 640px) {
	div {
	clear:both!important;
	width:100%!important;
	margin-left:auto!important;
	margin-right:auto!important;
	float:none!important;
}
	body	{font-size:0.9em;}
	.hide-on-mobile	{display:none;}
	.rwd-break {display: block;}

	/* Menu for screens 640px and lower*/
	
	nav {
	position: fixed;
	height: auto;
	border-bottom: 0;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
 	}
 	nav ul {
 		width: 100%;
 		display: none;
 		height: auto;
 	}
 	nav li {
		display: block;
		float: none;
		width: 100%;
 	}
 	nav li a {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	}
 	nav a {
	 	text-align: left;
	 	width: 100%;
		padding:0;
	 	text-indent: 25px;
 	}
	nav a#pull {
	display: block;
	background-color: #333333;
	width: 100%;
	position: relative;
	color: #FFF;
	}
	nav a#pull:after {
	content:"";
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 11px;
	background-image: url(../nav-icon.png);
	background-repeat: no-repeat;
	}
	/* End Menu */
	
	.rwd-break {display: block;}
	.hide-on-smartphone {display: none;}
	.spacer{height:30px}
	.nav {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC;}
	.nav a {font-weight:bold;}
	#branding{padding-top:50px;}
	#branding img {width:96%;}
	#branding h1 {line-height: 105%; font-size: 1.25em;}
	#slideshow-bg_left, #slideshow-bg_right {display:none;}
	#slideshow {display:none;}
	#content {padding-top:0px!important;}
	#content .paw-print	{display:none;}
	#content .look-around {padding:0;}
	#content .look-around .arrow-down-left, #content .look-around .arrow-down-right {display:none;}
	#content, #content .col-left, #content .col-right {width:98%!important;	padding-top: 0;	padding-right: 0; padding-bottom: 25px; padding-left: 0;}
	#content p	{line-height: 140%;}
	#content h2, #content .col-left h2, #content .col-right h2 {font-size: 1.8em; line-height: 100%;}
	#content h2 {margin-bottom:10px;}
	#content .links {width: 50%!important; margin-left:auto; margin-right:auto;}
	#footer	{padding-left:0;padding-right:0;}
	#content .property-name p	{font-size: 0.75em!important; line-height:105%!important;}

}

/*Styles for screen 768 - 640px*/
@media screen and (max-width: 768px) and (min-width: 641px) {
nav {font-size:0.8em;}
#content .look-around {padding-top: 0; padding-right: 15%; padding-bottom: 0; padding-left: 15%; }
#content .look-around .arrow-down-left, #content .look-around .arrow-down-right	{width: 20%; height:auto;}
}

/*Styles for screen 1280 - 640px*/
@media screen and (max-width: 1280px) and (min-width: 641px) {
	body {font-size:0.9em;}
	#branding {width: 96%;}
	#branding h1{font-weight:400;}
	#slideshow {width:100%;}
	#slideshow-bg_left, #slideshow-bg_right {display:none;}
	#content p	{line-height: 125%;}
	#content h2 {font-size:2.25em;}
	#content {width:95%!important; margin-right: auto; margin-left: auto;}
	#content .col-left, #content .col-right {width: 47%;}
	#footer	{padding-left:1.5%;padding-right:1.5%;}
	#footer h2	{font-size: 2em;}
}