body
	{
	margin:0px;
	background-color:#624f26;
	color:#ffffff;
	font-family:Trebuchet, Arial;
	font-size:13px;
	vertical-align:top;
	}
body.body{background:#624f25;}
#header{position:relative;z-index:10;background:url(images/bgvista1.jpg) 0 0 repeat-x #fff;padding:10px 0px 10px 0;}
.body1 #header {padding:10px 0 20px 0px;}
#header img {width:150px;height:auto;}
#slideshow {position:relative;z-index:40;background:url(images/bgvista2.jpg) 0 0 repeat-x #624f25;}
#links {width:100%;position:relative;z-index:50;}
#main	{padding:0px 0px 20px 0px;min-height:200px;height:auto !important;height:200px;vertical-align:top;}
#imageleft {display:none;}
#header a#facebook img {
    position: absolute;
    width: 32px;
    right: 40px;
    top: 5px;
}
#insidemain {position:relative;z-index:20;}
#insidemain2 {}
#insidemain3
	{background:url(images/insidebg.jpg) top left repeat-x #c0ad75;
	margin:0 10px;
	}
#insidemain3:before {
    display: block;
    content: " ";
    background: rgba(255,255,255,0.3);
    width: 100%;
    height: 80px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}
#right {padding:30px 5%;position:relative;z-index:50;}
#main-bg
	{
	background:URL("images/bgmainvista.jpg") top left repeat-x;
	background-color:#c0ad75;
	}
#footer-bg
	{
	width:100%;
	height:30px;
	background:URL("images/bgbottomvista.jpg") top left repeat-x;
	}

#propertylayoutheader {background:#fff;text-align:center;}
#propertylayoutheaderleft, #propertylayoutheaderright {padding:10px;}
#footer	{padding:10px 0px;text-align:center;}
#footerright {padding:10px 0px;}
#footerleft {padding:10px 0px;}

body {margin:0px;background:#ffffff;}
body, table, input, textarea {font-family:Arial;font-size:14px;color:#fff;}
header, section, footer, aside, nav, main, article, figure {display: block;}
a, input {-webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
  -ms-transition: All 0.3s ease;
  transition: All 0.3s ease;}
img {border:0px;}
.videowrap {width:100%;height:400px;}
a:link, a:active, a:visited {color:#fff;}
a:hover {color:#d2f4fe;}
h1, h2, h3, h4, h5 {color:#4f3f1c;}
h1	{font-weight:bold;font-size:13px;	color:#4f3f1c;}
h2 {font-weight:normal;font-size:20px;margin-bottom:20px;}
.clear {clear:both;}
.error {padding:15px;margin:0px 0px;background:#f0c7c7;border:solid #da0000 1px;color:#da0000;font-weight:bold;}
.success {padding:15px;margin:0px 0px;background:#ddead5;border:solid #56aa1d 1px;color:#56aa1d;font-weight:bold;}
.wrap {position:relative;width:90%;margin:auto;}
#slideshowcontainer {background:rgba(255,255,255,0.5);padding:9px;top:-13px;position:relative;box-shadow:0 0 10px rgba(0,0,0,0.2);}
.rslides {padding:0px;position: relative;list-style: none;overflow: hidden;margin: 0;z-index:10;}
.rslides li {width:100%;position: absolute;display: none;left: 0;top: 0;overflow:hidden;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}

.clearthis:before, .clearthis:after {content: "";display: table;} 
.clearthis:after {clear: both;}
.clearthis {zoom: 1; /* For IE 6/7 (trigger hasLayout) */}

.input {color:#000;margin:0px;padding:2px 7px;border:solid #ccc 1px;}
.input:focus {border:solid #333 1px;outline:none!important;}
.button, a.button {color:#fff;text-transform:uppercase;font-size:12px;font-weight:700;float:left;display:block;text-decoration:none;background:#000; border:0px;cursor:pointer;padding:8px 13px;}
.buttonfull, a.buttonfull {float:none!important;text-align:center;}
.button:hover, a.button:hover {background-color:#624f26;}

.wrap img {max-width:100%;height:auto;}
/* ------------------Flexnav Base Styles---------------------- */
.flexnav, .flexnav ul {padding:0px;margin:0px;}
.flexnav {-webkit-transition: none;-moz-transition: none;-ms-transition: none;transition: none;-webkit-transform-style: preserve-3d;overflow: hidden;margin: 0 auto;width: 100%;max-height: 0; }
.flexnav.opacity {opacity: 0; }
.flexnav.flexnav-show {max-height: 2000px;opacity: 1;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out; }
.flexnav.one-page {position: fixed;top: 50px;right: 5%;max-width: 200px; }
.flexnav li {font-size: 100%;position: relative;overflow: hidden; }
.flexnav li a {position: relative;display: block;padding: .96em;z-index: 2;overflow: hidden;color: #fff;text-decoration:none;    border-bottom: solid #816e40 1px; }
.flexnav li ul {width: 100%; }
.flexnav li ul li {font-size: 100%;position: relative;overflow: hidden; }
.flexnav li ul.flexnav-show li {overflow: visible; }
.flexnav li ul li a {display: block;background: #b2b2af; }
.flexnav ul li ul li a {background: #bfbfbc; }
.flexnav ul li ul li ul li a {background: #cbcbc9; }
.flexnav .touch-button {position: absolute;z-index: 999;top: 0;right: 0;width: 50px;height: 50px;display: inline-block;background: #acaca1;background: rgba(0, 0, 0, 0.075);text-align: center; }
.flexnav .touch-button:hover {cursor: pointer; }
.flexnav .touch-button .navicon {position: relative;top: 1.4em;font-size: 12px;color: #666; }

.menu-button {position: absolute;top:-42px;right:0;display: block;padding: 0;width:20px;height:20px;text-indent:-999px;overflow:hidden;color: #222222;cursor: pointer;background:url(/images/menu.png) 50% 50% no-repeat;}.menu-button.one-page {position: fixed;top: 0;right: 5%;padding-right: 45px; }
.menu-button .touch-button {display:none!important;background: transparent;position: absolute;z-index: 999;top: 0;left: 50%;margin-left:50px;width: 50px;height: 50px;display: inline-block;text-align: center; }
.menu-button .touch-button .navicon {font-size: 16px;position: relative;top: 1em;color: #666;}
.body1 .menu-button {top:-52px;}
/* ------------------END Flexnav Base Styles---------------------- */






/* 1 - 460: Portrait smartphones */
@media all and (min-width: 1px) {
    .contactlabel {clear:both;padding:10px 0px 2px;}
    .contactfield {padding:5px 0px;}
    .contactfield .input {width:92%;padding:2px 4%;}
}

/* 460 - 580: Landscape smartphones */
@media all and (min-width:460px) {
#insidemain3:before {height:100px;}
	
}


/* 580 - 780: Portrait Ipad */
@media all and (min-width:580px) {
    .contactlabel {font-size:13px;padding:3px 0px;float:left;width:30%;}
    .contactfield {float:left;width:60%;padding:3px 0px;}
    .contactsubmit {clear:both;margin-left:30%;}
	#header img {width:auto;}
	#imageleft {position:relative;z-index:40;float:left;display:block;border:solid rgba(255,255,255,0.5) 9px;box-shadow:0 0 10px rgba(0,0,0,0.2);border-bottom:0px;margin:-9px 0 0 -9px;width:15%;overflow:hidden;}
	#imageleft img {vertical-align:bottom;display:block;max-width:9999px;height:600px;width:auto;margin-left:-200px;}
	#right {width:69%;float:right;}
	.menu-button {top:-52px;}
	.body1 .menu-button {top:-62px;}
	#propertylayoutheaderleft {float:left;width:56%;padding:10px 2% 10px 2%;text-align:left;}
	#propertylayoutheaderright {float:right;width:36%;padding:10px 2%;text-align:right;}
	#propertylayout img {display:block;margin:auto;}
	#propertylayout {background:#fff;}
#header a#facebook img {top: 15px;}
}	


/* 780 - 960: Landscape IPad and Small Desktop Browser */
@media all and (min-width:780px) {
	#footerright {float:right;text-align:left;}
	#footerleft {float:left;text-align:right;}
	#imageleft {width:25%;}
	#imageleft img {height:712px;}
	#right {width:63%;float:right;}
}

@media all and (min-width:980px) { 
	#header {padding:20px 0 60px 0;}
	.body1 #header {padding:20px 0 60px 0;}
	#slideshow {margin-top:-36px;}
	#links {position:relative;top:-40px;}
	#linksinside{background:url(images/navbg.png) top left repeat-x #806e40;overflow:hidden;margin:0 10px;}
	#insidemain {margin-top:-40px;}
	#propertylayoutheader {margin-top:-40px;}
	#header a#facebook img {top: 12px;right:0px;width:auto;}
	/* ------------------Flexnav FULLSIZE---------------------- */
	body.one-page {padding-top: 70px; }
	.flexnav {padding:0px 0 0 15px;overflow: visible; }
	.flexnav.opacity {opacity: 1; }
	.flexnav.one-page {top: 0;right: auto;max-width: 1080px; }
	.flexnav li {padding:8px 0px;position: relative;list-style: none;float: left;display: block;overflow: visible; }
	.flexnav li a { border-right: solid #816e40 1px;border-bottom: none;padding:3px 7px 3px 7px; font-size:13px;} 
	.flexnav li a:hover {color:#624f25;}
	.flexnav li.last a {border-right:0px;}
	.flexnav li > ul {position: absolute;top: auto;left: 0; }
	.flexnav li > ul li {width: 100%; }
	.flexnav li ul li > ul {margin-left: 100%;top: 0; }
	.flexnav li ul li a {border-bottom: none; }
	.flexnav li ul.open {display: block;opacity: 1;visibility: visible;z-index: 1; }
	.flexnav li ul.open li {overflow: visible;max-height: 100px; }
	.flexnav li ul.open ul.open {margin-left: 100%;top: 0; }
	.menu-button {display: none; } 
	.oldie body.one-page {padding-top: 70px; }
	.oldie .flexnav {overflow: visible; }
	.oldie .flexnav.one-page {top: 0;right: auto;max-width: 1080px; }
	.oldie .flexnav li {position: relative;list-style: none;float: left;display: block;background-color: #a6a6a2;width: 20%;min-height: 50px;overflow: visible; }
	.oldie .flexnav li:hover > ul {display: block;width: 100%;overflow: visible; }
	.oldie .flexnav li:hover > ul li {width: 100%;float: none; }
	.oldie .flexnav li a {border-left: 1px solid #acaca1;border-bottom: none;overflow: visible; }
	.oldie .flexnav li > ul {background: #acaca1;position: absolute;top: auto;left: 0;display: none;z-index: 1;overflow: visible; }
	.oldie .flexnav li ul li ul {top: 0; }
	.oldie .flexnav li ul li a {border-bottom: none; }
	.oldie .flexnav li ul.open {display: block;width: 100%;overflow: visible; }
	.oldie .flexnav li ul.open li {width: 100%; }
	.oldie .flexnav li ul.open ul.open {margin-left: 100%;top: 0;display: block;width: 100%;overflow: visible; }
	.oldie .flexnav ul li:hover ul {margin-left: 100%;top: 0; }
	.oldie .menu-button {display: none; }
	.oldie.ie7 .flexnav li {width: 19.9%; }
	/* ------------------END Flexnav FULLSIZE---------------------- */


}
 
@media all and (min-width:1080px) {
	#imageleft {width:44%;}
	#imageleft img {margin-left:0px;}
	#right {width:45%;}
 }

/* 780 - 960: Desktop Full Size*/
@media all and (min-width: 1200px) {
	.wrap {width:1080px;}
	.flexnav li a {padding:3px 17px;}
}