@import url('https://fonts.googleapis.com/css?family=Cabin:400,700|Cormorant+SC|Dancing+Script');

body { background:#FAFAFA; font-family:'Cabin', sans-serif; margin:0px; padding:0px; min-width:980px; }
header { width:100%;}
td { vertical-align:top; }

#menubar { width:100%; height:120px; background:rgba(250,250,250,0.8); min-width:980px; position:fixed; z-index:9999; display:flex; justify-content:center; box-shadow: 6px 0px 8px black;  -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; text-align:center; -webkit-transform: translate3d(0,0,0); -webkit-backface-visibility: hidden;  backface-visibility: hidden; -webkit-transform: -webkit-transition all 0.4s; }
#menu { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; margin-top:50px; -webkit-backface-visibility: hidden;  backface-visibility: hidden;}
#menu img { max-height:110px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; margin-top:-45px; -webkit-transform: translate3d(0,0,0);  -webkit-backface-visibility: hidden;  backface-visibility: hidden;}

#menubar.smaller { height:80px; background:#FAFAFA; }
#menu.smaller { margin-top:30px; }
#menubar.smaller img { max-height:70px; margin-top:-25px; z-index:777; position:relative; }
#menubar.smaller ul#navPaw li ul { top:20px; }

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;}
ul#navPaw li a { color:#646473; text-decoration:none; }
ul#navPaw li a:hover { color:#3dd4e5; text-decoration:none; }
ul#navPaw li h1 { font-size:18px; margin:0px; padding:0px 7px 0px 7px; font-weight:normal; font-family: 'Cabin', sans-serif; }
ul#navPaw li h2 { font-size:18px; margin:0px; padding:0px 7px 0px 7px; font-weight:normal; font-family: 'Cabin', 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:15px; top:20px; width:200px; padding-bottom:2px; line-height:25px; font-family:'Cabin', 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:#A0A0A0; color:#FFFFFF; padding:3px 0px 3px 10px; margin:0px; text-decoration:none;}
ul#navPaw li ul li a:hover { background:#A0A0A0; color:#3dd4e5; }	
ul#navPaw ul { display:block; padding:2px 3px 2px 5px; margin-top:-1px; text-decoration:none; }

#slideshow_wrap { display:block; width:100%; position:relative; z-index:777; min-width:980px; }
#slideshow img { width:100%; }

#shortSS { display:block; height:120px; }

#searchWrap { background:rgba(153,153,153,0.8); margin-top:-133px; position:relative; z-index:888; padding-bottom:15px; text-align:center;  display:flex; justify-content:center;  }
#searchBar { width:1030px; margin:0px auto; padding-bottom:20px; color:#606060; }
#searchBar h2 { font-family: 'Cormorant SC', serif; margin:0px; padding-top:20px; padding-bottom:10px; color:#FFFFFF;}
#searchBar a { color:#606060; font-size:13px; }
#searchBar a:hover { color:#3dd4e5; font-size:13px; }

#search_widget { padding-left:0px; padding-right:0px; font-size:13px; background:none; color:#606060; font-family:'Cabin', sans-serif; }
#search_widget select { border:none; border-radius:0px; color:#606060;  }
#sw_selectlist { width:270px;  border-style:none; } 
#sw_areachoice { width:260px; position:relative; z-index:9999; } 
#sw_banner     { display:none; text-align:center; width:280px; float:left; padding-top:5px; font-size:18px; color:#606060; } 
#sw_area       { width:255px; height:33px; float:left; font-size:13px; }
#sw_prop       { width:130px; height:35px; float:left; font-size:13px; overflow:hidden; background:url(/images/searchArrow.png)no-repeat right #FFFFFF; }
#sw_prop select { background:transparent; width:145px; height:35px; -webkit-appearance:none; line-height:1;}
#sw_single     { margin-left:2px; width:105px; height:35px; float:left; font-size:13px; overflow:hidden; background:url(/images/searchArrow.png)no-repeat right #FFFFFF; }
#sw_single select { background:transparent; width:125px; height:35px; -webkit-appearance:none; line-height:1; }
a#searchButton { color:#FFFFFF; font-size:16px; text-decoration:none; }
a#searchButton:hover { color:#FFFFFF; font-size:16px; text-decoration:underline; }
#searchTag   { float:left; margin-left:2px; text-align:center; width:100px; height:35px; background:#3dd4e5; line-height:35px; }
#mapTag { float:left; margin-left:2px; text-align:center; width:100px; height:35px; background:#3dd4e5; line-height:35px; }
a#mapButton { color:#FFFFFF; font-size:16px; text-decoration:none; }
a#mapButton:hover { color:#FFFFFF; font-size:16px; text-decoration:underline;}
#sw_area_ctrl  { -webkit-appearance: none; padding-left:5px; height:33px; width:246px; font-size:13px; background:#FFFFFF; border:none; }
#sw_type_ctrl  { -webkit-appearance: none; padding-left:5px; height:35px;  width:115px; font-size:13px; background:#FFFFFF; border-color:#A0A0A0; }
#sw_pmin_ctrl  { -webkit-appearance: none; padding-left:5px; height:35px; width:115px; font-size:13px; background:#FFFFFF; border-color:#A0A0A0; }
#sw_phigh_ctrl { -webkit-appearance: none; padding-left:5px; height:35px; width:110px; font-size:13px; background:#FFFFFF; border-color:#A0A0A0; }
#sw_beds_ctrl  { -webkit-appearance: none; padding-left:5px; height:35px; width:110px; font-size:13px; background:#FFFFFF; border-color:#A0A0A0; }
#sw_baths_ctrl { -webkit-appearance: none; padding-left:5px; height:35px; width:110px; font-size:13px; background:#FFFFFF; border-color:#A0A0A0; }

.sectionHead { width:90%; margin:0px auto; padding-top:20px; }
.sectionHead h2 { text-align:center; font-family: 'Cormorant SC', serif; font-size:30px; color:#505050; }
.sectionHead h2:before, .sectionHead h2:after { background-color:#505050; content:""; display:inline-block; height:1px; position:relative; vertical-align:middle; width:35%; }
.sectionHead h2:before { right:15px; margin-left:-50%; }
.sectionHead h2:after { left:15px; margin-right:-50%; }

#fourBoxesWrap { background:#FAFAFA; margin-top:80px; display:flex; justify-content: center; }
.fourBoxes { float:left; margin-left:5px; margin-right:5px; width:21%; position:relative; -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden;  backface-visibility: hidden; }
.fourBoxes:after { content:'\A'; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(61,212,229,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); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden;  backface-visibility: hidden; }
.fourBoxes:hover:after { opacity:1; }
.fourBoxes img { width:100%; display:block; }
.boxText { width:90%; color:#FFFFFF; text-align:center; position:absolute; z-index:888; top:50%; left:50%; transform:translate(-50%,-50%); text-shadow:0px 0px 4px black; -webkit-backface-visibility: hidden;  backface-visibility: hidden;}
.bt1 { font-family:'Cormorant SC', serif; font-size:3.4vw; }
.bt2 { font-family: 'Dancing Script', cursive; font-size:1.5vw; }

#featured { /*background:#3dd4e5;*/ background:none; padding-top:30px; padding-bottom:40px; width:100%; display:flex; justify-content: center;}
#featuredWrap { width:90%; margin-left:4%; }
.floater { float:left; margin-bottom:10px; width:23%; margin-left:5px; margin-right:5px; position:relative; }
#mls_listing { width:100%; overflow:hidden; position:relative; display:inline-block; }
#mls_listing:after { content:'\A'; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(61,212,229,0.8); opacity: 0; -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); }
#mls_listing:hover:after { opacity: 1; }
#mls_listing img { width:100%; height:250px; display:block; transform:scale(1.2); }
#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: 'Cabin', 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; }

#welcome { width:100%; margin-top:40px; background:url(/images/agentAreaBack2.png)no-repeat; background-size:cover; padding-top:20px; padding-bottom:20px; }
#welcWrap { width:60%; margin:0px auto; }
#welc_cont { float:left; width:60%; box-shadow:0 0 4px #606060; background:#FFFFFF; padding:20px;  margin-top:55px; color:#606060; position:relative; z-index:555; margin-right:-70px; font-family: 'Cabin', sans-serif; }
#welcHead { font-family: 'Cormorant SC', serif; color:#606060; font-size:3.5vw; margin-bottom:0px; line-height:40px; }
#welcHead h1 {font-size:2.5vw;}
#subWelc { font-size:2.5vw; }
#welcPhoto { float:right; width:40%; text-align:center; border:3px solid #E7E7E7; }
#welcPhoto img { margin:0px auto; max-width:300px; width:70%; padding-top:10px; padding-bottom:5px; }

#featuredComm { background:none; padding-top:20px; padding-bottom:40px; width:100%; -webkit-backface-visibility: hidden;  backface-visibility: hidden;}
#commWrap { width:90%; margin:0px auto;  }
#menuitem { display:block; float:left; margin-right:1%; margin-left:1%; margin-top:30px; border:0px; height:85px; width:23%; text-align:center; background:#3dd4e5; text-decoration:none; font-size:20px; color:#E7E7E7; font-family: 'Cabin', sans-serif; padding-top:10px; padding-bottom:10px; -webkit-transtion:ease 0.5s; -webkit-transition: -webkit-transform 0.5s; transition:ease 0.5s;   }
#menuitem:hover { color:#E7E7E7; background:#606060; font-family: 'Cabin', sans-serif; }
#menuInner { border:1px solid #E7E7E7; width:90%; margin:0px auto; height:80px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  -webkit-backface-visibility: hidden;  backface-visibility: hidden; }
#spCity { white-space:nowrap; margin-top:25px; -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;  }
a:hover #spCity { margin-top:10px; margin-bottom:5px; }
#spCnt { white-space:nowrap; padding-top:15px; -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;}
a:hover #spCnt { padding-top:5px; opacity:1; }

#addLinks { background:none; padding-top:40px; padding-bottom:50px; width:100%; display:flex; justify-content: center; }
#allLinksWrap { width:950px; 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:290px; text-align:center; background:#FAFAFA; border:2px solid #3dd4e5; font-family: 'Cabin', sans-serif;  color:#3dd4e5; -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:#3dd4e5; color:#FFFFFF; }

#contentarea { margin:0px 50px 40px 50px;  }
#story { margin:30px auto; }

#subFooter { width:100%; background:#606060; height:120px; padding-top:20px; color:#FFFFFF; }
#subWrap { width:90%; margin:0px auto; display:flex;  justify-content:space-between; }
#agentInfo { text-align:left; }
#agentInfo a { color:#FFFFFF; text-decoration:none; }
#bottom_social { height:30px; }
#bottom_social img { height:30px; }
#brokLogo { }
#brokLogo img { max-width:300px; max-height: 95px;}
#brokInfo { text-align:right; }

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

/*Media Queries*/
/*Media Query for and screen size smaller than 1024px*/
@media only screen and (max-width: 1024px){
	#fourBoxesWrap { background:#FAFAFA; margin-top:80px; display:flex; justify-content: center; flex-flow: row wrap; }
	.fourBoxes { display:inline-block; margin:5px; width:370px; position:relative; } 
	.fourBoxes img { width:100%;  }
	.boxText { width:90%; color:#FFFFFF; text-align:center; position:absolute; z-index:888; top:50%; left:50%; transform:translate(-50%,-50%); text-shadow:0px 0px 4px black; }
	#spCity { font-size: inherit; }
	.bt1 { font-family:'Cormorant SC', serif; font-size:60px; }
	.bt2 { font-family: 'Dancing Script', cursive; font-size:30px; }

	#searchWrap { background:rgba(153,153,153,0.8); margin-top:-4px; position:relative; z-index:888; padding-bottom:15px; text-align:center; display:flex; justify-content:center;  }
	#searchBar { width:760px; margin:0px auto; padding-bottom:20px; color:#606060; }
	#searchBar h2 { font-family: 'Cormorant SC', serif; margin:0px; padding-top:20px; padding-bottom:10px; color:#FFFFFF;}
	#searchBar a { color:#606060; font-size:13px; }
	#searchBar a:hover { color:#3dd4e5; font-size:13px; }
	
	#featured { /*background:#3dd4e5;*/ background:none; padding-top:50px; padding-bottom:40px; width:100%; display:flex; justify-content: center; flex-flow: row wrap;}
	#featuredWrap { width:90%; margin-left:110px; }
	.floater { float:left; margin-bottom:10px; width:370px; margin-left:5px; margin-right:5px;  }
	#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: 'Cabin', sans-serif; }
	#lPrice { font-size:40px; }
	#address{ font-size:22px; }

	#search_widget { padding-left:0px; padding-right:0px; font-size:13px; background:none; color:#606060; font-family:'Cabin', sans-serif; }
	#search_widget select { border:none; border-radius:0px; color:#606060;  }
	#sw_selectlist { width:740px;  border-style:none; } 
	#sw_areachoice { width:740px; position:relative; z-index:9999; } 
	#sw_banner     { display:none; text-align:center; width:280px; float:left; padding-top:5px; font-size:18px; color:#606060; } 
	#sw_area       { width:739px; margin-left:1px; height:45px;  float:left; font-size:15px; border-radius:0; }
	#sw_prop       { width:745px; margin-left:1px; height:45px; margin-top:5px; float:left; font-size:13px; overflow:hidden; background:url(/images/searchArrow.png)no-repeat right #FFFFFF; }
	#sw_prop select { background:transparent; width:760px; height:45px; -webkit-appearance:none; line-height:1;}
	#sw_single     { margin-top:5px; width:371px; height:45px; float:left; font-size:15px; overflow:hidden; background:url(/images/searchArrow.png)no-repeat right #FFFFFF; }
	#sw_single select { background:transparent; width:386px; height:45px; -webkit-appearance:none; line-height:1; }
	
	#searchTag   { float:left; margin-left:2px; text-align:center; margin-top:5px; width:371px; height:45px; background:#3dd4e5;; line-height:45px; }
	a#searchButton { color:#FFFFFF; font-size:18px; text-decoration:none; }
	a#searchButton:hover { color:#FFFFFF; font-size:18px; text-decoration:underline; }	
	#mapTag { float:left; margin-left:2px; margin-top:5px; text-align:center; width:371px; height:45px; background:#3dd4e5; line-height:45px; }
	a#mapButton { color:#FFFFFF; font-size:18px; text-decoration:none; }
	a#mapButton:hover { color:#FFFFFF; font-size:18px; text-decoration:underline;}
	
	#sw_area_ctrl  { -webkit-appearance: none; padding-left:5px; height:43px; width:739px; font-size:13px; background:#FFFFFF; border:none; border-radius:0; }
	#sw_type_ctrl  { -webkit-appearance: none; padding-left:5px; height:45px;  width:115px; font-size:13px; background:#FFFFFF; border-color:#A0A0A0; }
	#sw_pmin_ctrl  { -webkit-appearance: none; padding-left:5px; height:45px; width:115px; font-size:13px; background:#FFFFFF; border-color:#A0A0A0; }
	#sw_phigh_ctrl { -webkit-appearance: none; padding-left:5px; height:45px; width:110px; font-size:13px; background:#FFFFFF; border-color:#A0A0A0; }
	#sw_beds_ctrl  { -webkit-appearance: none; padding-left:5px; height:45px; width:110px; font-size:13px; background:#FFFFFF; border-color:#A0A0A0; }
	#sw_baths_ctrl { -webkit-appearance: none; padding-left:5px; height:45px; width:110px; font-size:13px; background:#FFFFFF; border-color:#A0A0A0; }
}


/*Media query for device widths(iPad) smaller than 1024px*/
@media only screen and (max-device-width: 1024px){
	.sectionHead h2 { font-weight:normal; }
	#searchWrap { background:rgba(153,153,153,0.8); margin-top:-4px; position:relative; z-index:888; padding-bottom:15px; text-align:center; display:flex; justify-content:center;  }
	#searchBar { width:760px; margin:0px auto; padding-bottom:20px; color:#606060; }
	#searchBar h2 { font-family: 'Cormorant SC', serif; margin:0px; padding-top:20px; padding-bottom:10px; color:#FFFFFF;}
	#searchBar a { color:#606060; font-size:13px; }
	#searchBar a:hover { color:#3dd4e5; font-size:13px; }

	#search_widget { padding-left:0px; padding-right:0px; font-size:13px; background:none; color:#606060; font-family:'Cabin', sans-serif; }
	#search_widget select { border:none; border-radius:0px; color:#606060;  }
	#sw_selectlist { width:740px;  border-style:none; } 
	#sw_areachoice { width:740px; position:relative; z-index:9999; } 
	#sw_banner     { display:none; text-align:center; width:280px; float:left; padding-top:5px; font-size:18px; color:#606060; } 
	#sw_area       { width:734px; height:45px;  float:left; font-size:15px; border-radius:0; }
	#sw_prop       { width:745px; margin-left:1px; height:45px; margin-top:5px; float:left; font-size:13px; overflow:hidden; background:url(/images/searchArrow.png)no-repeat right #FFFFFF; }
	#sw_prop select { background:transparent; width:760px; height:45px; -webkit-appearance:none; line-height:1;}
	#sw_single     { margin-top:5px; width:371px; height:45px; float:left; font-size:15px; overflow:hidden; background:url(/images/searchArrow.png)no-repeat right #FFFFFF; }
	#sw_single select { background:transparent; width:386px; height:45px; -webkit-appearance:none; line-height:1; }
	
	#searchTag   { float:left; margin-left:2px; text-align:center; margin-top:5px; width:371px; height:45px; background:#3dd4e5;; line-height:45px; }
	a#searchButton { color:#FFFFFF; font-size:18px; text-decoration:none; }
	a#searchButton:hover { color:#FFFFFF; font-size:18px; text-decoration:underline; }	
	#mapTag { float:left; margin-left:2px; margin-top:5px; text-align:center; width:371px; height:45px; background:#3dd4e5; line-height:45px; }
	a#mapButton { color:#FFFFFF; font-size:18px; text-decoration:none; }
	a#mapButton:hover { color:#FFFFFF; font-size:18px; text-decoration:underline;}
	
	#sw_area_ctrl  { -webkit-appearance: none; padding-left:5px; height:38px; width:734px; font-size:13px; background:#FFFFFF; border:none; border-radius:0; }
	#sw_type_ctrl  { -webkit-appearance: none; padding-left:5px; height:45px;  width:115px; font-size:13px; background:#FFFFFF; border-color:#A0A0A0; }
	#sw_pmin_ctrl  { -webkit-appearance: none; padding-left:5px; height:45px; width:115px; font-size:13px; background:#FFFFFF; border-color:#A0A0A0; }
	#sw_phigh_ctrl { -webkit-appearance: none; padding-left:5px; height:45px; width:110px; font-size:13px; background:#FFFFFF; border-color:#A0A0A0; }
	#sw_beds_ctrl  { -webkit-appearance: none; padding-left:5px; height:45px; width:110px; font-size:13px; background:#FFFFFF; border-color:#A0A0A0; }
	#sw_baths_ctrl { -webkit-appearance: none; padding-left:5px; height:45px; width:110px; font-size:13px; background:#FFFFFF; border-color:#A0A0A0; }
}