@font-face { font-family: "QlassikMedium-Regular"; src: local("QlassikMedium-Regular"), url(/stylesheets/fonts/Qlassik_TB.otf) format('opentype'), url(/stylesheets/fonts/Qlassik_TB.eot) format('truetype'); }

@font-face { font-family: "QlassikBold-Regular"; src: local("QlassikBold-Regular"), url(/stylesheets/fonts/QlassikBold_TB.otf) format('opentype'), url(/stylesheets/fonts/QlassikBold_TB.eot) format('truetype'); }

.clearfix { display: inline-block; }
.clearfix:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.clearfix { display: block; }

body body { font-size: 100%; line-height: 1.5em; }
body html > body { font-size: 16px; }
body body { text-align: center; }

#root { margin: 0 auto; }

#header, #content, #footer { overflow: hidden; display: inline-block; text-align: left; margin-left: auto; margin-right: auto; width: 972px; max-width: 100%; min-width: 810px; }
#header, #content, #footer { display: block; }
#header-wrapper, #content-wrapper, #footer-wrapper { padding: 0 4em; }

#sidebar { display: inline; float: left; width: 23.457%; margin-right: 1.235%; margin-left: 1.235%; }

#page { display: inline; float: left; width: 60.494%; margin-right: 1.235%; padding-left: 6.173%; padding-right: 6.173%; display: inline; float: right; margin-right: "1.235%%"; /* ugly hacks for IE6-7 */ #margin-right: -12px; /* end ugly hacks */ min-height: 100%; margin-left: 0; }

#content .article { overflow: hidden; display: inline-block; padding-bottom: 1em; }
#content .article { display: block; }
#content .article .header { padding-left: 30.864%; padding-right: 6.173%; clear: both; margin-right: 1.235%; margin-left: 1.235%; }

#header { overflow: hidden; display: inline-block; }
#header #masthead_animation { width: 812px; height: 110px; display: block; }
#header { display: block; }

#footer { margin-top: 18px; }
#footer .bottom_nav { margin: 10px 0; }
#footer .bottom_nav a { display: inline-block; margin-right: 1em; }
#footer .contact { margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; padding: 2px 20px; }
#footer .contact { display: block; }
#footer .contact li { list-style-image: none; list-style-type: none; margin-left: 0px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; /* ugly hacks for IE6-7 */ #display: inline; #vertical-align: auto; white-space: no-wrap; padding-left: 0; padding-right: 0; }
#footer .contact .type { display: inline; }
#footer .contact li { margin-right: 10px; }

#menu { margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; margin: 18px 0; }
#menu { display: block; }
#menu li { list-style-image: none; list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 0; padding-right: 0; }
#menu li:first-child, #menu li.first { padding-left: 0px; }
#menu li:last-child, #menu li.last { padding-right: 0px; }
#menu a { display: block; padding-right: 10px; padding-left: 27px; line-height: 22px; }

#submenu { margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; }
#submenu { display: block; }
#submenu li { list-style-image: none; list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; }
#submenu li:first-child, #submenu li.first { padding-left: 0px; }
#submenu li:last-child, #submenu li.last { padding-right: 0px; }
#submenu a { font-weight: bold; text-decoration: none; color: #9b0000; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
#submenu a:hover { background-color: #9b0000; color: white; text-decoration: none; }

/* @group forms */
div.fieldWithErrors { display: inline; }

#errorExplanation { border-top: 3px solid #f27f7f; background: #ffbebe; padding: 10px; }

#errorExplanation, #errorExplanation *, .fieldWithErrors, .fieldWithErrors * { color: #9c2626; }

/* @end */
.ui-slider-range { background-color: #f03552; }

.pagination { margin: 1em auto; text-align: center; font-weight: bold; }
.pagination a { color: #9b0000; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; text-decoration: none; padding: 2px 5px; border: 1px solid #eeeeee; }
.pagination a:hover { background-color: #9b0000; color: white; text-decoration: none; }
.pagination a:hover { border-color: #9b0000; }
.pagination .disabled { color: #999999; }
.pagination .current { background: #333333; padding: 2px 5px; border: 1px solid black; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; color: white; }

/* @group tables */
/* tables still need 'cellspacing="0"' in the markup */
/* @end */
#header { text-align: left; }
#header .logo { display: none; }

#menu { border-bottom: 1px solid #999999; }
#menu a { font-family: "Helvetica Neue", Helvetica, Arial, Lucida, Verdana, sans-serif; color: white; text-decoration: none; font-size: 12px; background-color: black; background-image: url('/stylesheets/images/angle-white.png?1279877835'); background-position: 0 100%; background-repeat: no-repeat; }
#menu a:hover { background-color: #8a0000; }
#menu li.selected a, #menu li.selected a:hover { background-color: #bd021f; }

#footer .contact { background: black; }
#footer .contact * { color: white; }
#footer .contact a { text-decoration: none; }
#footer .contact a:hover { text-decoration: underline; }

/* @group typography */
body { font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif; font-size: 0.75em; }

em { font-family: Baskerville, Times, "Times New Roman", Georgia, serif; font-size: 120%; font-style: italic; }

strong { font-weight: bold; }

small { font-size: 80%; }

pre { font-family: Monaco, "Andale Mono", "Lucida Console", monospace; line-height: 1.5; }

code { font-family: Monaco, "Andale Mono", "Lucida Console", monospace; }

mark, span.highlight, em.highlight, strong.highlight { background-color: #ffff66; padding: 2px; margin: 0 -2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }

p { margin-bottom: 1em; }

blockquote { padding: 0px 2em 0px 1em; margin: 0 0 15px 1.4em; font-family: Baskerville, Times, "Times New Roman", Georgia, serif; font-style: italic; font-size: 1.3em; }
blockquote p { color: #999999; padding-bottom: 0 !important; }

hr { clear: both; border-color: white; }

.ucase { text-transform: uppercase; }

.amp { font-family: Baskerville, Times, "Times New Roman", Georgia, serif; font-style: italic; }

h1 { font-size: 250%; line-height: 110%; margin-top: 0.5em; margin-bottom: 0.7em; }

h2 { font-size: 200%; line-height: 110%; margin-top: 0.5em; margin-bottom: 0.7em; }

h3 { font-size: 140%; margin-top: 1.5em; margin-bottom: 0.5em; }

h4 { font-size: 120%; margin-top: 1em; margin-bottom: 0.5em; }

h5 { font-size: 100%; margin-top: 1em; margin-bottom: 0.5em; }

h6 { font-size: 80%; margin-top: 1em; margin-bottom: 0; }

h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, Arial, Lucida, Verdana, sans-serif; color: #444444; font-weight: bold; }

h1, h2 { font-family: "QlassikMedium-Regular", Helvetica, Lucida, Verdana, sans-serif; }

h1 { color: #999999; }

a { color: #bd021f; }
a:hover { color: #df2441; }
a:active { color: #9b0000; }

#page a { color: #9b0000; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; font-weight: bold; }
#page a:hover { background-color: #9b0000; color: white; text-decoration: none; }

#sidebar { font-size: 90%; }
#sidebar h3, #sidebar h4, #sidebar h5 { color: #999999; }

#sidebar .contact { font-family: "Helvetica Neue", Helvetica, Arial, Lucida, Verdana, sans-serif; }
#sidebar .contact a { color: #9b0000; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
#sidebar .contact a:hover { background-color: #9b0000; color: white; text-decoration: none; }
#sidebar .contact .fn { font-family: Baskerville, Times, "Times New Roman", Georgia, serif; font-size: 18px; font-weight: normal; color: #bd021f; }
#sidebar .contact .street-address { font-size: 1.2em; font-weight: bold; }
#sidebar .contact .adr span { display: block; }
#sidebar .contact .adr span.locality, #sidebar .contact .adr span.region { display: inline; }
#sidebar .contact .adr span.region { margin-left: 1en; }
#sidebar .contact .tel, #sidebar .contact .email { font-weight: bold; margin: 0; text-align: right; }
#sidebar .contact .tel .type, #sidebar .contact .email .type { display: inline; float: left; }
#sidebar .contact .url { text-align: center; }

#footer { text-align: center; }
#footer .contact { line-height: 18px; font-family: "Helvetica Neue", Helvetica, Arial, Lucida, Verdana, sans-serif; }
#footer .contact h5 { margin-right: 1em; }
#footer .contact li { margin: 0 2em; }
#footer .bottom_nav { font-size: 80%; }
#footer .bottom_nav a { text-decoration: none; }
#footer .bottom_nav a:hover { text-decoration: underline; }
#footer .copyright { font-size: 80%; color: #999999; }

/* @end */
.showgrid { background-image: url('/stylesheets/images/grid.png'); background-repeat: repeat; background-position: 12px 0; }

/* alignment styles */
.text-align-left { text-align: left; }

.text-align-center { text-align: center; }

.text-align-right { text-align: right; }

.text-align-justify { text-align: justify; }

/* block alignment styles */
.image-align-left { float: left; margin-right: 6px; margin-bottom: 6px; }

.image-align-right { float: right; margin-left: 6px; margin-bottom: 6px; }

/* font sizes */
.font-size-small { font-size: 0.75em; }

.font-size-normal { font-size: 1em; }

.font-size-large { font-size: 1.25em; }

#listings_search { background-color: #dddddd; padding: 12px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; border: 1px solid; border-color: #cccccc; margin: 18px 0; }
#listings_search .field { display: inline; margin-right: 1em; }
#listings_search .field:last-child, #listings_search .field.last { margin-right: 0; }
#listings_search .rooms { display: inline; float: right; }
#listings_search .price_range_select { margin-top: 5px; padding-top: 4px; padding-bottom: 1em; border-top: 1px solid #cccccc; text-align: right; }
#listings_search .price_range_select h4 { display: inline; float: left; clear: both; margin: 0; }
#listings_search .ui-slider { margin: 5px 30px 0; }
#listings_search .ui-slider-label { font-size: 10px; font-family: "Helvetica Neue", Helvetica, Arial, Lucida, Verdana, sans-serif; }
#listings_search label { font-weight: bold; }

#listings_index .listing { margin-bottom: 10px; overflow: hidden; display: inline-block; }
#listings_index .listing { display: block; }
#listings_index .listing h5 { margin: 0 0 0.5em; border-bottom: 1px solid #cccccc; padding-top: 2px; }
#listings_index .listing .header, #listings_index .listing .body, #listings_index .listing .footer { clear: both; border: 1px solid #cccccc; overflow: hidden; display: inline-block; }
#listings_index .listing .header, #listings_index .listing .body, #listings_index .listing .footer { display: block; }
#listings_index .listing .body, #listings_index .listing .footer { background: #eeeeee; }
#listings_index .listing .header { -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -o-border-top-left-radius: 8px; -ms-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -o-border-top-right-radius: 8px; -ms-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; position: relative; background: #dddddd; padding: 5px 10px; }
#listings_index .listing .header a { text-decoration: none; color: inherit; }
#listings_index .listing .header a.header_link { text-indent: -9999em; overflow: hidden; text-align: left; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
#listings_index .listing .header:hover { background: #666666; }
#listings_index .listing .header:hover * { color: white; cursor: pointer; }
#listings_index .listing .header .address, #listings_index .listing .header .neighbourhood { margin: 0 1em 0 0; padding: 0; font-size: 1.2em; }
#listings_index .listing .header .address { display: inline; float: left; }
#listings_index .listing .header .neighbourhood { font-weight: normal; font-size: 1em; }
#listings_index .listing .header .price { position: absolute; right: 10px; top: 5px; font-weight: bold; }
#listings_index .listing .body { padding-top: 10px; border-top: none; border-bottom: none; }
#listings_index .listing .footer { -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -o-border-bottom-left-radius: 8px; -ms-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; -o-border-bottom-right-radius: 8px; -ms-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; border-top: none; height: 8px; }
#listings_index .listing .photo { display: inline; float: left; width: 17.284%; margin-right: 1.235%; margin-left: 1.235%; height: 75px; }
#listings_index .listing .mls { display: inline; float: right; font-size: 10px; color: #666666; background: url(/images/mls/mlsricon.png) left 50% no-repeat; padding-left: 24px; }
#listings_index .listing .details { display: inline; float: left; width: 41.975%; margin-right: 1.235%; padding-right: 6.173%; }
#listings_index .listing .property_type { margin-bottom: 0.5em; }
#listings_index .listing .button { color: #9b0000; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; text-decoration: none; float: right; font-size: 10px; }
#listings_index .listing .button:hover { background-color: #cccccc; color: #9b0000; text-decoration: none; }
#listings_index .listing .agent { display: inline; float: left; width: 29.63%; margin-right: 1.235%; display: inline; float: right; margin-right: "1.235%%"; /* ugly hacks for IE6-7 */ #margin-right: -12px; /* end ugly hacks */ }
#listings_index .listing .agent p { margin: 0; }
#listings_index .listing .agent a { color: #9b0000; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; text-decoration: none; }
#listings_index .listing .agent a:hover { background-color: #9b0000; color: white; text-decoration: none; }
#listings_index .listing .agent .name a { padding: 2px 2px 2px 24px; margin: -2px 0; background-repeat: no-repeat; background-position: 2px 50%; background-image: url('/stylesheets/images/link_icons/im.png?1279877835'); font-weight: bold; }
#listings_index .listing .agent .email a { padding: 2px 2px 2px 24px; margin: -2px 0; background-repeat: no-repeat; background-position: 2px 50%; background-image: url('/stylesheets/images/link_icons/email.png?1279877835'); font-size: 10px; }

#listing .header { clear: both; margin-right: 1.235%; margin-left: 1.235%; margin-bottom: 1.5em; }
#listing .header h1, #listing .header h2 { display: inline; margin-right: 0.75em; }
#listing .aside { display: inline; float: left; width: 35.802%; margin-right: 1.235%; margin-left: 1.235%; }
#listing .info { display: inline; float: left; width: 60.494%; margin-right: 1.235%; display: inline; float: right; margin-right: "1.235%%"; /* ugly hacks for IE6-7 */ #margin-right: -12px; /* end ugly hacks */ }
#listing .mls { display: inline; float: right; }
#listing .neighbourhood { font-size: 1.2em; font-family: "Helvetica Neue", Helvetica, Arial, Lucida, Verdana, sans-serif; margin: 0.5em 0 1em; text-transform: uppercase; }
#listing .company { font-family: Baskerville, Times, "Times New Roman", Georgia, serif; font-size: 18px; font-weight: normal; color: #bd021f; }
#listing .description { margin-bottom: 1em; clear: both; }
#listing .price { margin: 0 0 1em; }
#listing .photo { clear: both; overflow: hidden; display: inline-block; margin-bottom: 1.5em; }
#listing .photo { display: block; }
#listing .photo img { display: block; margin: 0 5px 5px 0; }
#listing .thumb { display: inline; float: left; }
#listing .details { -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; overflow: hidden; display: inline-block; background: #dddddd; border: 1px solid #cccccc; padding-top: 1em; padding-bottom: 8px; margin: 1em 0; }
#listing .details { display: block; }
#listing .details h4 { margin: 0; display: inline; float: left; width: 18.367%; margin-right: 2.041%; margin-left: 1.235%; color: #999999; clear: both; }
#listing .details .data { display: inline; float: left; width: 69.388%; margin-right: 2.041%; padding-right: 6.173%; }
#listing .details .data table { width: 100%; margin-bottom: 0.5em; }
#listing .details .data th { width: 25%; line-height: 1em; padding-top: 0.5em; }
#listing .details .data th, #listing .details .data td { vertical-align: top; padding-bottom: 0.5em; border-bottom: 1px solid #eeeeee; }
#listing .details .data tr:last-child th, #listing .details .data tr:last-child td { border-bottom: 0 none; }
#listing .vtour { color: #9b0000; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; padding: 2px 2px 2px 24px; margin: -2px 0; background-repeat: no-repeat; background-position: 2px 50%; background-image: url('/stylesheets/images/link_icons/house.png?1279877835'); text-decoration: none; background-color: #dddddd; padding: 5px 10px 5px 30px; border: 1px solid #cccccc; font-weight: bold; display: inline; float: right; margin: 0 0 1em; }
#listing .vtour:hover { background-color: #9b0000; color: white; text-decoration: none; }
#listing .vtour:hover { border-color: #680000; }
#listing .realtor { margin: 1.5em 0; }
#listing .realtor h2 { margin-bottom: 0; }
#listing .realtor h2 a { text-decoration: none; }
#listing .realtor h2 a:hover { text-decoration: underline; }
#listing .disclaimer { margin: 1.5em 0 0; }

.mlsr_logo { display: inline; float: left; margin: 0 1em 1em 0; }

.details table th, table.details th { font-weight: bold; padding-right: 1em; font-size: 10px; }

.disclaimer { font-size: 9px; color: #999999; clear: both; }

#realtors { list-style: none; }
#realtors li { list-style-image: none; list-style-type: none; margin-left: 0px; }
#realtors .realtor { display: inline; float: left; text-align: center; margin-bottom: 1.5em; margin-right: 1em; width: 110px; }
#realtors .realtor a { text-decoration: none; }
#realtors .realtor .name { font-weight: normal; font-size: 11px; line-height: 12px; margin: 0.5em 0 0; }
#realtors .realtor .title { font-size: 11px; font-style: italic; font-weight: normal; margin: 0; }

.inquiries form { padding-top: 12px; }
.inquiries form label { width: 150px; float: left; }
.inquiries form .actions { margin-left: 150px; }
.inquiries form .field { margin: 12px 0px; }

#body_content_right { display: inline; float: left; width: 23.457%; margin-right: 1.235%; display: inline; float: right; margin-right: "1.235%%"; /* ugly hacks for IE6-7 */ #margin-right: -12px; /* end ugly hacks */ }

#body_content_left { display: inline; float: left; width: 72.84%; margin-right: 1.235%; margin-left: 1.235%; }

#footnotes_debug { display: none; }