html { background: url(../img/html.png) #5f5f5f repeat-x; height: 102%; overflow-y: scroll; }
body { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 1.1em; padding: 0; margin: 0; min-height: 100%; text-align: center; }

a { color: #579; text-decoration: none; }
a:hover { color: #cc0000; }
a img { border: none 0; 
}

hr { border: none 0; border-bottom: dashed 1px #5e5e5e; margin: 16px 0px; }

#page { margin: 0px auto 30px auto; min-width: 880px; position: relative; width: 980px; text-align: left; } /* 880 */

#banner { border-bottom: double 3px #fff; color: #FFF; height: 80px; padding: 20px; position: relative; }

#qp-logo { float: left; bottom: 0px; height: 104px; left: 10px; position: absolute; width: 100px; }
#qp { left: 120px; position: absolute; top: 5px; }
#qp-title { font-size: 0.8em; left: 100px; position: absolute; bottom: 5px; }

#contact, #navigation, #footer { font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif; }

#contact { position: absolute; float: left; height: 25px; top: 0px; right: 220px; }
#contact ul, #contact ul li  { list-style-type: none; margin: 0px; padding: 0px; float: left; }
#contact ul { background-color: #5A5A5A; padding: 0px 6px; height: 25px; border-radius: 0em 0em 0.4em 0.4em; -moz-border-radius: 0em 0em 0.4em 0.4em; -webkit-border-bottom-left-radius: 0.4em; -webkit-border-bottom-right-radius: 0.4em; }
#contact ul li { color: #CCC; font-size: 12px; line-height: 22px; padding: 0px 11px; position: relative; }
#contact ul li a { padding: 0px; display: block; float: left; color: #CCC; }
#contact ul li a:hover { border-bottom: #8DBDD8 2px solid; color: #fff; }
#contact #phone-number { color: #fff; border-left: #555 1px solid; font-weight: bold; }

.ie #contact ul { border-bottom: double 3px #000; }

#navigation { font-size: 0.8em; position: absolute; float: left; height: 41px; top: 46px; right: 0px; }
#navigation .left { width: 5px; background: url(../img/nav-l.png) no-repeat left top; float: left; height: 41px; }
#navigation .right { width: 3px; background: url(../img/nav.png) no-repeat right top; float: left; height: 41px; }
#navigation ul, #navigation ul li { padding: 0px; line-height: 36px; list-style-type: none; margin: 0px; float: left; }
#navigation ul { background: url(../img/nav.png) repeat-x 0px -41px; height: 41px; }
#navigation ul li a { background: url(../img/nav-s.png) no-repeat right -2px; border-top: transparent 2px solid; color: #ccc; display: block; float: left; height: 39px; padding: 0px 18px; }
#navigation ul li.selected a { color: #fff; }
#navigation ul li.last a { background-image: none; }
#navigation ul li a:hover { border-top: #8DBDD8 2px solid; color: #fff; }

#find-a-property #navigation .find-a-property a,
#our-listings #navigation .our-listings a,
#about-us #navigation .about-us a,
#our-staff #navigation .our-staff a,
#contact-us #navigation .contact-us a { border-bottom: #8DBDD8 2px solid; color: #fff; }

#bread-crumb, #slogan { font-size: 0.8em; line-height: 28px; height: 28px; padding-left: 80px; position: relative; vertical-align: middle; }

#content-wrapper { background: #FFF url("../img/qp-logo-s.png") 10px 0px no-repeat; font: 0.81em/1 Verdana, sans-serif; padding: 0px 14px; }
.not-ie7 #content-wrapper { background-image: url("../img/qp-logo-s.jpg"); }

#content { border-bottom: double 3px #555; border-top: double 3px #555; overflow: hidden; padding: 0px; width: 100%; 
}

#content h1 { border-bottom: dashed 1px #5e5e5e; font: 1.8em Georgia, Times, serif; margin: 0px 0px 10px 0px; padding-bottom: 6px; }
#content h2 { font: 1.6em Georgia, Times, serif; letter-spacing: 0.1em; }
#content h3 { font: 1.4em Georgia, Times, serif; }

hr + h2, hr + h3 { margin-top: 0; }
div > h2:first-child, div > h3:first-child { margin-top: 0; }

#c1 { float: none; width: auto; }
#c1.three-column { margin-right: 418px; }
#c1.two-column { margin-right: 209px; }
#c1.two-column-split { margin-right: 418px; }

#c2 { float: right; }

#sidebar, #c2.two-column-split { border-right: none; clear: right; }

.column { border-right: solid 1px #5e5e5e; display: block; float: right; height: 100%; min-height: 320px; padding: 14px; position: relative; voice-family: inherit; width: 180px; }
.two-column-split { width: 390px; }

#footer { background: url(../img/nav.png) repeat-x 0px -41px; border-left: solid 0px #1A1A1A; border-right: solid 0px #1A1A1A; border-top: double 3px #fff; color: #5e5e5e; clear: both; font-size: .8em; height: 41px; line-height: 41px; padding: 0px 20px; position: relative; overflow: hidden; vertical-align: middle; border-radius: 0em 0em 0.8em 0.8em; -moz-border-radius: 0em 0em 0.8em 0.8em; -webkit-border-bottom-left-radius: 0.8em; -webkit-border-bottom-right-radius: 0.8em; }
#footer a { color: #bbb; }
#footer a:hover { color: #fff; text-decoration: underline; }
#footer b { color: #fff; }

#copyright { float: right; margin: 0 auto; text-align: right; vertical-align: middle; }

.qp-red { color: #C60925; }
.photo { border: dashed 1px #5e5e5e; margin-top: 18px; border-radius: 1.4em; -webkit-border-radius: 1.4em; }
.w3c-icon { width: 88px; height: 31px; }
.hidden { display: none; }
.error { color: #C60925; }

.more { margin-bottom: 18px; margin-top: -10px; text-align: right; }
.more a { color: #8dbdd8; font-size: 0.8em; font-style: italic; }
.more a:hover { color: #28283C; }
.more a:after { content: "..."; }

.info-box { background-color: rgb(238, 238, 238); border: solid 1px rgb(192, 192, 192); border-collapse: collapse; margin: 20px; padding: 20px; text-align: center; }

/* master page */

ul#services { list-style-type: none; overflow: hidden; margin: 0px; padding-left: 1em; text-indent: -1em; }
ul#services li { list-style-type: none; margin: 0; padding: 4px 0px; }
ul#services li:before { content: "\00BB \0020"; }

.not-ie8 ul#services { padding-left: 16px; text-indent: 0; }
.not-ie8 ul#services li { list-style-type: circle; }

/* maps */

#map { background: url(../img/map.jpg); border: dashed 1px #5e5e5e; height: 178px; width: 178px; }
#map.gmap { background-image: none; }

#our-listings #c1 #map { background-image: none; height: 360px; width: 100%; }
#directions #map { background-image: none; height: 360px; width: 100%; }

/* page specific */

#visit-us p { line-height: 1.2em; }
#about-us ul#services li { float: left; width: 280px; }

/* form */

label.required em { color: #C60925; }

.form { display: block; margin: 0; overflow: hidden; padding: 0; position: relative; }
.form li { clear: left; display: block; list-style: none; margin: 0; padding: 4px 5px 2px 9px; }
.form em { font-weight: bold; color: #f00; }
.form label { font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; }
.form input, .form textarea, .form select { font: 0.9em; width: 340px; }
.form input.number { text-align: right; width: 70px; }
.form textarea { height: 100px; width: 343px; }
.form .phone { text-align: right; width: 100px; }
.form li > span { float: left; padding-bottom: 8px; margin-right: 4px; }
.form li > label:first-child { display: block; font-size: 1.0em; font-weight: bold padding-bottom: 1px; color: #222; line-height: 150%; }
.form li > div label, .form li > span label { clear: both; display: block; font-size: 0.7em; color: #444; line-height: 9px; padding-top: 6px; text-transform: lowercase; }

/* listing */

.listing { background-color: #FFF; border: solid 1px #5e5e5e; border-collapse: collapse; color: #333333; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; min-width: 600px; table-layout: fixed; width: 100%; }
.listing > thead > tr > th { background-color: #FFF; border: inset 1px #A0A0A0; border-top: none; border-bottom: double 3px; color: #000; font-size: 11px; font-weight: normal; padding: 4px 10px; vertical-align: middle; text-align: center; }
.listing > thead > tr > th:first-child { font-size: 11px; font-weight: bold; }
.listing > tbody { background-color: ; border: solid 3px #fff; }
.listing > tbody.altrow { background-color: #eee; }
.listing > tbody > tr > th, .listing > tbody > tr > td { color: #333333; padding: 8px 10px; vertical-align: middle; }
.listing > tbody > tr > th { padding: 10px; text-align: left; }

th.property-type { width: 60px; }
th.sale-type { width: 50px; }
th.sale-type { text-align: center; width: 50px; }
th.size { width: 60px; }
td.size { text-align: right; }
td.street { font-weight: bold; }

.listing thead th { border-bottom: solid 1px #BBD9EE; clear: both; margin: 0; position: relative; }