/* Primary Content and Structure CSS Author: Jeremy Bechtold */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> VARIABLES  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> FONTS	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* ---  Font:	@ Typekit  --- */
.regular { font-family: "nimbus-sans-condensed-n4","nimbus-sans-condensed","Lucida Grand","Lucida Sans","Arial",sans-serif; font-style: normal; font-weight: 400; }

.bold, .infobold { font-family: "nimbus-sans-condensed-n7","nimbus-sans-condensed","Lucida Grand","Lucida Sans","Arial",sans-serif; font-style: normal; font-weight: 700; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> GLOBALS  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
* { margin: 0; padding: 0; line-height: 1.35em; }

body { font-family: "nimbus-sans-condensed-n4","nimbus-sans-condensed","Lucida Grand","Lucida Sans","Arial",sans-serif; font-style: normal; font-weight: 400; text-align: center; color: #fff; font-size: 10px; }

form, input, select, textarea { font-family: "nimbus-sans-condensed-n4","nimbus-sans-condensed","Lucida Grand","Lucida Sans","Arial",sans-serif; font-style: normal; font-weight: 400; margin: 0px; padding: 0px; }

a, img, table, td, th, fieldset { border: 0; }

div, ul, ol, dl, li { width: auto; }

li { list-style: none; }

th { text-align: left; font-weight: bold; }

td { text-align: left; vertical-align: top; }

p { margin-bottom: .5em; }

p * { font-size: 1em; }

a, a:active, a:visited { text-decoration: none; color: #1a5b9c; }

a:hover { text-decoration: underline; color: #c89f56; }

small { font-size: 85%; }

em, i, .em, .i { font-style: italic; }

em .thin, em .100 { font-style: italic; }

strong, b, .strong, .b { font-style: normal; font-weight: bold; }

strong em, strong i, strong .em, strong .i, .strong em, .strong i, .strong .em, .strong .i, b em, b i, b .em, b .i, .b em, .b i, .b .em, .b .i, em strong, em b, em .strong, em .b, .em strong, .em b, .em .strong, .em .b, i strong, i b, i .strong, i .b, .i strong, .i b, .i .strong, .i .b { font-style: italic; font-weight: bold; }

.nowrap { white-space: nowrap; }

.clearme { clear: both; height: 1px; visibility: hidden; }

.inline { display: inline; }

.block { display: block; }

.lcase { text-transform: lowercase; }

.ucase { text-transform: uppercase; }

.attn { color: #f39; }

.smalltextblack { font-size:11px;  line-height:11px; font-weight:normal; color:#333333; font-family:arial, sans-serif; text-decoration:none; font-style:normal;  }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> CONTAINERS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body { background: #40668c url(/images/bg-body-grad-full.png) no-repeat 10% top; }

#bpat { background: url(/images/bg-diamonds-2p.png) center top; margin: 0; padding: 30px 0 70px 0; /* min-height: 700px; */ }

#wrap { width: 960px; text-align: left; margin: 0 auto; -webkit-box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.5); }

header { position: relative; min-height: 178px; }

#slider, #hhero { position: relative; }

#topbg { position: absolute; height: 178px; width: 100%; background: no-repeat center top; background-size: cover; }

#iplace { position: relative; height: 117px; top: 61px; background: url(/images/bg-slider-grad.png) repeat-x left top; }

#icont { position: relative; background: #fff; color: #333; }

footer { position: relative; height: 120px; background: #333; background: rgba(0, 0, 0, 0.35); }

footer p { font-size: 11px; line-height: 20px; text-align: right; margin: 0 10px; color: #fff; color: rgba(255, 255, 255, 0.75); padding-top: 10px; }

footer a, footer a:active, footer a:visited { color: #fff; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> NAV  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
header a#logo { position: absolute; left: 20px; top: 20px; z-index: 90; }

header img#gogo { position: absolute; left: 0px; width: 100%; top: 10px; z-index: 80; }

nav { position: absolute; z-index: 85; height: 61px; width: 100%; background: #40668c; background: rgba(0, 0, 0, 0.45); }

nav ul { position: absolute; right: 15px; top: 36px; }

nav ul, nav li { margin: 0; list-style: none; list-style-image: none; float: right; }

nav li a { font-size: 21px; line-height: 16px; color: #fff; padding: 0 12px; text-transform: uppercase; text-shadow: 1px 1px 2px #1a5b9c; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); }

nav li a:hover { color: #ddd; }

nav li a:visited { color: #fff; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> CONTENT TEXT - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
h1, h2, h3, h4, h5, h6 { font-weight: 100; line-height: 1.15em; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: 100; }

h1 { font-size: 29px; line-height: 38px; color: #333; padding: 15px 30px; font-family: Georgia, "Times New Roman", Times, Serif; }

h2, .h2 { font-size: 24px; line-height: 32px; color: #999; margin-bottom: .75em; }

h3 { font-size: 18px; }

h4 { font-size: 16px; }

p { font-size: 16px; font-weight: 100; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> PER-PAGE CONTENT - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
h1 a, h1 a:visited { color: #1a5b9c; }

#property h1 a { white-space: nowrap; }

/* --- property maps --- */
#propmap iframe { width: 100%; }

#iframe_in { height: 950px; }

#iframe_ky { height: 430px; }

#iframe_oh { height: 780px; }

#iframe_pa { height: 925px; }

#iframe_tn { height: 600px; }

#iframe_ri { height: 950px; }

#iframe_ar { height: 1920px; }

#iframe_ct { height: 680px; }

/* --- page-type content containers --- */
#cont, #list { padding: 0 30px 30px 30px; }

#prop { padding: 0 10px 30px 30px; }

/* --- prop detail --- */
#prop { display: table; direction: rtl; padding: 0; width: 100%; }

#prop #propinfo { display: table-cell; direction: ltr; vertical-align: top; padding: 0 2% 10px 2%; width: 39%; float: none; }

#prop #propimgs { display: table-cell; direction: ltr; vertical-align: top; padding: 0 1% 10px 2%; width: 53%; height: auto; text-align: center; }

#prop #slider { width: 94%; height: auto; }

#prop .slider-wrapper { text-align: center; }

#prop h2 { margin-bottom: 0; }

#prop h2 .term { font-style: italic; font-size: 75%; }

#prop dl { width: 100%; /* margin-bottom: .5em; */ font-size: 24px; line-height: 32px; }

dl.rate1 { height: 1.50em; }

dl.rate2 { height: 2.85em; }

dl.rate3 { height: 4.20em; }

dl.rate4 { height: 5.55em; }

dl.rate5 { height: 6.90em; }

dl.rate6 { height: 8.25em; }

dl.rate7 { height: 9.60em; }

dl.rate8 { height: 10.95em; }

dl.rate9 { height: 12.30em; }

#prop.jb dt { float: left; width: 53%; color: #78571f; clear: left; outline: 1px dotted red; }

#prop dt { float: left; width: 53%; color: #78571f; clear: left; }

#prop.jb dd { float: left; width: 46%; color: #78571f; text-align: right; outline: 1px dotted blue; }

#prop dd { float: left; width: 46%; color: #78571f; text-align: right; }

#prop.jb dd span { font-size: 70%; line-height: 24px; vertical-align: text-top; padding-right: 2px; }

#prop dd span { font-size: 70%; line-height: 24px; vertical-align: text-top; padding-right: 2px; }

#prop.jb dd em { font-size: 13px; display: inline-block; width: 3em; text-align: left; color: #c89f56; padding-left: 2px; }

#prop dd em { font-size: 13px; display: inline-block; width: 3em; text-align: left; color: #c89f56; padding-left: 2px; }

p#ast { font-size: 16px; color: #c89f56; line-height: 24px; font-style: italic; }

p#homep { margin: 270px 0px 0px 0px; padding: 0; }

#prop address { font-size: 24px; color: #666; line-height: 32px; font-style: normal; margin-top: 1.5em; }

#prop address2 { font-size: 24px; color: #666; line-height: 28px; font-style: normal; margin-top: 0px; }

#prop p#dir { font-size: 16px; color: #999; line-height: 20px; margin: 0.25em 1em 2em 0; }

/* JB edited bottom margin 6.14.16 */
#prop p#dir { display: none; }

#prop address + p { margin-top: .5em; /* outline: 1px dotted rgba(red, .15);	*/ }

#prop address + p#dir { margin-top: .25em; /* outline: 1px dotted rgba(blue, .15); */ }

#prop address::before { padding: 0em 0.5em 0.5em 0.4em; text-indent: 0em; font-size: 14px; line-height: 1em; margin: -2em 0.5em 2em 0.5em; position: relative; display: block; height: 2em; content: '  Money back guarantee if there has been a material misrepresentation after taking possession of the unit'; }

#prop .goomap { font-size: 70%; margin-top: .25em; }

#prop div.office { background: rgba(26, 91, 156, 0.1); padding: 5px 10px; margin-bottom: 1.35em; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

#prop div.office h3 { color: #1a5b9c; text-transform: uppercase; border-bottom: 1px solid rgba(26, 91, 156, 0.35); margin-bottom: .5em; }

#prop div.office dl { overflow: auto; }

#prop div.office dt { font-size: 70%; width: 50%; }

#prop div.office dd { font-size: 70%; width: 49%; }

#prop #slider { border: 10px solid #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); }

/* see the nivo-slider/themes/default/default.css for slider styling --- changes marked with JB comment */
#prop img.fimg { border: 10px solid #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); }

ul.fimg { margin: 30px 0; text-align: center; }

ul.fimg li { display: inline; margin: 0 5px; }

ul.fimg li a { margin: 0; }

ul.fimg li a img { -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35); }

#info { clear: both; }

/* JB added 6.14.16 */
#info ul { float: none; overflow: auto; padding-bottom: 40px; }

#info ul li { float: left; width: 45%; margin: 4px 0 4px 5%; position: relative; font-size: 18px; line-height: 24px; list-style: square outside; }

#info ul li.listar { list-style-type: none; }

#info ul li.listar:before { position: absolute; left: -1.4em; top: 0; content: url(/images/starburst.png); }

/* --- gfc additions to be cleaned up --- */
/* --- contact --- */
#locs { overflow: auto; margin: 40px 0; }

#locs li { float: left; width: 200px; height: 19em; margin: 0 20px 10px 0; }

#locs h3 { margin-bottom: .25em; text-transform: uppercase; border-bottom: 1px solid #69c; }

/* --- listing --- */
#list table { position: relative; border-bottom: 1px solid #999; margin: 20px 0 40px 180px; font-size: 16px; }

#list caption { position: relative; text-align: left; font-size: 24px; }

#list caption img { position: absolute; left: -180px; top: 8px; }

#list td, #list th { padding: 3px; }

#list tbody td { padding: 3px; width: 70px; }

#list tbody td + td + td { padding: 3px; width: 560px; }

/* --- property list and detail buttons --- */
/* --- resident buttons basic settings --- */
a.resbutton { background: #eee; padding: 0 10px; border: 1px solid #ccc; margin-top: 0.2em; display: block; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

a.resbutton:hover { background-color: #fff; border-color: #999; -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); }

/* --- google maps buttons (exceptions above in #prop section) --- */
.goomap { font-size: 90%; white-space: nowrap; display: inline-block; vertical-align: top; background: #eee url(/images/icon-google-maps.png) no-repeat 0.25em 50%; border: 1px solid #ccc; padding: 0 0.25em 0 1.5em; margin: 0 0.25em 0 0.25em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.goomap:hover { border-color: #1a5b9c; background-color: #fff; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); }

/* --- resident buttons for detail pages --- */
a.res { font-size: 24px; line-height: 34px; }

/* --- resident buttons list container --- */
.resclix { position: absolute; right: 1px; top: 0; }

/* --- resident button for listing page  --- */
a.resl { font-size: 16px; line-height: 26px; position: absolute; right: 1px; /* top: -1.3em; */ border: 1px solid #999; }

.resclix a.resl { top: auto; right: auto; position: relative; display: block; }

.jb table { outline: 1px dotted gray; }

.jb table * { background: rgba(255, 192, 203, 0.15); }

/* --- resident button no longer in use  --- */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> FEATURE TABS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.tabWidget { overflow: hidden; }

.tabWidget .tabWidget { overflow: hidden; border-top: 1px solid #d5ccbc; }

.tabWidget .tabPanel { display: block; }

.tabWidget .tab { clear: both; float: left; width: 320px; cursor: pointer; text-align: center; color: #1a5b9c; font-size: 24px; line-height: 40px; outline: none; }

.tabWidget .tab:hover { color: #69c; text-decoration: underline; }

.js .tabWidget .tab { clear: none; }

.tabWidget .panel { clear: right; display: block; float: right; margin-left: -100%; margin-top: 40px; width: 100%; background: #e9e7dd; }

.js .tabWidget .panel { display: none; clear: none; }

.tabWidget .panel-inner { padding: 40px; }

.tabWidget .selected .tab { background: #e9e7dd url(/images/bg-content-tab-shadow.gif) no-repeat left top; }

.js .tabWidget .selected .panel { display: block; }

span.listast { display: inline-block; padding: 2px 8px; background: rgba(255, 255, 255, 0.35); border-radius: 3px; font-size: 115%; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> HOME CONTENT - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#home header { background: #fff; /* min-height: 850px; */ /* overflow: auto; */ }

#home #hhero img { width: 100%; }

#hplace { position: relative; background: url(/images/bg-slider-grad.png) repeat-x left top; /* min-height: 450px; */ z-index: 85; width: 100%; }

#hplace #hptext { margin: 0 490px 0 40px; padding: 35px 0 100px 0; }

#hplace h1 { margin: 0 0 15px 0; padding: 0; }

#hplace .h2 { margin: 10px 0 0 0; font-size: 32px; line-height: 38px; color: #333; }

#hplace p { margin: 0; font-size: 24px; line-height: 1.35; color: #666; }

#hplace ul#mobile-jump { display: none; }

#hplace #mapimg { position: absolute; top: -70px; right: 0; /* height: 428px; overflow: hidden; */ }

#home #nhome { display: none; }

/* old homepage map images
#mtr a								{ position: absolute; top: -40px; left:	50px; width: 390px; height: 390px; background: url(/images/map-h-tri-off.png) no-repeat left top; }
#mtn a								{ position: absolute; top: 67px; left: -95px; width: 229px; height: 228px; background: url(/images/map-h-tn-off.png) no-repeat left top; }
#mla a								{ position: absolute; top: 285px; left: -15px; width: 229px; height: 228px; background: url(/images/map-h-la-off.png) no-repeat left top; }
#mal a								{ position: absolute; top: 325px; left: 202px; width: 229px; height: 228px; background: url(/images/map-h-al-off.png) no-repeat left top; }
#mtr a:hover						{ background-image: url(/images/map-h-tri-on.png); }
#mtn a:hover						{ background-image: url(/images/map-h-tn-on.png); }
#mla a:hover						{ background-image: url(/images/map-h-la-on.png); }
#mal a:hover						{ background-image: url(/images/map-h-al-on.png); }
*/
/*
.button								{ height: 47px; width: 156px; background: url(/images/hover_sprite.png) top center; position: relative; cursor: pointer; }
.button span						{ position: absolute; top: 0; left: 0; height: 47px; width: 156px; background: url(/images/hover_sprite.png) bottom center; opacity:0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; }
.button span:hover					{ opacity: 1; }
*/
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> RESPONSIVE	 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media screen and (max-width: 980px) { /* --- header img for parkside --- */
  header img#gogo { top: 50px; }
  /* --- sitewide stuff --- */
  #bpat { padding: 10px 0; min-height: 700px; }
  #wrap { width: 98%; }
  nav { height: 101px; }
  nav ul { top: 66px; right: 0; width: 100%; }
  nav ul li { width: 33.29%; padding: 0; text-align: center; }
  nav ul li { width: 34%; }
  nav ul li + li { width: 38%; }
  nav ul li + li + li { width: 28%; }
  nav ul li a { padding: 10px 0; margin: 0; display: block; }
  footer { height: 80px; padding-top: 10px; }
  footer p { line-height: 20px; text-align: center; padding-top: 0; }
  /* --- contact --- */
  #locs li { width: 31.33%; margin-right: 2%; }
  #locs li:nth-of-type(1n) { width: 32%; }
  #locs li:nth-of-type(3n) { margin-right: 0; }
  /* --- property detail --- */
  .tabWidget .tab { width: 33%; font-size: 24px; }
  /* --- home --- */
  #hplace #hptext { margin: 0 450px 0 40px; padding-bottom: 50px; }
  #hplace #mapimg { width: 450px; overflow: hidden; bottom: 0; top: auto; height: 430px; } }

/* END 980 max-width */
@media screen and (max-width: 850px) { /* --- header img for parkside --- */
  header img#gogo { top: 60px; }
  /* --- property list --- */
  #list caption a.resl { position: absolute; left: -180px; top: 118px; right: auto; font-size: 15px; padding: 0 5px; }
  #list .resclix { left: -180px; top: 134px; right: auto; }
  #list caption a.resl { position: relative; left: auto; top: auto; right: auto; font-size: 15px; padding: 0 5px; }
  /* --- property detail --- */
  #prop dl { font-size: 20px; }
  #prop div.office dt { font-size: 80%; }
  #prop div.office dd { font-size: 80%; }
  a.res { font-size: 20px; }
  /* --- home --- */
  #hplace #hptext { margin: 0 430px 0 20px; padding-bottom: 30px; }
  #hplace h1 { margin: 0 0 15px 0; font-size: 24px; }
  #hplace .h2 { font-size: 24px; } }

/* END 850 max-width */
@media screen and (max-width: 725px) { /* --- header img for parkside --- */
  header img#gogo { top: 70px; }
  /* --- contact --- */
  #contact nav ul li { width: 46%; }
  #contact nav ul li + li { width: 32%; }
  #contact nav ul li + li + li { width: 22%; }
  /* --- contact --- */
  #locs li { width: 48%; margin-right: 2%; }
  #locs li:nth-of-type(odd) { width: 49%; margin-right: 2%; }
  #locs li:nth-of-type(even) { width: 49%; margin-right: 0; }
  /* --- property detail --- */
  a.res { font-size: 16px; }
  /* --- home --- */
  #hplace #mapimg { bottom: auto; top: -50px; height: auto; } }

/* END 725 max-width */
@media screen and (max-width: 660px) { /* --- property detail --- */
  #prop dl { font-size: 16px; }
  a.res { font-size: 14px; display: block; }
  .tabWidget .tab { font-size: 20px; }
  #info ul li { width: 95%; margin: 4px 0 4px 5%; }
  /* --- home --- */
  #hplace #hptext { margin: 0 40px; padding-bottom: 460px; }
  #hplace #mapimg { bottom: 0; top: auto; height: 430px; width: auto; text-align: right; } }

/* END 660 max-width */
@media screen and (max-width: 560px) { /* --- header img for parkside --- */
  header img#gogo { top: 80px; }
  /* --- contact --- */
  #locs li { width: 100%; margin-right: 0; }
  #locs li:nth-of-type(odd) { width: 100%; margin-right: 0; }
  #locs li:nth-of-type(even) { width: 100%; margin-right: 0; }
  /* --- property list --- */
  #list table { margin-left: 0; }
  #list caption { line-height: 0.80; }
  #list caption a { line-height: 1.0; display: block; margin-bottom: 5px; }
  #list caption img { position: relative; left: auto; top: auto; right: auto; display: block; }
  #list .resclix { position: relative; top: auto; left: auto; margin-top: 0; }
  #list caption a.resl { font-size: 24px; line-height: 34px; position: relative; left: auto; top: auto; right: auto; width: auto; text-align: center; display: block; margin-top: 10px; margin-bottom: 0; }
  #list caption a.listlink { display: inline; line-height: 1.1em; }
  /* --- property detail --- */
  #prop { display: block; direction: ltr; padding: 0; width: 100%; }
  #prop #propinfo { display: block; direction: ltr; /* vertical-align: top; */ padding: 0 5% 10px 5%; width: 90%; }
  #prop #propimgs { display: block; direction: ltr; /* vertical-align: top; */ padding: 0 5% 10px 5%; width: 90%; }
  #prop dl { font-size: 24px; }
  #prop dd em { /* font-size: .85%; */ width: 5em; }
  a.res { font-size: 24px; }
  .tabWidget .tab { font-size: 16px; }
  /* --- home --- */
  header a#logo { width: 80%; left: 10%; }
  header a#logo img { width: 100%; }
  #home nav ul li { width: 25%; }
  #home nav ul li + li { width: 46%; }
  #home nav ul li + li + li { width: 29%; }
  #hplace #hptext { padding-top: 10px; text-align: center; }
  #hplace #mapimg { width: 100%; z-index: 5; opacity: .35; }
  #hplace ul#mobile-jump { position: absolute; display: block; z-index: 10; right: 0; left: 0; margin: 15px 0 0 0; text-align: center; }
  #hplace ul#mobile-jump li.h3 { font-size: 20px; background: rgba(255, 255, 255, 0.5); color: #1a5b9c; }
  #hplace ul#mobile-jump li a { display: block; margin: 5px; padding: 3px 10px; background: rgba(26, 91, 156, 0.85); color: white; font-size: 22px; }
  #usemap2 { display: none; } }

/* END 560 max-width */
@media screen and (max-width: 430px) { /* --- property detail --- */
  .tabWidget .tab { font-size: 12px; }
  /* --- home --- */
  header a#logo { width: 96%; left: 2%; }
  nav ul li a { font-size: 16px; }
  #hplace #hptext { margin: 0 10px; }
  #hplace #mapimg { text-align: right; }
  #hplace #mapimg img { position: relative; right: 60px; } }

/* END 430 max-width */
@media screen and (max-width: 350px) { /* --- home --- */
  #hplace #mapimg img { margin-left: -15%; } }

/* END 350 max-width */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> ALL ELSE	 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* For TypeKit logo */
.typekit-badge { opacity: 0.25; filter: alpha(opacity=25); outline: 1px dotted red; }

.typekit-badge:hover { opacity: 1.00; filter: alpha(opacity=100); }

@media print { .nope { display: none; }
  .slider-wrapper { display: none; }
  #list table { page-break-inside: avoid; margin-bottom: 20px; }
  /* JBPRINT */
  .typekit-badge { opacity: 0.0; }
  /* JBPRINT */ }