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

#menubar { position:absolute; width:100%; min-width:980px; }
#subMenu { height:45px; width:100%; background:#FFFFFF; position:relative; z-index:99;}
#topPhone { float:left; margin-left:30px; height:40px; line-height:45px; color:#404040; font-weight:500; }
#topPhone a { text-decoration:none; color:#404040; font-size:18px; }
#topSocial { float:right; margin-right:20px;  }
#topSocial img { height:25px; float:left; margin:10px 2px 0px 2px; }

#mainMenu { width:100%; height:140px; }
.shortMainMenu { background:#FFFFFF; border-top:1px solid #E0E0E0;}
#headerLogo { float:left; position:relative; z-index:99; }
#headerLogo img { max-height:120px; margin-top:10px; margin-left:20px; }

#menu { float:right; margin-right:15px; margin-top:60px; }
.shortMenu ul#navPaw li a { color:#505050; text-shadow:none; }
ul#navPaw, ul#navPaw ul, ul#navPaw li { margin:0px; padding:0px;  }		
ul#navPaw { z-index:9999; position:relative; }
ul#navPaw li { float:left; padding-bottom:10px; list-style:none; position:relative; z-index:9999; }
ul#navPaw li a { color:#FFFFFF; text-decoration:none; font-weight:500; }
ul#navPaw li a:hover { color:#F9B968; text-decoration:none; }
ul#navPaw li h1 { font-size:17px; font-weight:500; margin:0px; padding:0px 12px 0px 12px; font-weight:normal; font-family: 'Maven Pro', sans-serif; text-shadow:2px 2px 2px #000000; }
ul#navPaw li h2 { font-size:17px; font-weight:500; margin:0px; padding:0px 12px 0px 12px; font-weight:normal; font-family: 'Maven Pro', sans-serif; text-shadow:2px 2px 2px #000000; }
ul#navPaw li:hover ul,  ul#navPaw li.uhover ul { display:block; visibility:visible; opacity:1; top:30px; }
ul#navPaw li ul { text-align:center; display:block; visibility:hidden; opacity:0; position:absolute!important; z-index:888; left:0px; top:20px; width:160px; padding-bottom:2px; line-height:25px; font-family:'Maven Pro', sans-serif; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden;  }
ul#navPaw li ul li { text-align:center; list-style-position:outside; list-style-type:none; width:150px; }
ul#navPaw li li a { display:block; background:#FFFFFF; color:#606060; padding:3px 0px -10px 0px; margin:0px; text-decoration:none; }
ul#navPaw li ul li a:hover { background:#FFFFFF; color:#F9B968; }	
ul#navPaw ul { display:block; padding:2px 3px 2px 3px; text-decoration:none; border-radius:5px; background:#FFFFFF; box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2); border: solid 1px #EAEAEA; }

#topSocial img { transition: 3s ease; -moz-transition: 3s ease; -ms-transition: 3s ease; -webkit-transition: 3s ease; -o-transition: 3s ease; -webkit-backface-visibility: hidden; }


/*Use the below styles for a slideshow or a static image background*/
/*#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; }*/


#slideshow_wrap:after { background:rgba(0,0,0,0.3); content:""; position:absolute; width:100%; height:100%; left:0; right:0; pointer-events:none;  }

/*Styles to make Youtube Video fullscreen*/
#slideshow_wrap { background:#eee; height:100%; overflow:hidden; padding:0; position:relative; }
#slideshow_wrap iframe { box-sizing:border-box; height:56.25vw; left:50%; min-height:100%; min-width:100%; transform:translate(-50%, -50%); position:absolute; top:50%; width:177.77777778vh; }

#mainCenter { z-index:888; width:100%; position:absolute; bottom:0; margin-bottom:260px; text-align:center; min-width:980px; }
#tagline h1 { font-size:50px; color:#BDE3DE; margin-top:30px; position:relative; z-index:888; font-family:'Dancing Script', sans-serif; text-shadow:2px 2px 2px #000000; }

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


/***************  SEARCH BAR STYLE START **************************/
#newSearchWidget { margin:0px auto; top:0px; opacity:1; display:block; position:relative; z-index:888; width:720px; height:50px; background:#FFFFFF; box-shadow: 0px 0px 2px #ccc; border-color:#FFFFFF; border-width:1px; border-style:solid; border-radius:40px; }
#innerSearch { border-radius:40px; width:99%; margin:3px auto; background:#FFFFFF; height:42px; }
.where { float:left; position:relative; width:32%; margin-left:10px;  }
.where-text { margin-top:12px; border-style:none; font-family:'Maven Pro', sans-serif; font-size:15px; width:100%; }
.gobtn { float:right; position:relative; width:100px; height:100%; background:#33727B; 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:#4A505A; font-family:'Maven Pro', sans-serif; font-size:15px; }
.mapbtn { float:right; position:relative; width:75px; height:100%; background:#65999F; color:#F69728; font-size:15px; border-radius:0px 40px 40px 0px; }
.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:#A9B838; 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:#60A2AB; 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 { font-family:'Maven Pro', sans-serif; font-size:32px; font-weight:bold; color:#606060; }
.fl { text-align:right; }

#featuredProp { width:100%; }
#featuredPropWrap { width:95%; margin:0px auto; }
.listing { float:left; position:relative; margin:8px; width:23%; overflow:hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform:none; transform-style: preserve-3d; }
.listing:after { content:'\A'; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(34,34,34,0.2); opacity:1; -webkit-transition:0.8s ease; -webkit-transform: -webkit-transition 0.8s;  -ms-transition:0.8s ease; transition:0.8s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.listing:hover:after { opacity:0;  }
.thumb { padding:0px 0px 80% 0px; background-size:cover; background-repeat:no-repeat; background-position:center; transition: 0.6s ease; -moz-transition: 0.6s ease; -ms-transition: 0.6s ease; -webkit-transition: 0.6s ease; -o-transition: 0.6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; } 
.thumbZ { width:120%; }
.thumbR { width:100%; }
/*.listing:hover>#thumb { transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); }*/
.listingInfo { position:absolute; width:90%; bottom:0; margin-bottom:15px;  }
#address { color:#BDE3DE; text-align:left; position:relative; margin-left:20px; font-size:1.6vw;  text-shadow: 0px 1px 3px #000000, 0 0 1px #000000; z-index:888; font-family:'Dancing Script', sans-serif; font-weight:bold;}
#floater_price b { color:#FFFFFF; font-weight:bold; font-size:1.8vw; font-family:'Maven Pro', sans-serif; }

#featuredComm { width:100%; }
#featuredCommWrap { width:95%; margin:0px auto; }
#communities { display:flex; justify-content:center; flex-wrap:wrap; }
#menuitem { display:block; float:left; margin-right:10px; margin-left:10px; margin-top:20px; border:0px; width:250px; text-align:left; background:#33727B; text-decoration:none; color:#E7E7E7; padding-top:5px; border-radius:50px; -webkit-transition:0.8s ease; -webkit-transform: -webkit-transition 0.8s;  -ms-transition:0.8s ease; transition:0.8s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden;  }
#menuitem:hover { background:#33727B; opacity:0.8; }
#specInWrap { float:left; margin-left:30px; padding:5px 0px 15px 0px; }
#spCity { white-space:nowrap; margin-top:6px; font-family: 'Dancing Script', sans-serif; font-size:22px; }
#spCnt { margin-top:6px; white-space:nowrap; font-family:'Maven Pro', sans-serif; font-size:20px;  }

#ads { width:100%; height:210px; margin-top:40px; background:url('/images/adsBack2.jpg')no-repeat; background-size:cover; background-position:center; display:flex; justify-content:center; align-items:center;   }
#adWrap { width:80%; max-width:1200px; display:flex; justify-content:space-between; }
.ad { float:left; text-align:center; width:150px; margin:0px 60px; }
.ad img { height:140px; }
.ad a { color:#FFFFFF; text-decoration:none; font-size:24px; text-shadow:2px 1px 2px #000000; }

#additional_links { width:100%; }
#all_links { width:95%; margin:0px auto 30px auto; }
#linksWrap { display:flex; justify-content:center; flex-wrap:wrap; }
#addlink_tag { float:left; width:250px; padding:10px; margin:10px; background:#33727B; color:#FFFFFF; text-decoration:none; text-align:center; border-radius:40px; font-family: 'Dancing Script', sans-serif; font-size:22px; -webkit-transition:0.8s ease; -webkit-transform: -webkit-transition 0.8s;  -ms-transition:0.8s ease; transition:0.8s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
#addlink_tag:hover { background:#33727B; opacity:0.8; }

.welcHead { color:#FFFFFF; }
#welcome { width:100%; background:url('/images/welcBack.jpg')no-repeat; background-size:cover; background-position:center; }
#welcWrap { width:90%; margin:0px auto; }
#welcAgentPhoto { float:left; text-align:center; margin-top:40px; }
#welcMessage { width:70%; float:right; color:#FFFFFF; text-shadow:2px 1px 2px #000000; font-size:18px; }
#welcAgentPhoto img {border-radius: 5px; max-height: 250px; max-width: 250px;}

#contentarea { margin:0px auto 30px auto; position:relative; }
#story { margin-left:30px;  margin-right:30px; padding-top:200px; padding-bottom:20px; }

#contactBG { background:#FFFFFF; }

#bottom { padding-top:25px; background:#242424; padding-bottom:30px;}
#bottomInfo { width:90%; margin:20px auto 0px auto; padding-bottom:20px; display:flex; justify-content:space-between; border-bottom:2px solid #606060; padding-top:20px; }
.bottomTitle { font-size:22px; font-weight:bold; color:#FFFFFF; }
#agentPE { float:left; color:#808080; }
#agentPE a { color:#808080; text-decoration:none; }
#bottomSocial { height:30px; }
#bottomSocial img { height:30px; margin:0px 2px 0px 2px; }
#bottomLinks { float:left; color:#808080; }
#bottomLinks a { color:#808080; text-decoration:none; }
#brokerInfo { float:left; color:#808080; }
#brokerInfo img { width:200px; }
#pawLinks { width:90%; margin:30px auto; color:#808080; }
#pawLinks a { color:#808080; text-decoration:none; margin-left:15px; }

/*Media Queries*/

@media only and (max-width: 1124px){
	.listing { width:48%; }
	#address { font-size:38px;  }
	#floater_price b { font-size:36px;  }
}

/*Media Query for screen size smaller than 1024px*/
@media only screen and (max-width: 1124px){
	.sectionHead { font-weight:normal; }
	.listing { width:48%; }
	#address { font-size:38px;  }
	#floater_price b { font-size:36px; font-weight:normal; }
	#address { font-weight:normal; }
	
	ul#navPaw li ul { display:none; visibility:hidden; }
}