.clearfix:before, .clearfix:after {

  content: "";

  display: table

}

.clearfix:after {

  clear: both

}

.clearfix {

  *zoom: 1

}



@font-face {

    font-family: Museo Sans;

    src: url('fonts/MuseoSans_500-webfont.eot');

    src: url('fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/MuseoSans_500-webfont.woff') format('woff'),

         url('fonts/MuseoSans_500-webfont.ttf') format('truetype'),

         url('fonts/MuseoSans_500-webfont.svg#museo_sans_500regular') format('svg');

    font-weight: normal;

    font-style: normal;

}

a:link {

	color: #79B791;

	text-decoration: none;

}

a:visited {

	color: #79B791;

	text-decoration: none;

}

a:hover {

	color: #363636;

	text-decoration: none;

}

a:active {

	color: #79B791;

	text-decoration: none;

}

#animation {

	height: 500px;

	list-style-type: none;

	margin: 0px;

	overflow: hidden;

	padding: 0px;

	position: relative;

	width: 980px;

}

#animation li {

	list-style: none;

	margin: 0px;

	padding: 0px;

}

#animation ul {

	margin: 0px;

	padding: 0px;

}

body {

	color: #959595;

	font-family: Museo Sans, Arial, Helvetica, sans-serif;

	font-size: 13px;

	line-height: 20px;

	margin: 0px;

	padding: 0px;

}

#bottom {

	border-top: 1px solid #959595;

	color: #959595;

	float: left;

	font-size: 11px;

	margin-bottom: 10px;

	margin-left: 0px;

	margin-right: 0px;

	margin-top: 20px;

	padding-bottom: 0px;

	padding-left: 0px;

	padding-right: 0px;

	padding-top: 10px;

	text-align: center;

	width: 940px;

}

.button, a.button  {

	background: transparent;

	background-image: url(images/button.gif);

	border: 0px;

	border-radius: 10px;

	-khtml-border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	cursor: pointer;

	color: #ffffff;

	display: block;

	font-family: Museo Sans, Arial, Helvetica, sans-serif;

	font-size: 24px;

	height: 60px;

	letter-spacing: 0px;

	line-height: 60px;

	margin: 0px;

	padding: 0px;

	text-align: center;

	text-transform: lowercase;

	width: 300px;

}

.button:hover, a.button:hover {

	background-color: #363636;

	background-image: none;

}

#footer {

	color: #79B791;

	font-size: 12px;

	height: 140px;

	margin: 0 auto;

	padding-bottom: 0px;

	padding-left: 0px;

	padding-right: 0px;

	padding-top: 30px;

	text-transform: lowercase;

	width: 940px;

}

#footer li {

	float: left;

	margin: 0px;

	padding: 0px;

	width: 165px;

}

#footer ul {

	float: left;

	list-style-type: square;

	margin: 0px;

	padding-bottom: 0px;

	padding-left: 12px;

	padding-right: 0px;

	padding-top: 0px;

}

#footer a {

	color: #ffffff;

}

#footer a:hover {

	color: #79B791;

}

#footerdivider {

	float: left;

	margin: 0px;

	padding: 0px;

	width: 235px;

}

#footercontainer {

	background-color: #363636;

	float: left;

	margin: 0px;

	min-height: 200px;

	padding: 0px;

	width: 100%;

}

.form {

	border: 0px;

	border-radius: 10px;

	-khtml-border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	color: #555555;

	font-family: Museo Sans, Arial, Helvetica, sans-serif;

	font-size: 13px;

	line-height: 20px;

	margin: 0px;

	padding: 5px;

	text-align: center;

	width: 240px;

}

.formbutton, a.formbutton  {

	background: transparent;

	background-image: url(images/button.gif);

	border: 0px;

	border-radius: 10px;

	-khtml-border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	cursor: pointer;

	color: #ffffff;

	display: block;

	font-family: Museo Sans, Arial, Helvetica, sans-serif;

	font-size: 15px;

	height: 40px;

	letter-spacing: 0px;

	line-height: 40px;

	margin: 0px;

	padding: 0px;

	text-align: center;

	text-transform: lowercase;

	width: 250px;

}

.formbutton:hover, a.formbutton:hover {

	background-color: #363636;

	background-image: none;

}

#grassbackground {

	background-image: url(images/grass.gif);

	float: left;

	height: 50px;

	margin: 0px;

	padding: 0px;

	width: 100%;

}

h1 {

	color: #555555;

	font-size: 32px;

	font-weight: normal;

	line-height: 30px;

	margin: 0px;

	padding: 0px;

	text-transform: lowercase;

}

h2 {

	color: #79B791;

	font-size: 15px;

	font-weight: normal;

	margin: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	padding-right: 0px;

	padding-top: 20px;

}

h3 {

	color: #ffffff;

	font-size: 14px;

	font-weight: normal;

	margin: 0px;

	padding-bottom: 10px;

	padding-left: 0px;

	padding-right: 0px;

	padding-top: 0px;

}

#header {

	height: 150px;

	margin: 0 auto;

	padding-bottom: 20px;

	padding-left: 0px;

	padding-right: 0px;

	padding-top: 20px;

	/*width: 940px;*/

	max-width: 940px;

}

#headercontainer {

	float: left;

	height: 150px;

	margin: 0px;

	padding: 0px;

	width: 100%;

}

#headerleft {

	float: left;

	height: 110px;

	margin: 0px;

	padding: 0px;

	width: 242px;

}

#headerleft img {
	width: 100%;
	height: 100%;
	max-height: 130px;
	object-fit: contain;
}

#headerright {

	float: right;

	height: 120px;

	line-height: 25px;

	margin: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	padding-right: 0px;

	padding-top: 10px;

	text-align: right;

	width: 698px;

}

#headerright a {

	color: #959595;

}

#headline {

	border-right: 1px solid #e4e4e4;

	float: left;

	margin: 0px;

	padding-bottom: 0px;

	padding-left: 20px;

	padding-right: 19px;

	padding-top: 0px;

	width: 195px;

}

#headline img { border-radius: 50%;}

#headlines {

	margin: 0 auto;

	padding: 0px;

	width: 940px;

}

#headlinescontainer {

	float: left;

	margin-bottom: 40px;

	margin-left: 0px;

	margin-right: 0px;

	margin-top: 40px;

	padding: 0px;

	width: 100%;

}

#main {

	color: #555555;

	font-size: 14px;

	margin: 0 auto;

	padding-bottom: 0px;

	padding-left: 20px;

	padding-right: 20px;

	padding-top: 60px;

	text-align: center;

	max-width: 940px;

	width: 	100%;

}



#main  table tr td a img {

	border-radius: 10%;

}



#main  table tr td{

	padding: 10px 0;

}





#main a {

	border-bottom: 1px dotted;

}

#maincontainer {

	background-color: #e4e4e4;

	float: left;

	margin: 0px;

	padding-bottom: 60px;

	padding-left: 0px;

	padding-right: 0px;

	padding-top: 0px;

	width: 100%;

}

.mainleft {

	float: left;

	margin: 0px;

	padding: 0px;

	text-align: left;

	width: 470px;

}

.mainright {

	float: right;

	margin: 0px;

	padding: 0px;

	text-align: left;

	width: 470px;

}

#menu {

	float: right;

	font-size: 15px;

	margin: 0px;

	padding: 0px;

	text-transform: lowercase;

	width: 698px;

}

#menu a {

	color: #79B791;

}

#menu a:hover {

	color: #363636;

}

#menu li {

	float: left;

	margin: 0px;

	padding-bottom: 0px;

	padding-left: 30px;

	padding-right: 0px;

	padding-top: 0px;

}

#menu ul {

	float: right;

	list-style: none;

	margin: 0px;

	padding: 0px;

}

p {

	margin: 0px;

	padding: 0px;

}

#property {

	float: left;

	margin: 0px;

	text-transform: lowercase;

	width: calc( 33.333% - 20px);

	padding: 10px;

	position:relative;

	margin-bottom: 25px;



}



#property li {

	float: left;

	margin: 0px;

	padding: 0px;

	width: 100%;

}

#property ul {

	float: right;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	width: 	100%;

}

.propertybutton {

	background: transparent;

	background-color: #79B791;

	border: 0px;

	border-radius: 10px;

	-khtml-border-radius: 10px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	cursor: pointer;

	color: #ffffff;

	font-family: Museo Sans, Arial, Helvetica, sans-serif;

	font-size: 13px;

	height: 30px;

	margin: 0px;

	padding: 0px;

	text-transform: lowercase;

	width: 90px;

	margin-bottom: 15px;

}

.propertybutton:hover {

	background-color: #363636;

}

#propertyimage {

	border-radius: 10px;

	-moz-border-radius: 10px;

	-khtml-border-radius: 10px;

	-webkit-border-radius: 10px;

	float: left;

	height: 200px;

	margin-bottom: 10px;

	margin-left: 0px;

	margin-right: 0px;

	margin-top: 0px;

	padding-bottom: 0px;

	width: 	100%;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center center;

}

#slideshow {

	height: 500px;

	margin: 0 auto;

	padding: 0px;

	/*width: 940px;*/

	width: 100%;

	max-width: 940px;

}

#slideshowcontainer {

	background-color: #000000;

	background-image: url(images/home-image.jpg);

	background-position: center center;

	background-size: cover;

	float: left;

	height: 500px;

	margin: 0px;

	padding: 0px;

	width: 100%;

	position: relative;

}

#slogan {

	color: #ffffff;

	font-size: 40px;

	height: 295px;

	margin: 0px;

	padding: 0px;

	position: absolute;

	text-transform: lowercase;

	top: 150px;

	width: 940px;

	z-index: 100;

}



#slogan p {

	line-height: 1.2;

}



#slogan a.button {

	margin-top: 50px;

}



/* MOBILE RESPONSIVE STYLES

===================================== */

@media all and (max-width: 990px) {

	*, *::before, *::after {

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

}

}



.display-table {

	width: 100%;

	height: 100%;

	display: table;

}



.display-cell {

	display: table-cell;

	vertical-align: middle;

}



.display-cell-bottom {

	display: table-cell;

	vertical-align: bottom;

}





/* HEADER STYLES

===================================== */



@media all and (max-width: 990px) {

	#headerleft {

		width: 20%;

	}



	#headerright {

		width: 80%;

	}



	#header {

		padding-left: 15px;

		padding-right: 15px;

	}



	#menu {

		width: 100%;

	}

}



@media all and (max-width: 700px) {

		#headercontainer,

		#header {

			height: auto;

		}

		

		#headerleft,

		#headerright {

			width: 100%;

			height: auto;

		}



		#headerleft {

			text-align: center;

		}



		.mobilecenter {

			margin: 0 auto;

			float: none;

			text-align: center;

		}



		.mobilecenter a span,

		.mobilecenter img {

			float: none!important;

		}



		.mobilecenter a span {

			padding-right: 10px;

		}



		#menu ul {

			width: 100%;

			float: none;

			text-align: center;

		}



		#menu ul li {

			float: none;

			display: inline-block;

		}

}



@media all and (max-width: 500px) {

	#menu ul li {

		display: block;

		padding-left:0;

	}

}





/* SLOGAN STYLES / SLIDER

===================================== */



@media all and (max-width: 990px) {

	#slogan {

		width: 100%;

		max-width: 960px;

	}

}



@media all and (max-width: 700px) {

		#slideshow {

			width: 100%;

			max-width: 960px;

		}

}





/* 4 CALLOUT / ICON BOXES STYLES

===================================== */

@media all and (max-width: 990px) {

	#headlines {

		width: 100%;

		max-width: 960px;

		padding: 0 15px;

	}



	#headline {

 	width: 25%;

 	}

}



@media all and (max-width: 900px) {

	#headline {

 	width: 50%;

 	margin: 15px 0;

 	}



 	#headline.third-box {

 		clear: left;

 	}

}





@media all and (max-width: 600px) {

	#headline {

		width: 100%;

		text-align: center;

		float: none;

		padding: 25px 15px;

		border-right:0;

	}



	#slogan a.button {

		width: 80%;

	}

}



/* TEXT CONTENT STYLES

===================================== */



@media all and (max-width: 990px) {

	#main {

		max-width: 960px;

		width: 100%;

	}



	#main img {

		width: 100%;

		height: auto;

	}



	#main img.toletsign {

		width: auto!important;

	}



	#main iframe {

		width: 	100%;

	}

}





@media all and (max-width: 676px) {

		#colorbox {

			width: 100%;

		}



		img.cboxPhoto {

			width: 100%!important;

			height:auto;

		}

}



@media all and (max-width: 400px) {

	#main table {

		width: 100%;

	}



	#main table tr td {

		display: block;

	}

}





/* PROPERTY STYLES

===================================== */



@media all and (max-width: 990px) {

#property {

	width: 33.333%;

	padding-right:0;

	padding: 10px;

	position: relative;

}



#propertyimage {

	width: 100%;

	height: auto

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center center;

}

}



@media all and (max-width: 890px) {

#property {

	width: 33%;

	padding-right:0;

	padding: 10px;

	position: relative;

}



}





@media all and (max-width: 699px) {

#property {

	width: 50%;

	padding-right:0;

	padding: 10px;

	position: relative;

}



#property:nth-child(3){

		clear: left;

}



}



@media all and (max-width: 500px) {

#property {

	width: 100%;

	padding-right:0;

	padding: 10px;

	position: relative;

}



}







/* FOOTER STYLES

===================================== */

@media all and (max-width: 990px) {

	#footer,

	#bottom {

	    width: 100%;

	    padding: 15px;

	}



	#footerdivider {

		width: 50%;

	}



	#footerdivider.brandlogos {

		width: 100%!important;

		text-align: center!important;

		padding: 25px 0;

	}



	#footerdivider.brandlogos img {

		float: none!important;

		padding: 25px 10px;

	}



}





@media all and (max-width: 600px) {



	#footerdivider {

		width: 100%!important;

		margin: 20px 0;

	}

		



	#footerdivider h3 {

		text-align: center;

	}



	#footer a img {

		display: block;

		float: none!important;

		margin: 0 auto;

		padding-top:0!important;

	}



	#footer a {

		display: block;

	}



	#footerdivider ul {

		width: 100%;

		text-align: center;

		padding-left:0;

	}



	#footerdivider ul li {

		float: none;

		width: 100%;

		display: block;

	}

}