@charset "utf-8";
/*GENERAL RESET*/
body,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,p,th,td{  padding:0px;  margin:0px; font-family:'Noto Sans', Arial, Helvetica, sans-serif; line-height:normal; font-size:12px; font-weight:normal;}
table{ border-collapse:collapse; border-spacing:0;}
img, a img{border:0;}
td{vertical-align:top;}
address,caption,cite,code,dfn,th,var{ font-style:normal; font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
/*END RESET*/

.clear {clear:both;}
.hide{visibility:hidden; display:none;}
.screenOnly {display:block;}
.printOnly {display:none;}
.button { background:#7db3ce; padding-bottom:0px; padding:4px 6px; border-radius:4px; width:200px; text-align:center; color:#fff; }
.button a, .button a:visited, .button a:hover { color:#fff; text-decoration:none; }
.button:hover {background:#3184ae;}
body { background:url(/images/interface/bkg_pageSec.jpg) #1878a8 top center no-repeat; }

h1 { font-family:'Noto Serif', Georgia, "Times New Roman", Times, serif; font-size:24px; line-height:20px; padding-bottom:20px; font-weight:bold; }
h2 { font-family:'Noto Serif', Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:20px; padding-bottom:20px; font-weight:bold; }
h3 { font-family:'Noto Sans', Arial, Helvetica, sans-serif; font-size:16px; line-height:18px; padding-bottom:2px; font-weight:bold; }
h4 { font-family:'Noto Serif', Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:20px; padding:20px 0px 6px 0px; font-weight:bold; }

#headerWrapper { width:100%; min-width:1098px; text-align:center; background:url(/images/interface/bkg_header.png) top center no-repeat;z-index:99; clear:both;}
#mainImageWrapper { width:100%; text-align:center; position:relative; z-index:1; margin-top:10px;}
#mainImageWrapper img { border:#fff solid 10px; }
#footerWrapper { padding:40px 0px 20px 0px; text-align:center; color:#fff; text-shadow:#2e3042 0px 0px 4px;  }
#footerWrapper h1 { font-family:'Noto Serif', Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:18px; line-height:21px; padding-bottom:27px;}
#footerWrapper p {font-size:10px;}
#footerWrapper a, #footerWrapper a:visited, #footerWrapper a:hover { color:#fff; text-decoration:none; }
#footerWrapper a:hover {text-decoration:underline;}

/*PORTAL BUTTONS*/
#btnsWrapper { width:900px; margin:0 auto; position:relative; z-index:2; margin-top:-79px; }
#btnsWrapper ul, #btnsWrapper ul li { margin:0; padding:0; float:left; list-style:none; }
#btnsWrapper ul {width:900px;}
#btnsWrapper ul li { width:122px; padding:0px 14px; }
/*SECONDARY PORTAL BUTTONS*/
#btnsWrapperSec {width:100%}
#btnsWrapperSec ul, #btnsWrapperSec ul li { margin:0; padding:0; float:left; list-style:none; }
#btnsWrapperSec ul {width:100%;}
#btnsWrapperSec ul li { width:122px; padding:0px 28px 40px 0px; }
#btnsWrapperSec ul li:last-child {padding-right:0px;}

.btn_portal { padding:0px 6px 7px 6px; border:#fff solid 2px;
	-moz-box-shadow: 0px 0px 8px #2e3042;
	-webkit-box-shadow: 0px 0px 8px #2e3042;
	box-shadow: 0px 0px 8px #2e3042;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#2e3042')";
}
.btn_portalGraphic { width:106px; height:132px; background-size:cover; background-position:center; }
#portal1, #portal2, #portal3, #portal4, #portal5, #portal6 {background:#000000;}
#portal1:hover, #portal2:hover, #portal3:hover,#portal4:hover, #portal5:hover, #portal6:hover {background:#2c5970;}

/**PAGES**/

#secHeaderWrapper { width:100%; max-width:960px; margin:0 auto; position:relative; z-index:2; background:#fff; }
#secHeaderWrapper img { width:97.5%; height:90.4%; padding:1.25%; }
#bodyWrapper { width:100%; max-width:960px; margin:0 auto; position:relative; z-index:1; background:#fff; min-height:600px;
	-moz-box-shadow: 0px 7px 20px #125a7d;
	-webkit-box-shadow: 0px 7px 20px #125a7d;
	box-shadow: 0px 7px 20px #125a7d;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color='#125a7d')";
}
.photo-left { max-width:30%; height:auto !important; float:left; margin:6px 12px 12px 0px; }

.homeBtn1, .homeBtn2, .homeBtn3{width:100%; padding:0px; margin:0px; }
.homeBtn_title1, .homeBtn_title2, .homeBtn_title3{ text-transform:uppercase; padding:10px 0px; text-align:center; font-family:'Noto Serif', Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; color:#ffffff; text-shadow: 1px 1px 1px #000; background:url(/images/interface/btn_largeBtnNav.png) top right no-repeat rgba(254, 179, 71, 0.8); background-color: #b57b29; }
.homeBtn_title1:hover, .homeBtn_title2:hover, .homeBtn_title3:hover { background-color: #9d6b24; }
.homeBtn_title1 a, .homeBtn_title2 a, .homeBtn_title3 a, .homeBtn_title1 a:visited, .homeBtn_title2 a:visited, .homeBtn_title3 a:visited, .homeBtn_title1 a:hover, .homeBtn_title2 a:hover, .homeBtn_title3 a:hover { color:#fff; text-decoration:none; }
.homeBtn_title1 a:hover, .homeBtn_title2 a:hover, .homeBtn_title3 a:hover { color:#fff; text-decoration:underline; }
#graphicLinksWrapper { width:100%; position:relative; background:url(/images/interface/bkg_buttonBar.jpg) top right; }
#twoBtnShadow { width:100%; position:absolute; height:17px; bottom:-17px; background:url(/images/interface/bkg_2btnShadow.png) repeat-x; }
.twoBtn1 { width:640px; float:left; }
.twoBtn2 { width:320px; float:right; text-align:center; }
#testimonialBtn {display:none;}
.graphicLinksBtn { background:url(/images/interface/bkg_graphicBtn.png) top right no-repeat; width:312px; padding-left:8px; padding-bottom:42px; }


#topNavWrapper { width:100%; padding:15px 0px; text-align:center; border-bottom:#D2E0E6 solid 1px; z-index:99; clear:both;
	background: #dde3e4; /* Old browsers */
	background: -moz-linear-gradient(top, #dde3e4 0%, #88b5cb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dde3e4), color-stop(100%,#88b5cb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #dde3e4 0%,#88b5cb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #dde3e4 0%,#88b5cb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #dde3e4 0%,#88b5cb 100%); /* IE10+ */
	background: linear-gradient(to bottom, #dde3e4 0%,#88b5cb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde3e4', endColorstr='#88b5cb',GradientType=0 ); /* IE6-9 */
}
#topNav {display:none;}
#topNavSmall {display:block;}
#topNavSmall a, #topNavSmall a:visited, #topNavSmall a:hover { padding:4px 8px; background:#000; border:#fff 2px solid; color:#fff; text-decoration:none; font-size:10px; line-height:40px;
	-moz-box-shadow: 0px 0px 8px #2e3042;
	-webkit-box-shadow: 0px 0px 8px #2e3042;
	box-shadow: 0px 0px 8px #2e3042;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#2e3042')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#2e3042');}
#topNavSmall a:hover {background:#2c5970;}

#bodyLeft {  }
#bodyLeftText { padding:35px 25px 10px 25px; color:#605f5d; }
#bodyLeftText p { font-size:14px; line-height:20px; color:#605f5d; padding-bottom:20px; }
#bodyRight { background:#E6DFCD; clear:both; }
#bodyRightText { padding:25px 25px 25px 25px; }
#bodyRightText p { font-size:13px; line-height:20px; color:#605f5d; padding-bottom:10px; }
#socialBtns { height:20px; position:relative; padding-bottom:20px; padding-left:20px; background:#E6DFCD; }
#socialBtns img:hover {opacity:0.8;}
#socialBtns a {padding-right:5px;}

/*MEMBER DIRECTORY*/
.listing_table_pgs a{ padding:4px; font-size:11px; display:inline-block; margin-bottom:4px; text-align:center; border:solid #bcae8b 1px; background: #E4DDCB; color:#8b5a26; text-decoration:none; outline:none; }
.listing_table_pgs a:hover{ color:#8b5a26; text-decoration:underline; }
.listing_table_pgs strong { padding:4px; font-size:11px; text-align:center; border:solid #877954 1px; background: #E4DDCB; color:#8b5a26; font-weight:normal; }
.mapWrapper { width:210px; height:130px; float:right; border:#999 solid 1px; }

/*PROPERTIES*/
.mapRight { width:250px; padding-left:15px; float:right; padding-bottom:20px; }
#bodyLeftText .propListingLeft p, #bodyLeftText .propListingRight p {font-size:13px;}
.prop_photoSmall { width:248px; height:248px; background-size:cover; background-position:center; border:#000 solid 1px; }

/*INTERACTIVE MAP*/

#mapLeft {float:left;}
#mapRight {float:right;}
#content {width:960px;}
#MapRightCol { float:right; width:320px; position:relative; }
.map_photos, .map_photos li { margin:0; padding:0; list-style:none; float:left; }
.map_photos li { margin-right:5px; margin-bottom:5px;}
.map_photos li img { width:183px; height:183px; border:#000 solid 1px; background-size:cover; background-position:center; }

/*TOP BAR*/
#MapTopBar { width:280px; line-height:35px; border-bottom:1px solid #afafb0; color:#414141; padding:20px; height:50px; }
#MapTopBarControls { line-height:35px; vertical-align:middle; padding-right:5px; }
#MapTopBarControls input { vertical-align:middle; margin:0; padding:2px; }
#MapTopBarControls input.tBarText { border:1px solid #afafb0; background:#FFF; width:258px; }
#MapTopBarControls input.tBarButton { border:1px solid #afafb0; background:#cfcecf; cursor:pointer; }
#MapTopBarControls input.tBarButton:hover {background:#b9b9b9;}


/*MAIN NAV*/

#MapCatsNav { width:280px; padding:0px 20px; }
#MapCatsNav dd { display:block; position:relative; margin:0; padding:0; }

#MapCatsNav dd#MapButton_stay, #MapCatsNav dd#MapButton_eat, #MapCatsNav dd#MapButton_do, #MapCatsNav dd#MapButton_people, #MapCatsNav dd#MapButton_bucket { width:278px; height:40px; margin-bottom:10px; border:1px solid #afafb0; }

#MapCatsNav dd .mapButton { width:100%; height:28px; /*line-height:40px;*/ padding-top:12px; vertical-align:middle; background:#cfcecf; color:#414141; font-size:14px; font-weight:bold; cursor:pointer; }
#MapCatsNav dd .mapButton .icon { width:30px; height:30px; margin:-5px 10px 3px 10px; display:block; float:left; }
#MapCatsNav dd:hover .mapButton { background:#6b3600; color:#FFF; }
    
#MapCatsNav dd#MapButton_stay .icon { background: url(/images/interface/map/icons/pin_stay.png) no-repeat; }
#MapCatsNav dd#MapButton_eat .icon { background: url(/images/interface/map/icons/pin_eat.png) no-repeat; }
#MapCatsNav dd#MapButton_do .icon { background: url(/images/interface/map/icons/pin_do.png) no-repeat; }
#MapCatsNav dd#MapButton_people .icon { background: url(/images/interface/map/icons/pin_people.png) no-repeat; }
#MapCatsNav dd#MapButton_bucket .icon { background: url(/images/interface/map/icons/pin_bucket.png) no-repeat; }

#MapCatsNav dd ul { position:absolute; bottom:41px; left:42px; display:none; list-style:none; margin:0; padding:0; }
#MapCatsNav dd:hover ul {display:block;}

#MapCatsNav dd ul li { line-height:18px; vertical-align:middle; margin:0; padding:0 3px; white-space:nowrap; background:#FFF; border-top:1px solid #afafb0; border-right:1px solid #afafb0; border-left:1px solid #afafb0; }
#MapCatsNav dd ul li:nth-child(even) {background:#f3f3f3;}
#MapCatsNav dd ul li input {vertical-align:middle;}
#MapCatsNav dd ul li:hover {background:#b9b9b9;}
#MapCatsNav dd ul li span { font-weight:normal!important; font-style:normal!important; }

#MapWrapper { float:left; background:url(/images/interface/map/interface/gpx_mapShadow.jpg) bottom repeat-x; padding-bottom:22px; }


#GMapWrapper { width:640px; height:460px; position:relative; }
#GMapCanvas { width: 100%; height:460px; position:relative; z-index:1; }
#GMapPreloader { background: #FFF url(/images/interface/map/icons/loading.gif) no-repeat center; text-align: center; width: 100%; height:460px; margin: 0 auto; position: absolute; top: 0; left: 0; z-index: 2; filter: alpha(opacity=85); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; }
#GMapNoResults { display: none; cursor: pointer; background: #FFF none; border: 1px solid #000; width: 400px; text-align: center; position: absolute; top: 100px; left: 132px; z-index: 5; padding: 50px 0; filter: alpha(opacity=9); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }

/*NAV*/
#navWrapper {background:url(/images/interface/bkg_navBar.png);}
#navWrapper ul, #navWrapper ul li { margin:0; padding:0; list-style:none; }

/*START NAV*/
.toggleMenu {
    display:  none;
    padding: 12px 15px;
    color: #fff;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
.toggleMenu {text-decoration:none;}
.nav { list-style: none; *zoom: 1; }
.nav:before,
.nav:after { content: " "; display: table; }
.nav:after { clear: both; }
.nav ul { list-style: none; }
.nav a {text-decoration:none;}
.nav li { position: relative; }
.nav li:hover {
	background: rgb(181, 118, 38) transparent;/* Fallback for web browsers that doesn't support RGBa */
	background: rgba(181, 118, 38, 0.56);/* RGBa with 0.6 opacity */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#56003955, endColorstr=#56b57626);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#56003955, endColorstr=#56b57626)";/* For IE 8*/
}
.nav li li {min-width:250px;}
.nav > li { float: left; }
.nav > li > a { display: block; }
.nav li  ul { position: absolute; left: -9999px; }
.nav > li.hover > ul { left: 0; }
.nav li li.hover ul { left: 100%; top: 0; }
.nav li li a { padding: 10px 18px; display: block; color:#fff; position: relative; z-index:100; border-bottom: 1px solid #48311b; font-size:14px;
	background: rgb(102, 68, 35) transparent;/* Fallback for web browsers that doesn't support RGBa */
	background: rgba(102, 68, 35, 0.9);/* RGBa with 0.9 opacity */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90292929, endColorstr=#90664423);/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#90292929, endColorstr=#90664423)";/* For IE 8*/
}
.nav li li a:hover { background: #4c3219; }
.navSpacer {display:none;}

/*END NAV*/

/**MEDIA QUERIES**/

@media screen and (max-width: 960px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
}

@media screen and (min-width: 320px) {
}
@media screen and (min-width: 384px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width: 568px) {
}
@media screen and (min-width: 600px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 960px) {
    .nav li img { background:url( /images/interface/bkg_navItems.png) top right no-repeat; }
    .nav li img.navSpacer, .nav li:last-child img { display:block; background:none; }
    .nav li img.navSpacer {float:left;}
}
@media screen and (min-width: 1024px) {
	#bodyWrapper { background:url(/images/interface/bkg_rightCol.jpg) #fff top right repeat-y; min-height:600px; border-bottom-left-radius:24px; border-bottom-right-radius:24px; }
	#bodyLeft { width:640px; float:left; }
	#bodyRight { width:320px; min-height:540px; position:relative; float:right; background:none; clear:none; }
	#topNavWrapper { height:40px; padding:27px 0px 46px 0px; text-align:center; background:url(/images/interface/bkg_headerSec.png) top center no-repeat;z-index:99; border-bottom:none; margin-bottom:0px; clear:both;}
	#topNavSmall {display:none;}
	#topNav {display:block;}
	#topNav { max-width:900px; margin:0 auto; }
	#topNav ul, #topNav ul li { margin:0; padding:0; list-style:none; float:left; }
	#topNav ul li { margin:0px 14px; background:#000; border:#fff 2px solid; height:36px;
		-moz-box-shadow: 0px 0px 8px #2e3042;
		-webkit-box-shadow: 0px 0px 8px #2e3042;
		box-shadow: 0px 0px 8px #2e3042;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#2e3042')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#2e3042');}
	#topNav ul li:hover {background:#2c5970;}
	.homeBtn1, .homeBtn2, .homeBtn3{max-width:320px; float:left; padding-top:180px;}
	.homeBtn_title1, .homeBtn_title2, .homeBtn_title3{ text-align:center;
	  /* Fallback for web browsers that don't support RGBa */
	    background:url(/images/interface/btn_largeBtnNav.png) top right no-repeat rgba(254, 179, 71, 0.8);
	    background-color: rgb(254, 179, 71);
  	  /* RGBa with 0.6 opacity */
  	  background-color: rgba(254, 179, 71, 0.8);
  	  /* For IE 5.5 - 7*/
  	  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#feb347, endColorstr=#feb347);
  	  /* For IE 8*/
  	  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#feb347, endColorstr=#feb347)'; max-width:320px; width:100%; height:14px;
	}
	#testimonialBtn { padding:24px 20px 0px 26px; height:156px; overflow:hidden; color:#fff; display:block; background:url(/images/interface/bkg_2btnShadow.png) top repeat-x; }
	.testimonialPhoto { width:130px; height:130px; margin-left:5px; border:#fff solid 2px; float:right; 
	-moz-box-shadow: 0px 5px 6px #151515;
	-webkit-box-shadow: 0px 5px 6px #151515;
	box-shadow: 0px 5px 6px #151515;
	}
	.testimonialPhoto, .testimonialPhoto img {border-radius:65px;}
	.homeBtn_title1:hover, .homeBtn_title2:hover, .homeBtn_title3:hover { background-color: rgb(254, 179, 71); }
	#socialBtns { height:20px; width:290px; position:absolute; bottom:20px; right:0px; padding-bottom:0px; padding-left:0px; background:none; }
	#bodyLeftText { padding:38px 25px 44px 42px; color:#605f5d; }
	#bodyRightText { padding:44px 24px; }
	.propListingLeft { float:left; width:45%; }
	.propListingRight { float:right; width:50%; }
}