@import url('https://fonts.googleapis.com/css?family=Maven Pro:400,700|Cormorant+SC|Dancing+Script');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab|Maven+Pro:400,500');
html { height:100%; width:100%; margin:0; }
body { background:#FAFAFA; font-family:'Roboto Slab', serif; margin:0px; height:100%; padding:0px; min-width:980px;  }
header { width:100%;}
td { vertical-align:top; }


#menubar { width:100%; height:100px; min-width:980px; position:absolute; z-index:999; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }
#menuWrap { width:790px; margin:0px auto; }
#subMenu { margin-top:20px; margin-right:8px; text-align:right; color:#FFFFFF; }
#phoneNum { display:inline; }
#emailAdd { display:inline; }
#emailAdd a { text-decoration:none; color:#FFFFFF; }
.contactLine { height:15px; }
.contactLine img { height:15px; }
#menu { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; margin-top:30px; display:flex; justify-content:center; }

#shortMenubar { width:100%; height:100px; min-width:980px; position:absolute; z-index:999;  -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;  }
#shortMenuWrap { width:790px; margin:0px auto; }
#shortsubMenu { margin-top:20px; margin-right:8px; text-align:right; color:#FFFFFF; }
#shortMenu { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; margin-top:30px; display:flex; justify-content:center; }
#shortSlideshow:after { background:rgba(0,0,0,0.4); content:""; position:absolute; width:100%; min-width:980px; height:291px; }
#shortSlideshow { background:url(/mydata/images/page1.jpg)no-repeat; background-position: center center; height:291px; background-size:cover; width:100%; overflow: hidden; }


#shortLogo { position:relative; width:250px; margin:20px auto 0px auto; text-align:center; }
#shortLogo img { width:250px; margin:0px auto; }

#menubar.smaller { height:100px; background:#606060; z-index:999; }
#menu.smaller { margin-top:30px; }
#menubar.smaller ul#navPaw li ul { top:20px; }
#menubar.smaller ul#naPaw li a { color:#FFFFFF; }

ul#navPaw, ul#navPaw ul, ul#navPaw li { margin:0px; padding:0px;  }		
ul#navPaw { float:left; z-index:888; position:relative; }
ul#navPaw li { float:left; padding-left:20px; list-style:none; position:relative; z-index:888; }
ul#navPaw li a { color:#FFFFFF; text-decoration:none; font-weight:500; }
ul#navPaw li a:hover { color:#E8A87C; text-decoration:none; }
ul#navPaw li h1 { font-size:18px; font-weight:500; margin:0px; padding:0px 4px 0px 4px; font-weight:normal; font-family: 'Maven Pro', sans-serif; }
ul#navPaw li:hover ul,  ul#navPaw li.uhover ul { display:block; }
ul#navPaw li ul { text-align:left; display:none; position:absolute!important; z-index:888; left:5px; top:20px; width:200px; padding-bottom:2px; line-height:25px; font-family:'Maven Pro', sans-serif; }
ul#navPaw li ul li { padding-left:3px; text-align:left; list-style-position:outside; list-style-type:none; width:194px; }
ul#navPaw li li a { display:block; background:#606060; color:#FFFFFF; padding:3px 0px 3px 10px; margin:0px; text-decoration:none;}
ul#navPaw li ul li a:hover { background:#606060; color:#E8A87C; }	
ul#navPaw ul { display:block; padding:2px 3px 2px 5px; margin-top:-1px; text-decoration:none; }


/* Full screen static image using CSS background*/
/*
#slideshow_wrap {  background:url(/images/page1Test.jpg)no-repeat; height:100%; width:100%; background-position:center; background-repeat: no-repeat; background-size:cover;  }
*/

#slideshow_wrap:after { background:rgba(0,0,0,0.4); content:""; position:absolute; left:0; right:0; top:0; bottom:0; }
#slideshow_wrap { position:relative; overflow:hidden; width:100%; height:100vh; min-height:768px; }
#slideshow img { position: absolute; top:0; right:0; bottom:0; min-width:100%; min-height:100%; left:50%; transform:translateX(-50%); overflow-x:hidden; }

#mainCenter { z-index:888; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; }
#headerLogo { width:320px; margin:0px auto; }
#headerLogo img { width:320px; }
#tagline { font-size:24px; color:#FFFFFF; margin-top:30px;  position:relative; z-index:888; }
#hwButton { position:relative; z-index:888; text-decoration:none; font-size:18px; float:left; margin:40px auto 0px auto; /*margin-left:25px;*/ padding:10px 0px 10px 0px; border-radius:30px; border:none; width:280px; text-align:center; background:#79A1A6;  color:#FFFFFF; }

#searchBar { text-align:center; z-index:888; margin:30px auto 0px auto; padding-bottom:20px; }
#searchBar h2 { font-family: 'Roboto Slab', serif; margin:0px; padding-top:20px; padding-bottom:10px; color:#FFFFFF;}
#searchBar a { font-size:15px; }
#searchBar a:hover { color:#E8A87C; font-size:15px; }


/***************  SEARCH BAR STYLE START **************************/
#newSearchWidget { margin:0px auto; top:0px; opacity:1; display:block; position:relative; z-index:888; width:700px; height:50px; background:#FFFFFF; box-shadow: 0px 0px 2px #ccc; border-color:#FFFFFF; border-width:1px; border-style:solid; border-radius:5px; }
#innerSearch { border-radius:5px; width:99%; margin:3px auto; background:#FFFFFF; height:42px; }
.where { float:left; position:relative; width:31%; margin-left:10px;  }
.where-text { margin-top:12px; border-style:none; font-size:15px; width:100%; }
.gobtn { float:right; position:relative; width:100px; height:100%; background:#79A1A6; color:#FFFFFF; font-size:15px; }
.gobtn a:link { color:#FFFFFF; font-family:'Maven Pro', sans-serif; font-size:15px; }
.gobtn a:active { color:#FFFFFF; font-family:'Maven Pro', sans-serif; font-size:15px; }
.gobtn a:visited { color:#FFFFFF; font-family:'Maven Pro', sans-serif; font-size:15px; }
.gobtn a:hover { color:#F69728; font-family:'Maven Pro', sans-serif; font-size:15px; }
.mapbtn { float:right; position:relative; width:75px; height:100%; background:#4A505A; color:#F69728; font-size:15px; }
.mapbtn a:link { color:#FFFFFF; font-family:'Maven Pro', sans-serif; font-size:15px; }
.mapbtn a:active { color:#FFFFFF; font-family:'Maven Pro', sans-serif; font-size:15px; }
.mapbtn a:visited { color:#FFFFFF; font-family:'Maven Pro', sans-serif; font-size:15px; }
.mapbtn a:hover { color:#F69728; font-family:'Maven Pro', sans-serif; font-size:15px; }
.options { float:right; width:70px; height:100%; font-size:15px; overflow:hidden; color:#A0A0A0; font-family:'Maven Pro', sans-serif; border-left:1px solid #CCCCCC;}
.options a:link {  margin-top:-5px; color:#A0A0A0; font-size:15px; font-family:'Maven Pro', sans-serif;}
.options a:active { color:#A0A0A0; font-size:15px; font-family:'Maven Pro', sans-serif;}
.options a:visited { color:#A0A0A0; font-size:15px; font-family:'Maven Pro', sans-serif;}
.options a:hover { color:black; font-size:15px; font-family:'Maven Pro', sans-serif;}
.down-arrow { transition: none; text-align: left; color: #A0A0A0; display: block; font-size: 20px; line-height: 54px; height: 55px; background:url(/images/downarrow.png) #fff no-repeat right center;  float: left; text-decoration: none; padding: 0 18px 0 10px; margin-right: 14px; }
.choices { background-color: #fff; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; border: 1px solid #d9d9d9; background-color: #fff; padding: 20px 20px; -webkit-box-shadow: 0 1px 3px 0px #CCCCCC;  -moz-box-shadow: 0 1px 3px 0px #CCCCCC;  -ms-box-shadow: 0 1px 3px 0px #CCCCCC;  -o-box-shadow: 0 1px 3px 0px #CCCCCC; box-shadow: 0 1px 3px 0px #CCCCCC; display: none; position: absolute; top: 55px; left: 0px; }
/***************  SEARCH BAR STYLE END **************************/

#sectionHead { text-align:center; padding-top:20px; }
#sectionHead h1 { font-family:'Maven Pro', sans-serif; font-weight:500; color:#505050; font-size:50px; }

#featuredProp { background:url(/images/featuredBack2.png)no-repeat; background-size:cover;  }
#featured {  padding-top:30px; padding-bottom:40px; width:100%; display:flex; justify-content:center;   }
	
/*Used for browsers that support grid layout*/
@supports (display:grid){
	#featuredWrap { width:80%; display:-ms-grid; -ms-grid-columns:repeat(4,25%); -ms-grid-rows:repeat(3,auto); -ms-grid-gap:6px; display:grid; grid-template-columns:repeat(4,25%);  grid-template-rows:repeat(3,auto); grid-gap:6px; }
	.floater { width:100%; position:relative; grid-row:auto; -ms-grid-row:auto; grid-column:auto; -ms-grid-column:auto; justify-content:center; box-shadow:0px 10px 10px -10px black; background:#000000; overflow:hidden; }
	.floater:first-of-type { grid-column:1 / 3;  grid-row:1 / 3; -ms-grid-row:1; -ms-grid-column:1; -ms-column-span:3; -ms-row-span:3; }
	.floater:first-of-type #lPrice { font-size:3.5vw; }
	.floater:first-of-type #address { font-size:2vw; }
}

/*Used for browsers that do not support grid*/
@supports not (display:grid) {
	#featuredWrap { width:80%; }
	.floater { width:24%;  position:relative; float:left; box-shadow:0px 10px 10px -10px black; margin:3px;  background:#000000; overflow:hidden;  }
	.floater:first-of-type { width:49%;  }
	.floater:first-of-type #lPrice { font-size:3.5vw; }
	.floater:first-of-type #address { font-size:2vw; }
}

/*Used for Internet Explorer browsers 10,11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#featuredWrap { width:80%; }
	.floater { width:24%;  position:relative; float:left; box-shadow:0px 10px 10px -10px black; margin:3px;  background:#000000; overflow:hidden;  }
	.floater:first-of-type { width:49%;  }
	.floater:first-of-type #lPrice { font-size:3.5vw; }
	.floater:first-of-type #address { font-size:2vw; }	
}

#mls_listing:after { content:'\A'; position:absolute; width:100%; height:100%; top:0; left:0;  opacity: 1; -webkit-transition:all 0.5s ease; -webkit-transform: -webkit-transition 0.5s;  -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transform:scale(1.3); }
#mls_listing:hover:after { opacity:1; background:rgba(44, 44, 44, 0.4); }
#mls_listing { width:100%; height:100%; display:inline-block;  }
#mls_listing img { width:100%; height:100%; display:block; transform:scale(1.3); }
#listingInfo { color:#FFFFFF; text-align:center; position:absolute; z-index:888; top:50%; left:50%; transform:translate(-50%,-50%); width:80%; text-shadow: 4px 2px 3px #000000, 0 0 2px #000000; font-family: 'Maven Pro', sans-serif; -webkit-backface-visibility: hidden;  backface-visibility: hidden; }
#lPrice { font-size:2.2vw; margin-top:55px; -webkit-transtion:ease-in-out 0.5s; transition:ease-in-out 0.5s; -webkit-transform: -webkit-transition ease-in-out 0.5s; -webkit-backface-visibility: hidden;  backface-visibility: hidden; }
a:hover #lPrice { margin-top:10px; margin-bottom:-5px;  }
#address { font-size:1.2vw; padding-top:5px; -webkit-transtion:ease-in-out 0.5s; transition:ease-in-out 0.5s; opacity:0; -webkit-transform: -webkit-transition ease-in-out 0.5s; -webkit-backface-visibility: hidden;  backface-visibility: hidden;}
a:hover #address { padding-top:5px; opacity:1; }
#rmls_image { position:absolute; top:0; z-index:888; }
#rmls_image img { float:right; }
	
#featuredComm { background:#F6F6F6; padding-top:10px; padding-bottom:40px; width:100%; -webkit-backface-visibility: hidden;  backface-visibility: hidden; }
#communities {  padding-top:20px; padding-bottom:40px; width:100%; display:flex; justify-content:center;   }
#commWrap { width:90%; margin:0px auto;  }
#menuitem { display:block; float:left; margin-right:1%; margin-left:1%; margin-top:20px; border:0px; height:45px; width:30%; text-align:center; background:#1C5866; text-decoration:none; font-size:20px; color:#E7E7E7; font-family: 'Maven Pro', sans-serif; padding-top:5px; padding-bottom:5px; -webkit-transtion:ease 0.5s; -webkit-transition: -webkit-transform 0.5s; transition:ease 0.5s; }
#menuitem:hover { color:#E7E7E7; background:#606060; font-family: 'Maven Pro', sans-serif; }
#menuInner { border:1px solid #E7E7E7; width:95%; margin:1px auto 0px auto; height:41px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  -webkit-backface-visibility: hidden;  backface-visibility: hidden; }
#spCity { margin-left:20px; float:left; white-space:nowrap; margin-top:6px; -webkit-transtion:ease-in-out 0.5s; -webkit-transform: -webkit-transition ease-in-out 0.5s; transition:ease-in-out 0.5s;  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  }
#spCnt { margin-top:6px; float:right; white-space:nowrap; -webkit-transtion:ease-in-out 0.5s; -webkit-transform: -webkit-transition ease-in-out 0.5s; transition:ease-in-out 0.5s; opacity:0; -webkit-backface-visibility: hidden;  backface-visibility: hidden; -webkit-transform: translateZ(0px); }
a:hover #spCnt { margin-right:20px; opacity:1; }

#adArea { width:100%;  background:url(/images/adAreaBack.png)no-repeat; background-size:cover; padding-top:20px; padding-bottom:20px;  }
#adAreaWrap { width:90%; margin:0px auto; }
#infoBlock { float:left; font-size:1.5vw;  width:45%; margin-left:25px; color:#FFFFFF; }
#infoBlock h1 { font-family:'Maven Pro', sans-serif; color:#FFFFFF; font-weight:500; }
#adWrap { float:right; width:50%;  margin-bottom:-80px; }
#ad { float:left; width:50%; text-align:center; position:relative; color:#FFFFFF; font-size:2vw; margin-right:-50px; z-index:555; }
.adHover:after { content:'\A'; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(110,162,167,0.8); opacity: 0; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; -webkit-transform: translate3d(0, 0, 0); }
.adHover:hover:after { opacity:1; }
#adText { position:absolute; top:60%; text-shadow:0px 0px 4px black; z-index:888; }
#ad img { width:100%; box-shadow:0px 10px 10px -10px black; display:block; }
#ad2 { float:left; margin-top:40px; width:50%; text-align:right; position:relative; font-size:2vw; }
#adText2 { position:absolute; color:#FFFFFF; width:94%; margin-top:15%; text-shadow:0px 0px 4px black; z-index:888;}
#ad2 img { width:100%; box-shadow:0px 10px 10px -10px black; display:block; }

#welcome { width:100%; background:#FFFFFF; padding-top:20px; padding-bottom:50px; background:url(/images/agentBack.png)no-repeat; background-size:cover; }
#welcWrap { width:80%; margin:0px auto; text-align:center; color:#505050; font-size:1.5vw; }
#agentPhoto { margin-top:80px; }
#agentPhoto img { max-width:150px; }
#welcHead { font-family: 'Maven Pro', serif; font-weight:500; color:#505050; font-size:50px; margin-bottom:0px; line-height:40px;  }
#welcWrap ul { display:inline-block; text-align:left; }

#addLinks { background:#F6F6F6; padding-top:10px; padding-bottom:20px; width:100%; }
#links {  padding-top:20px; padding-bottom:40px; width:100%; display:flex; justify-content:center;   }
#allLinksWrap { width:90%; margin:0px auto; }
#addlink_tag { text-decoration:none; float:left; margin-top:10px; padding:15px 0px 15px 0px; margin-right:10px; margin-left:10px; border-radius:0px; border:none; width:30%; text-align:center; background:none; border:2px solid #79A1A6; font-family: 'Maven Pro', sans-serif;  color:#79A1A6; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
#addlink_tag:hover { background:#79A1A6; color:#FFFFFF; }

#contentarea { width:100%; margin:50px auto 30px auto;  }
#story { width:90%; margin:0px auto; }

#subFooter { width:100%; background:#606060; padding-bottom:15px; padding-top:20px; color:#FFFFFF;   }
#subWrap { width:90%; margin:0px auto; display:flex;  justify-content:space-between; border-bottom:2px solid #E0E0E0; }
#agentInfo { text-align:left; }
#agentInfo a { color:#FFFFFF; text-decoration:none; }
#bottom_social { height:30px; }
#bottom_social img { height:25px; margin-right:5px; }
#brokLogo { }
#brokLogo img { width:180px; }
#brokInfo { text-align:right; }

#bottom { min-width:980px; height:90px; background:#606060; color:#FFFFFF; }
#bottom a { font-size:12px; color:#FFFFFF; text-decoration:none; }


	/*Used for Internet Explorer browsers 10,11 when the screen width is smaller than 1024px*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1024px) {
	#featuredWrap { width:80%; display:flex; justify-content:space-between; flex-wrap:wrap; }
	.floater { width:49.5%;  position:relative; float:left; box-shadow:0px 10px 10px -10px black; margin:0px; background:#000000; margin-top:6px; }
	.floater:first-of-type { width:100%; }
	}
	
/*Media Queries*/
/*Media Query for screen size smaller than 1024px*/
@media only screen and (max-width: 1024px){
	@supports (display:grid){
	#featuredWrap { width:80%; display:grid; grid-template-columns:repeat(2,50%); -ms-grid-columns:repeat(2,50%); grid-template-rows:repeat(4,auto); -ms-grid-rows:repeat(4,auto); grid-gap:6px;  }
	.floater{ width:100%; position:relative; grid-row:auto; -ms-grid-row:auto; grid-column:auto; -ms-grid-column:auto; justify-content:center; box-shadow:0px 10px 10px -10px black; background:#000000; }
	.floater:first-of-type { grid-column:1 / 3; -ms-grid-column:1 / 3; grid-row:1 / 3; -ms-grid-row:1 / 3; }
	}
	
@supports not (display:grid) {
	#featuredWrap { width:80%; display:flex; justify-content: space-between; flex-wrap: wrap; }
	.floater { width:49.5%;  position:relative; float:left; box-shadow:0px 10px 10px -10px black; margin:0px; background:#000000; margin-top:6px; }
	.floater:first-of-type { width:100%; }
	}

#lPrice { font-size:35px; }
#address { font-size:22px; }

.floater:first-of-type #lPrice { font-size:60px; }
.floater:first-of-type #address { font-size:30px; }

#ad{ font-size:19px; }
#ad2 { font-size:19px; }


#infoBlock { font-size:18px; }
#welcWrap { font-size:18px; }
}

/*Media query for device widths(iPad) smaller than 1024px*/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#slideshow_wrap {
		height: 768px; 
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	#slideshow_wrap {
		height: 1024px;
	}
	#slideshow { height:100%; }
}