body { padding:0px; margin:0px; } .h2_text{ font-size:24px; color:#505050; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; text-align:center;} td {vertical-align:top;} #site_wrapper {margin:0px; padding:0px;} #main_menu_wrap { width:100%;margin:0px; padding:0px; top:0px; height:80px; background:#000000;/* position:fixed; z-index:999;*/} #main_menu_border_bottom { width:100%; margin:0px; padding:0px; top:80px; /*position:fixed; z-index:888;*/ height:2px; background:#FFFFFF;} #menu {float:right; padding-right:2.5vw;} #header_logo {width:300px; float:left;} .social_resize {height:30px; background:#222; border:none;} ul#navPaw, ul#navPaw ul, ul#navPaw li {margin:0px; padding:0px; z-index:9999; } ul#navPaw { float:left; z-index:9999; position:relative; } ul#navPaw li { float:left; padding-left:20px; list-style:none; position:relative; z-index:9999; } ul#navPaw li a { color:#FFFFFF; text-decoration:none; z-index:9999;} ul#navPaw li a:hover { color:#0F8F9E; text-decoration:none; z-index:9999;} ul#navPaw li h1 { font-size:1.3vw; margin:0px; padding:0px 0px 0px 15px; font-weight:normal; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; z-index:9999;} ul#navPaw li h2 { font-size:1.3vw; margin:0px; padding:0px 0px 0px 15px; font-weight:normal; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; z-index:9999;} ul#navPaw li:hover ul, ul#navPaw li.uhover ul { display:block; z-index:9999;} ul#navPaw li ul { text-align:left; display:none; position:absolute!important; left:5px; top:1.6vw; width:15vw; padding-bottom:2px; z-index:9999; } ul#navPaw li ul li { padding-left:3px; text-align:left; list-style-position:outside; list-style-type:none; width:15vw; z-index:9999;} ul#navPaw li li a { font-size:1.3vw; display:block; background:#222222; color:#FFFFFF; padding:12px 0px 3px 10px; margin:0px; text-decoration:none; z-index:9999; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif;} ul#navPaw li ul li a:hover { background:#222222; color:#0F8F9E; z-index:9999;} ul#navPaw ul { display:block; padding:2px 3px 2px 5px; margin-top:-1px; text-decoration:none; z-index:9999; } #search_wrap {position:relative; top:100px; margin:0px auto 0px auto; max-width:900px; padding:10px 0px 0px 0px; min-width:700px; height:110px; background:#000000/*url(/images/opaque.png) top left repeat*/; text-align:center; border-radius:10px; } #search_wrap a#listing_stats {color:#F0F0F0; text-decoration:none; margin:0px auto; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; font-size:16px; font-weight:bold; text-shadow:2px 2px 2px #000000;} #search_wrap a#listing_stats:hover {color:#0F8F9E;} #cma_wrap { position:relative; z-index:1; top:100px; margin:0px auto 0px auto; padding:10px 0px 0px 0px; width:97%; height:37px; background:url(/images/cma_tab_bg2.png)top center no-repeat; text-align:center;} #cma_tab { position:relative; z-index:777; top:100px; margin:-43px auto 0px auto; text-align:center;} #cma_tab a { font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; text-decoration:none; font-weight:bold; color:#0F8F9E; font-size:18px;} .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*************** SEARCH BAR STYLE START **************************/ #newSearchWidget { top:10px; left:17px; opacity:1; display:block; position:relative; z-index:888; width:96%; height:60px; 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:4px auto; background:#FFFFFF; height:52px; } .where { float:left; position:relative; width:31%; margin-left:10px; } .where-text { margin-top:12px; border-style:none; font-size:18px; width:100%; } .gobtn { float:right; position:relative; width:120px; height:100%; background:#0F8F9E; color:#FFFFFF; font-size:18px; } .gobtn a:link { color:#FFFFFF; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; font-size:18px; } .gobtn a:active { color:#FFFFFF; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; font-size:18px; } .gobtn a:visited { color:#FFFFFF; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; font-size:18px; } .gobtn a:hover { color:#555; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; font-size:18px; } .mapbtn { float:right; position:relative; width:85px; height:100%; background:#555; color:#F69728; font-size:18px; } .mapbtn a:link { color:#FFFFFF; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; font-size:18px; } .mapbtn a:active { color:#FFFFFF; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; font-size:18px; } .mapbtn a:visited { color:#FFFFFF; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; font-size:18px; } .mapbtn a:hover { color:#0F8F9E; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; font-size:18px; } .options { float:right; width:75px; height:100%; font-size:18px; overflow:hidden; color:#A0A0A0; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; border-left:1px solid #CCCCCC;} .options a:link { color:#A0A0A0; font-size:18px; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif;} .options a:active { color:#A0A0A0; font-size:18px; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif;} .options a:visited { color:#A0A0A0; font-size:18px; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif;} .options a:hover { color:black; font-size:18px; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, 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 **************************/ #scroll_content { width:100%; margin-top:-15px; position:relative; z-index:999; padding:0px; background:#e9e9e9; /*z-index:888;*/} #scroll_box_1 { width:100%; height:60px; margin:0px auto; background:#cdcdcd;} #property_button_wrap { width:100%; text-align:center; margin:0px auto; } #property_button_selected { margin:0px auto; width:80%; text-align:center; color:#46050D; background:url(/images/property_button_bg.png); background-position:bottom; font-size:20px; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; line-height:60px;} #property_button { margin:0px auto; width:100%; text-align:center; color:#0F8F9E; background:url(/images/property_button_bg.png); background-position:top; -webkit-transition: background-position .3s ease; -moz-transition: background-position .3s ease; -ms-transition: background-position .3s ease; -o-transition: background-position .3s ease; transition: background-position .3s ease; font-size:20px; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; line-height:60px; } #property_button:hover {background-position:bottom;} #property_button a { color:#46050D;} #property_content {width:90%; text-align:center; margin:0px auto; padding:40px 0px 20px 0px; background:none; display:block} #community_button_wrap { width:100%; text-align:center; margin:0px auto;} #community_button_selected { margin:0px auto; width:80%; text-align:center; color:#46050D; background:url(/images/property_button_bg.png); background-position:top; font-size:20px; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; line-height:60px;} #community_button { margin:0px auto; width:100%; text-align:center; color:#0F8F9E; background:url(/images/property_button_bg.png); background-position:top; -webkit-transition: background-position .3s ease; -moz-transition: background-position .3s ease; -ms-transition: background-position .3s ease; -o-transition: background-position .3s ease; transition: background-position .3s ease; font-size:20px; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; line-height:60px; } #community_button:hover {background-position:bottom;} #community_button a { color:#46050D;} #community_content { width:90%; margin:0px auto; background:none; display:none; padding:0px 0px 10px 0px;} #selling_button_wrap { width:100%; text-align:center; margin:0px auto;} #selling_button_selected { margin:0px auto; width:80%; text-align:center; color:#46050D; background:url(/images/property_button_bg.png); background-position:top; font-size:20px; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; line-height:60px;} #selling_button { margin:0px auto; width:100%; text-align:center; color:#0F8F9E; background:url(/images/property_button_bg.png); background-position:top; -webkit-transition: background-position .3s ease; -moz-transition: background-position .3s ease; -ms-transition: background-position .3s ease; -o-transition: background-position .3s ease; transition: background-position .3s ease; font-size:20px; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; line-height:60px; } #selling_button:hover {background-position:bottom;} #selling_button a { color:#46050D;} #selling_content { width:90%; margin:0px auto 100px auto; height:500px; background-image:url(/images/page2.jpg); background-position:center; background-size:cover; display:none; } #featured_prop { width:100%; text-align:center; margin-left:0px;} #featured_prop h2 { color:#505050; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; font-size:26px;} #featured_prop h2 a {color:#999;} #floater { float:left; margin-bottom:20px; margin-left:10px; width:23%; background:#FFFFFF; color:#303030; text-align:center; } .floater_prop_img { width:100%; overflow:hidden; position:relative; display:inline-block; } #featured_thumb { width:100%;min-height:200px; margin:0px; padding:0px; transform:scale(1.3); } #floater b { color:#303030; } #floater a { text-decoration:none; } #floater a:hover { text-decoration:none; } #floater_img { height:200px; overflow:hidden; margin-bottom:15px; }#floater_city {font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; font-weight:bold; font-size:19px;} #floater_city a {color:#0F8F9E;} #floater_price b {color:#0F8F9E; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; font-weight:bold; font-size:16px;;} #floater_bbb { color:#445a65; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; font-weight:bold; font-size:14px;} #featuredcomm { background:none; padding-top:40px; padding-bottom:40px; display:block; position:relative; width:100%; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif;} #featuredcomm a, a:visited { font-size:20px; text-decoration:none; color:#000000; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; } #featuredcomm a:hover { font-size:20px; text-decoration:underline; } /* #MENUITEM IS FOR FEATURED COMMUNITIES */ #menuitem { float:left; margin-right:2%; margin-top:10px; border:0px; width:30%; text-align:left; border-bottom:dotted; border-color:#E0E0E0; border-width:1px; } #menuitem a { text-decoration:none; } #menuitem a:hover { text-decoration:underline; color: #F69728; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif;} #menuitem_name { white-space:nowrap; float:left; width:49%; } #menuitem_count { white-space:nowrap; float:right; width: 49%; text-align:right; } #linksArea { width:975px; margin:60px auto 20px auto; text-align:center; } #alllinks {padding-top:10px;} /* .MENUITEM IS FOR ADDITIONAL LINKS */ .menuitem {padding-top:10px; padding-right:25px; float:left; text-align:center; margin:0px; border:0px; height:45px; width:300px; background:url(/images/button_bg.png) no-repeat;} .menuitem a {text-align:center; font-size:20px; font-family:Arial, Helvetica; font-weight:normal; text-decoration:none; color:#FFFFFF;} .menuitem a:hover {text-align:center; font-size:20px; font-family:Arial, Helvetica; font-weight:normal; text-decoration:none; color:#FFFFFF;} .menuitem a.link {text-align:center; font-size:20px; font-family:Arial, Helvetica; font-weight:normal; text-decoration:none; color:#FFFFFF;} .menuitem a.link:hover {text-align:center; font-size:20px; font-family:Arial, Helvetica; font-weight:normal; text-decoration:none; color:#FFFFFF;} #welcome_box_wrap { width:90%; margin:0px auto 80px auto;} #welcome_message { font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; font-size:18px; margin:40px 20px 0px 20px;} #welcome_message h1 {font-size:24px; color:#505050; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; text-align:center;} /*Testimonials*/ #clTesti { width:100%; height:420px; margin:0px auto; background:url(/images/testee_back2.jpg)no-repeat; background-size:cover; background-position:center; display:none; } #testeeSS { position:relative; height:250px; width:70%; margin:10px auto; } #testeeWrap { position:absolute; margin:5px; padding:15px; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; } #testee_comments { margin:0px auto; font-size:18px; } #tstReadMore { color:#000000; } #testee_comments a { color:#000000; } #testee_sig { padding-left:20px; padding-top:10px; font-weight:bold; font-size:16px; } #arrows { top:25%; left:50%; transform:translate(-50%,-50%); height:30px; line-height:30px; position:relative; width:80%; } #arrows a { font-size:40px; background-color:rgba(255, 255, 255, .25); color:#1C1D21; cursor:pointer; height:30px; padding:15px; transition: background-color .5s, color .5s; } #prev { float:left; padding-right: 20px; } #next { float:right; padding-left: 20px; } #arrows a:hover { background-color:rgba(28,29,33, .75); color:#EEEFF7; } .fade { -webkit-animation-name: fade; -webkit-animation-duration: 2s; animation-name: fade; animation-duration: 2s; } @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes fade { from {opacity: .4} to {opacity: 1} } #testee { text-align:justify; max-width:1280px; margin-top:30px; margin-bottom:10px; overflow:hidden; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; } #testee_title { font-size:22px; font-weight:bold; margin-bottom:10px; } #testee_item { margin-bottom:10px; padding:10px; } #testee_item:nth-child(even) { background:#EAEAEA; } #testee_name { font-style:italic; margin-left:15px;margin-top:5px; } #footer_wrap {width:100%; margin:0px auto; background:#222; font-size: 14px; } #bottom {color:#F0F0F0; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif;} #bottom a { color:#F0F0F0; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; text-decoration:none;} #bottom a:hover { color:#0F8F9E; text-decoration:none;} #broker { max-width:400px; max-height:250px; border-radius: 5px;} #contentarea { margin:40px 45px 40px 45px;} #story { margin:0px; padding:0px; } /***************** OLD iPAD PORTRAIT 1:1 -- START *****************/ @media only screen and (min-device-width:768px) and (max-device-width: 1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1) { #header_logo {display:none;} #menu {width:100%; } ul#navPaw li h1 { font-size:15px; margin:0px; padding:0px 0px 0px 15px; font-weight:normal; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; } ul#navPaw li h2 { font-size:15px; margin:0px; padding:0px 0px 0px 15px; font-weight:normal; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; } #linksArea { width:660px; margin:60px auto 0px auto; text-align:center; } #alllinks {padding-top:10px;} .menuitem {padding-top:10px; padding-right:25px; float:left; text-align:center; margin:0px; border:0px; height:45px; width:300px; background:url(/images/button_bg.png) no-repeat} .menuitem a {text-align:center; font-size:20px; font-family:Arial, Helvetica; font-weight:normal; text-decoration:none; color:#FFFFFF;} .menuitem a:hover {text-align:center; font-size:20px; font-family:Arial, Helvetica; font-weight:normal; text-decoration:none; color:yellow;} .menuitem a.link {text-align:center; font-size:20px; font-family:Arial, Helvetica; font-weight:normal; text-decoration:none; color:#FFFFFF;} .menuitem a.link:hover {text-align:center; font-size:20px; font-family:Arial, Helvetica; font-weight:normal; text-decoration:none; color:yellow;} #featuredcomm { background:none; padding-top:40px; padding-bottom:40px; display:block; position:relative; width:100%; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif;} #featuredcomm a, a:visited { font-size:20px; text-decoration:none; color:#000000; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; } #featuredcomm a:hover { font-size:20px; text-decoration:underline; } #menuitem { float:left; margin-right:2%; margin-top:10px; border:0px; width:45%; text-align:left; border-bottom:dotted; border-color:#E0E0E0; border-width:1px; } #menuitem a { text-decoration:none; } #menuitem a:hover { text-decoration:underline; color: #F69728; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif;} #menuitem_name { white-space:nowrap; float:left; width:49%; } #menuitem_count { white-space:nowrap; float:right; width: 49%; text-align:right; } } /***************** OLD iPAD PORTRAIT 1:1 -- END *****************/ /***************** NEW iPAD PORTRAIT -- 1:2 START *****************/ @media only screen and (min-device-width:768px) and (max-device-width: 1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) { #header_logo {display:none;} #menu {width:100%;} ul#navPaw li h1 { font-size:15px; margin:0px; padding:0px 0px 0px 15px; font-weight:normal; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; } ul#navPaw li h2 { font-size:15px; margin:0px; padding:0px 0px 0px 15px; font-weight:normal; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; } #linksArea { width:660px; margin:60px auto 0px auto; text-align:center; } #alllinks {padding-top:10px;} .menuitem {padding-top:10px; padding-right:25px; float:left; text-align:center; margin:0px; border:0px; height:45px; width:300px; background:url(/images/button_bg.png) no-repeat} .menuitem a {text-align:center; font-size:20px; font-family:Arial, Helvetica; font-weight:normal; text-decoration:none; color:#FFFFFF;} .menuitem a:hover {text-align:center; font-size:20px; font-family:Arial, Helvetica; font-weight:normal; text-decoration:none; color:yellow;} .menuitem a.link {text-align:center; font-size:20px; font-family:Arial, Helvetica; font-weight:normal; text-decoration:none; color:#FFFFFF;} .menuitem a.link:hover {text-align:center; font-size:20px; font-family:Arial, Helvetica; font-weight:normal; text-decoration:none; color:yellow;} #featuredcomm { background:none; padding-top:40px; padding-bottom:40px; display:block; position:relative; width:100%; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif;} #featuredcomm a, a:visited { font-size:20px; text-decoration:none; color:#000000; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif; } #featuredcomm a:hover { font-size:20px; text-decoration:underline; } #menuitem { float:left; margin-right:2%; margin-top:10px; border:0px; width:45%; text-align:left; border-bottom:dotted; border-color:#E0E0E0; border-width:1px; } #menuitem a { text-decoration:none; } #menuitem a:hover { text-decoration:underline; color: #F69728; font-family:'Century Gothic', AppleGothic, Arial, Tahoma, Verdana, sans-serif;} #menuitem_name { white-space:nowrap; float:left; width:49%; } #menuitem_count { white-space:nowrap; float:right; width: 49%; text-align:right; } } /***************** NEW iPAD PORTRAIT -- 1:2 END *****************/