html { background: #1B1B1B repeat-x; padding: 0; margin: 0; min-height: 100%; margin: 0; padding: 0; overflow-y: scroll; }
body { font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; font-size: 1.0em; height: 100%; min-height: 100%; padding: 0; margin: 20px; 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; }

.no-borderradius #page, 
.no-borderradius #contact ul,
.no-borderradius #footer,
.no-borderradius #featured fieldset
 { behavior: url(/s/htc/pie.htc); }

#page { border: 10px solid #fff; background: #FFF; margin: 0 auto; min-width: 880px; position: relative; height: 100%; width: 980px; text-align: left; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em; border-radius: 0.4em; } /* 880 */

#banner { /* border-bottom: double 3px #fff; */ height: 80px; padding: 10px; position: relative; width: 960px; }
#loginView { position: absolute; bottom: 14px; right: 24px; text-align: right; font-style: italic; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
#loginView li { float: left; list-style-type: none; margin: 0px 6px; padding: 0; }
#loginView li a { font-size: 0.8em; }

#logo { position: relative; height: 104px; }

#qp-logo, #qp-logo-right { bottom: 10px; height: 104px; left: 10px; position: absolute; width: 100px; }
#qp-logo-right { left: 330px; }
#qp { left: 120px; position: absolute; bottom: 35px; }
#qp-title { color: #3A3A3C; font-size: 0.8em; left: 105px; position: absolute; bottom: 10px; }

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

#contact { position: absolute; top: 0px; right: 30px; height: 56px; }
#contact ul, #contact ul li  { list-style-type: none; margin: 0; padding: 0; }
#contact ul { -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em; border-radius: 0.4em; }
#contact ul li { font-size: 1.2em; height: 28px; line-height: 28px; vertical-align: middle; }
#contact ul li a { color: #1B1B1B; }
#contact ul li a:hover { color: #C60925; }
#contact #phone-number { color: #C60925; font-size: 1.2em; font-weight: bold; }

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

#navigation-wrapper { text-align: center; margin: 8px auto 4px auto; width: 100%; }

#navigation { font-size: 0.9em/1; height: 41px; margin: 0; }
#navigation .left { width: 5px; background: url(../img/nav-l.png) no-repeat left top; float: left; height: 41px; }
#navigation .right { width: 5px; background: url(../img/nav-r.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; padding: 0px 2px; height: 39px; }
#navigation ul li a { background: url(../img/nav-s.png) no-repeat right; /* border-top: transparent 2px solid; */ color: #ccc; display: block; float: left; height: 39px; width: 161px ; }
#navigation ul li.selected a { color: #fff; }
#navigation ul li.last a { background-image: none; }
#navigation ul li a:hover { background-color: #fff; background-color: rgba(255,255,255,0.5); color: #000 }

#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 { color: #fff; font-weight: bold; }

.listing-image { width:351px; float: left; margin-right: 15px; }

ul.gallery, ul.gallery li { padding: 0px; list-style-type: none; margin: 0px; float: left; }
ul.gallery { width: 351px; }
ul.gallery li { float: left; width: 115px; padding: 1px; }
ul.gallery li a { display: block; }

#files { margin-top: 160px; clear: left; }

a.pdf { background: url(/s/img/icons/16/pdf.gif) no-repeat right center; padding-right: 24px; }

fieldset#findPropertyFilter { border: 0 none; margin-bottom: 20px; }
fieldset#findPropertyFilter input.submit { margin-left: 200px; }
#findPropertyFilter legend { font: 1.4em Georgia, Times, serif; padding: 2px 6px; margin-left: 8px; text-align: center; }

#sidebar fieldset { border: 0 none; border-top: 1px solid; }
#sidebar legend { font: 1.4em Georgia, Times, serif; padding: 2px 6px; margin-left: 8px; text-align: center; }

#content-wrapper { font-size: 0.81em/1; padding: 0px 4px; }

#content { overflow: hidden; padding: 10px 0px; width: 100%; }

#content h1 { font: 1.8em Georgia, Times, serif; margin: 0px 0px 10px 0px; padding-bottom: 6px; }
#content .bio h1 { margin: 0; padding: 0; }
#content h2 { font: 1.6em Georgia, Times, serif; letter-spacing: 0.1em; margin: 0; padding: 0px 16px; }
#content h2 a { font-size: 1.2em; color: #C60925; }
#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 p { line-height: 1.2em; text-align: justify; }
#c1 strong { color: #C60925; font-variant: small-caps; font-size: 1.2em; }


#c1.three-column { margin-right: 418px; }
#c1.two-column { margin-right: 300px; }
#c1.two-column-split { margin-right: 418px; }

#c2 { float: right; }

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

.column { border-right: solid 0px #5e5e5e; display: block; float: right; height: 100%; position: relative; voice-family: inherit; width: 280px; }
.two-column-split { width: 390px; }

#footer { background: #1B1B1B center; color: #5e5e5e; clear: both; font-size: .8em; line-height: 22px; margin: 0px auto 20px auto; width: 990px; padding: 5px; position: relative; vertical-align: middle; text-align: left; -moz-border-radius: 0em 0em 0.8em 0.8em; -webkit-border-bottom-left-radius: 0.8em; -webkit-border-bottom-right-radius: 0.8em; border-radius: 0em 0em 0.8em 0.8em; }
#footer a { color: #bbb; }
#footer a:hover { color: #fff; text-decoration: underline; }
#footer b { color: #fff; }

#copyright { float: right; margin: 10px; text-align: right; vertical-align: middle; }
#slogan { font-size: 0.8em/1; color: #FFF; line-height: 28px; height: 28px; position: absolute; right: 20px; bottom: 20px; vertical-align: middle; }

.float-right { float: right ! important; }
.float-left { float: left ! important; }
.text-right { text-align: right ! important; }
.text-center { text-align: center ! important; }
.text-left { text-align: left ! important; }
.margin-10px { margin: 10px; }
.margin-20px { margin: 20px; }
.float-right.margin-20px {  margin: 5px 0px 5px 20px; }
.float-left.margin-20px {  margin: 5px 20px 5px 0px; }
.overflow-clear { overflow: hidden; }

.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; }

.odd { background-color: #EEE; }
.hover { background-color: #F0F4F7; }

.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; }

#featured fieldset { border: 1px solid; -webkit-border-top-left-radius: 0.4em; -moz-border-radius-topleft: 0.4em; border-top-left-radius: 0.4em; -webkit-border-bottom-left-radius: 0.4em; -moz-border-radius-bottomleft: 0.4em; border-bottom-left-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; border-radius: 0.4em; }

#featured ul, #featured ul li { list-style-type: none; margin: 0; }
#featured ul { padding: 0; }
#featured li { padding: 0px 10px 20px 10px; text-align: right; overflow: hidden; border-top: 1px none #3A3A3C; }
#featured li.first { border-top: 0 none ! important; }
#featured li img { float: left; width: 115px; margin: 2px; }
/* 
#featured li.odd img { float: right; width: 115px; }
#featured li.odd { text-align: left; }
*/
#featured h4 { margin: 8px 0px 2px 0px; }
#featured h4 a { color: #C60925; }

ul.nobullets, ul.nobullets li { list-style-type: none; }
ul.nobullets li { text-align: right; margin-right: 12px; font-weight: bold; height: 1.6em; line-height: 1.6em; vertical-align: middle; }
ul.nobullets label { float: left; font-weight: normal; }

.size-0 { display: none; }

/* master page */

ul.qp { list-style-type: none; margin: 0px; padding-left: 1em; text-indent: -1em; }
ul.qp li { list-style-type: none; margin: 0; padding: 8px 0px; }
ul.qp li:before { content: "\00BB \0020"; }
ul.qp em { float: right; text-align: right; }

ul#services { list-style-type: none; overflow: hidden; margin: 0px; padding-left: 1em; text-indent: -1em; }
ul#services li { float: left; list-style-type: none; margin: 0; padding: 8px 0px; width: 50%; }
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 #map { background-image: none; height: 640px; width: 640px; }
#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; }

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

.editform input[type=text], 
.editform textarea
	{ width: 240px; }

.editform input.number 
	{ text-align: right; width: 120px; }

.results { margin-right: 300px; }

/* listing */

.22listing { 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%; }

.22listing { padding: 10px; border: 15px solid #3A3A3C; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em; border-radius: 0.4em; }

.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; }

#loginMenu ul{display:none;position:absolute;left:0;top:100%;-moz-box-shadow:3.5px 3.5px 5px #000;-webkit-box-shadow:3.5px 3.5px 5px #000;box-shadow:3.5px 3.5px 5px #000;padding:0 10px 10px;background-color:#FFF;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-color:#d4d4d4;z-index:100;}
#loginMenu li:hover>*{display:block;}
#loginMenu li:hover{position:relative;}
#loginMenu ul ul{position:absolute;left:100%;top:0;}
#loginMenu li{display:block;white-space:nowrap;float:left;}
#loginMenu>li,#loginMenu li{margin:0;}
#loginMenu a{display:block;vertical-align:middle;padding:10px;}
#loginMenu ul li{float:none;margin-top:5px;}
#loginMenu ul a{text-align:left;padding:6px 4px;background-color:#FFF;color:#000;}
#loginMenu ul li:hover>a{color:#868686;}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../img/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../img/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../img/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../img/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../img/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../img/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../img/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../img/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../img/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../img/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../img/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../img/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(../img/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../img/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../img/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../img/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../img/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../img/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../img/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../img/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}