/* general ----------------------------------------------- */

html, body{height:100%;} 
html,body {margin:0;padding:0}
body {background: #fff; margin: 0px; padding: 0px; font-family: arial;  font-size: 12px; color:#333;}
#bodywrapper {width: 980px; margin: 0 auto; padding: 0px; }
table {border-collapse:collapse;}
.center {text-align: center;}


/* end general ----------------------------------------------- */




/* typography ----------------------------------------------- */

a:focus {outline: none ; }
a:active {outline: none ;}
a:link {text-decoration: none; color: #003366;}
a:visited {text-decoration: none; color:#919191;}
a:active {text-decoration: none; color: #003366;}
a:hover{text-decoration: underline;}
p {margin: 0px 0px 16px 0px; padding: 0px; line-height:19px; }
h1 {margin-top: 0px; padding-top: 40px; padding-left: 50px;}
h2 {color: #bd9f3c; font-family: georgia;}
h3 {color: #bd9f3c; font-family: georgia;}
h4 {font-family: georgia;}
h5 {font-family: georgia;}
blockquote {margin: 10px; padding: 20px; line-height: 20px; font-size: 15px; font-family:Georgia, "Times New Roman", Times, serif; background:url(graphics/quote.gif) no-repeat top left;}
strong {color: #000;}
hr {display: none;}
dd {font-family:Arial, Helvetica, sans-serif;}
.new {color: red; font-weight: bold; font-style: italic;}

/* end typography ----------------------------------------------- */




/* header ----------------------------------------------- */

#header {width: 980px; height: 185px; background: url(graphics/header-bg.jpg) top no-repeat; margin-top: 30px;}
#header h1.title {width/**/:297px; height/**/:115px; line-height:115px; text-indent:0px; margin-bottom: 10px;}
#header h1.title a {display:block; width/**/:297px; height/**/:115px; line-height:115px; text-indent:-9000px; background:url(graphics/boston-real-estate.gif) right bottom no-repeat;}

/* end header ----------------------------------------------- */




/* navbar ----------------------------------------------- */

#navbar {height: 35px; background: #132963 url(graphics/bg.jpg) repeat-y;  line-height: 0px;  margin: 0px; padding: 0px;}
#navcontainer { margin: 0px; height: 35px; padding: 0px 0px 0px 139px; background: url(graphics/seal.jpg) no-repeat left; text-align: left; }
#navcontainer ul {padding: 0; margin: 0; text-align: left; line-height: 35px;}
#navcontainer ul li { display: inline; }
.navhomesearch {display: block; height: 35px; width: 118px; float: left;}
.navhomesearch a {display:block; width/**/:118px; height/**/:35px; line-height:35px; text-indent:-9000px; background:url(graphics/1off.gif) no-repeat top left;}
.navhomesearch a:hover {background-position: bottom left;}
.navluxury {display: block; height: 35px; width: 118px; float: left;}
.navluxury a {display:block; width/**/:118px; height/**/:35px; line-height:35px; text-indent:-9000px; background:url(graphics/2off.gif) no-repeat top left;}
.navluxury a:hover {background-position: bottom left;}
.navbuying {display: block; height: 35px; width: 64px; float: left;}
.navbuying a {display:block; width/**/:64px; height/**/:35px; line-height:35px; text-indent:-9000px; background:url(graphics/3off.gif) no-repeat top left;}
.navbuying a:hover {background-position: bottom left;}
.navselling {display: block; height: 35px; width: 65px; float: left;}
.navselling a {display:block; width/**/:65px; height/**/:35px; line-height:35px; text-indent:-9000px; background:url(graphics/4off.gif) no-repeat top left;}
.navselling a:hover {background-position: bottom left;}
.navcommunities {display: block; height: 35px; width: 104px; float: left;}
.navcommunities a {display:block; width/**/:104px; height/**/:35px; line-height:35px; text-indent:-9000px; background:url(graphics/5off.gif) no-repeat top left;}
.navcommunities a:hover {background-position: bottom left;}
.navrelocating {display: block; height: 35px; width: 92px; float: left;}
.navrelocating a {display:block; width/**/:92px; height/**/:35px; line-height:35px; text-indent:-9000px; background:url(graphics/6off.gif) no-repeat top left;}
.navrelocating a:hover {background-position: bottom left;}
.navblog {display: block; height: 35px; width: 102px; float: left;}
.navblog a {display:block; width/**/:102px; height/**/:35px; line-height:35px; text-indent:-9000px; background:url(graphics/7off.gif) no-repeat top left;}
.navblog a:hover {background-position: bottom left;}
.navabout {display: block; height: 35px; width: 94px; float: left;}
.navabout a {display:block; width/**/:94px; height/**/:35px; line-height:35px; text-indent:-9000px; background:url(graphics/8off.gif) no-repeat top left;}
.navabout a:hover {background-position: bottom left;}
.navcontact {display: block; height: 35px; width: 77px; float: left;}
.navcontact a {display:block; width/**/:77px; height/**/:35px; line-height:35px; text-indent:-9000px; background:url(graphics/9off.gif) no-repeat top left;}
.navcontact a:hover {background-position: bottom left;}

/* end navbar ----------------------------------------------- */




/* contenttop ----------------------------------------------- */

#ctfirst {width: 188px; height: 82px; padding: 13px 65px 0px 16px; float: left; margin-right: 31px; background: url(graphics/top-block-stairs.jpg) top no-repeat;}
#ctfirst a{ text-decoration: none;}
#ctsecond {width: 193px; height: 82px; padding: 13px 60px 0px 16px; float: left; margin-right: 31px; background: url(graphics/top-block-luxury.jpg) top no-repeat;}
#ctsecond a{ text-decoration: none;}
#ctthird {width: 193px; height: 82px; padding: 13px 60px 0px 16px; float: left; margin-right: 31px; background: url(graphics/top-block-blog.jpg) top no-repeat;}
#ctthird a{ text-decoration: none;}

#ctfourth {width: 190px; height: 82px; padding: 13px 62px 0px 16px; float: left; margin-right: 31px; background: url(graphics/top-block-community.jpg) top no-repeat;}
#ctfourth a{ text-decoration: none;}

#contenttopfront {height: 130px; padding: 10px 0px 0px 56px; }
#contenttopfront h3 {color: #bd9f3c; padding: 0 0 0 0; margin: -1px 0 0 0 ; font-size: 18px; font-weight: normal;}
#contenttopfront h3 a {color: #bd9f3c; text-decoration: none;}
#contenttopfront a {color: #000; text-decoration: none;}
#contenttopfront p {margin-top: 3px; padding-left: 2px; font-family: arial; font-size: 10px; line-height: 14px;}

/* end contenttop ----------------------------------------------- */




/* content ----------------------------------------------- */

#contentwrapper {width: 980px; background: url(graphics/bg.jpg) repeat-y;}
#contentwrappeinner {background: url(graphics/content-bg-top.jpg) top no-repeat; padding-top: 30px;}
.contentimg {float: left; border: solid 1px #ddd; padding: 4px; margin: 3px 14px 4px 0;}
#content {margin: 20px 70px 0px 75px; text-align: left;}
#left h2 {margin-left:-7px; font-size: 30px; font-family: georgia; font-weight: normal; margin-top: 0px; margin-bottom: 13px; text-align:left;}
#left h2 a {color: #bd9f3c;}
#left h3 {margin-left:-5px; font-size: 24px; font-family: georgia; font-weight: normal; margin-top: 20px; text-align:left; margin-bottom: 10px; padding-bottom: 0px ;color: #003366; }
#left h3.who {margin-left:-5px; font-size: 17px; font-family: georgia; font-weight: normal; margin-top: 15px; text-align:left; margin-bottom: 4px; padding-bottom: 0px ;color: #003366; }
#content em {font-weight: bold;}
#content ul {line-height: 18px; margin-bottom: 16px; margin-top: 0px; padding-top: 0px; margin-right: 15px;}
#content ol {line-height: 18px; margin-bottom: 16px; margin-top: 0px; padding-top: 0px;}
#content li {padding-bottom: 3px;}
#content li ul {padding-bottom: 0px; margin-bottom: 0px;}
#content table {margin: 0; padding: 0;}
.headerdesig {color: #494949; margin-top: -5px; padding-top: 0px; margin-bottom: 7px; border-bottom: none;}
.top {width: 966px; height: 16px; background: transparent url(graphics/hr-top.jpg) center top no-repeat; margin: 0 0 5px 7px; padding: 0; clear: both;}
.bottom {width: 966px; height: 16px; background: transparent url(graphics/hr-bot.jpg) center bottom no-repeat; margin: 0 0 0px 7px; padding: 10px 0 4px; clear:both;}

/* end content ----------------------------------------------- */




/* left column ----------------------------------------------- */

#left {width: 415px; float: left;}
ul.link {margin-left: 0px; list-style: none; padding-left: 20px; line-height: 16px;}
ul.link li {padding-left: 20px; background-image: url(graphics/icon-link.gif); background-repeat: no-repeat; background-position: 5px 2px;}
ul.doc {margin-left: 0px; list-style: none; padding-left: 20px; line-height: 16px;}
ul.doc li {padding-left: 20px; background-image: url(graphics/icon.gif); background-repeat: no-repeat; background-position: 5px 2px;}
.moving li {padding-bottom: 10px; line-height: 18px;}
.movingsub li {padding-top: 3px; padding-bottom: 0px; margin-top: 0px;}
#left h3.signature {width/**/:154px; height/**/:69px; line-height:69px; text-indent:0px; margin-bottom: -2px; margin-top: 18px; clear: left;}
#left h3.signature a {display:block; width/**/:154px; height/**/:69px; line-height:69px; text-indent:-9000px; background:url(graphics/signature.gif) no-repeat;}
#left h3.signature-norm {width/**/:112px; height/**/:64px; line-height:64px; text-indent:0px; margin-bottom: -2px; margin-top: 18px;}
#left h3.signature-norm a {display:block; width/**/:112px; height/**/:64px; line-height:69px; text-indent:-9000px; background:url(graphics/signature-norm.gif) no-repeat;}

.signame {font-size: 17px; margin: 0 0 0 1px; font-family: georgia; font-weight: normal;  color: #003366;}
.sigdesc {font-size: 11px; line-height: 16px; margin-left: 4px; font-family: "Times New Roman", Times, serif;}
.sigemail {font-size: 11px; line-height: 16px; margin-left: 4px; font-family:"Times New Roman", Times, serif;}

#benefits {border: 3px double #ddd; background: #f3f3f3; margin: 10px; padding: 20px 25px 0 20px;line-height: 20px; font-size: 13px; font-family:Georgia, "Times New Roman", Times, serif;}
#benefits ol {}
#benefits li {margin-bottom: 5px;}
#benefits li ol {margin-bottom: 0px; margin-top: 10px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px;margin-bottom: 3px;}
#guarantee {border: 3px double #ddd; background: #f3f3f3; margin: 10px; padding: 20px 25px 0 20px; font-size: 13px; font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif;}
#guarantee ol li {margin-bottom: 15px; line-height: 18px;}
#contactblock { width: 190px; border: 3px double #ddd; background: #f3f3f3; padding: 16px 20px 0px 20px; background: url(graphics/contactblock.gif) no-repeat bottom left; margin-left: 45px; }

/* end left column ----------------------------------------------- */



/* right column ----------------------------------------------- */

#right {width: 383px; float: right; margin-left: 0px;}
#right h4 {font-size: 25px; font-family: georgia; font-weight: normal; margin-top: 0px; margin-bottom: -6px; text-align:left; z-index:1; color: #bd9f3c;}
#right ul.attractions {width: 361px; border: solid 1px #ddd; padding: 10px; margin-left: 0px; margin-bottom: 20px; margin-top: 0px; list-style: none; z-index:10;}
#right ul.attractions li {padding: 1px 0 1px 22px; background-image: url(graphics/icon.gif); background-repeat: no-repeat; background-position: 5px 4px;}
#right ul.outgoing {width: 361px; border: solid 1px #ddd; padding: 10px; margin-left: 0px; margin-bottom: 20px; margin-top: 0px; list-style: none;}
#right ul.outgoing li {padding: 1px 0 1px 22px;  background-image: url(graphics/icon-link.gif); background-repeat: no-repeat; background-position: 5px 3px;}
.textsidebar {width: 351px; border: solid 1px #ddd; padding: 15px; margin-left: 0px; margin-bottom: 20px; margin-top: 0px; list-style: none; z-index:10;}
.textsidebar p {margin: 0; padding: 0; }

.rightimg {padding: 20px 0px 10px 0px; }

/* end right column ----------------------------------------------- */



/* luxury ----------------------------------------------- */

.luxurybuttons {clear: both; margin: 0px 0px 6px 0px; padding: 0px; height: 34px;}
.luxurybuttonleft {float: left;}
.luxurybuttonleft a {display:block; width/**/:188px; height/**/:34px; line-height:34px; text-indent:-9000px; background:url(graphics/luxury-buying.gif) no-repeat top left;}
.luxurybuttonleft a:hover {background-position: bottom left;}
.luxurybuttonright {float: right;}
.luxurybuttonright a {display:block; width/**/:188px; height/**/:34px; line-height:34px; text-indent:-9000px; background:url(graphics/luxury-selling.gif) no-repeat top left;}
.luxurybuttonright a:hover {background-position: bottom left;}
.luxurybuttoncommunities {}
.luxurybuttoncommunities a {display:block; width/**/:383px; height/**/:34px; line-height:34px; text-indent:-9000px; background:url(graphics/luxury-communities.gif) no-repeat top left;}
.luxurybuttoncommunities a:hover {background-position: bottom left;}
.luxuryblock {border: double 3px #ddd; padding: 8px 15px 0px 15px; margin: 8px 0px 24px 0px; background: url(graphics/luxury-block-bg.gif) bottom left no-repeat;}
.luxuryblock h4 {margin: 0 0 2px -2px; font-size: 24px; color:#B4B4B4; font-weight: normal;}
.luxuryblock p {margin-top:0px; margin-bottom: 4px;}
.luxuryblock ul {margin-bottom: 0px;}

/* end luxury ----------------------------------------------- */




/* footer ----------------------------------------------- */

#footerwrapper {width: 980px; background: url(graphics/bg.jpg) repeat-y; margin: 0 auto; }
#footerbar {background: url(graphics/footer-bot.jpg) bottom no-repeat; padding: 30px 0px 5px 56px;   clear: both; height: 250px;  }
#footerbar h3 {font-size: 19px; padding: 0 0 0 0; font-weight: normal; color: #bd9f3c; margin:0px 0px 6px -3px;}
#footerbar h3 a {color: #bd9f3c;}
.readmore {width:272px; height: 32px;}
.pullquote {margin:0; padding: 0; font-weight: bold; color: #003366; font-family: georgia, times, serif; line-height: 19px; text-align: center; } 
#footer-testimonials {width: 269px; height: 210px; float: left; margin-right: 31px; padding: 0;}
#footer-testimonials-bg {width: 226px; height: 188px; background: url(graphics/block-bg.jpg) no-repeat top left;  padding: 15px 14px 0 29px; }
#footer-testimonials p {font-size: 12px;  text-align: center; margin: 0px; padding: 0 14px 0 0;}
#footer-blog {width: 269px; height: 210px; float: left; margin-right: 31px; padding: 0;}
#footer-blog-bg {width: 234px; height: 188px; background: url(graphics/block-bg.jpg) no-repeat top left;  padding: 15px 10px 0 25px; }
#footer-blog p {font-size: 11px; line-height: 18px;}
#footer-contact {width: 269px; height: 210px; float: left; padding: 0;}
#footer-contact-bg {width: 234px; height: 188px; background: url(graphics/block-bg-charissa.jpg) no-repeat top left;  padding: 15px 10px 0 25px; }
#footer-contact p { font-size: 11px; line-height: 17px; padding: 0; margin: 0; font-family:"Times New Roman", Times, serif;}
.name { font-size: 16px; margin: 0 0 0 -1px; line-height: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-variant:small-caps; color: #0F2F5A; }
.desig {font-size: 11px; font-weight: bold; font-family: arial;}
#workingStatus {display:none; padding:15px;}
.postBox {width:227px; text-align:left;}
.postRow {padding:2px 0px 2px 0px; font-family: arial, serif; font-size: 12px;}
.postDate {margin:0 7px 0 0; color: #A2A2A2; font-style:italic; font-family: georgia, times, serif;}
.postTitle a { color: #003366;text-decoration:none; font-weight:normal;}
.postTitle a:hover {text-decoration:none;}

/* footer ----------------------------------------------- */




/* copyright ----------------------------------------------- */

#copyright {padding: 10px 20px 20px 0px;  font-size: 10px; clear: both; color: #bbb; width: 960px; margin: 0 auto; background-color:#fff;}
#copyrightlinks ul {padding: 0; margin-left: 0; font-family: arial, helvetica, sans-serif; text-align: right; line-height: 18px;}
#copyrightlinks ul li { display: inline; }
#copyrightlinks ul li a {margin: 1px 2px 1px 2px; padding: 1px 2px 1px 2px; text-decoration: none; color: #bbb; border: solid 1px #fff;}
#copyrightlinks ul li a:hover {margin: 1px 2px 1px 2px; padding: 1px 2px 1px 2px; text-decoration: none; color: #555; border: solid 1px #ccc;}
#wap-copy {display: none;}

/* copyright ----------------------------------------------- */






/* IDX ----------------------------------------------- */

#idxtitle {margin-left:-7px; font-size: 30px; font-family: georgia; font-weight: normal; margin-top: 0px; margin-bottom: 13px; text-align:left;}
#idxlogin { width: 383px; clear:both; height: 75px; border: solid 1px #ccc; padding: 15px; }
#idxlogin-left {float: left;}
#idxlogin-right {float: right;}
#idxformtext {border: none; width: 173px; height: 14px; padding: 6px; background: url('graphics/idx-login-textfield.gif') no-repeat;  font-size: 11px; font-family: Arial, Sans-serif;}
#idxformpass {border: none; width: 173px; height: 14px; padding: 6px; background: url('graphics/idx-login-textfield.gif') no-repeat;  font-size: 11px; font-family: Arial, Sans-serif;}
#idxformlogin {margin-top: 8px; height: 30px; width: 80px; float: right; background: url('graphics/idx-login.gif') top no-repeat;
  cursor: pointer; clear: both; border: none; }
#idxformlogin:hover {background-position: 0% 100%;}
.propbuttons-wrapper{ margin-bottom: 20px; margin-left: 0px; border: solid 1px #ccc; padding: 15px 15px 12px 15px;}
.propbuttons { clear: both; width: 383px; margin: 0px 0px 6px 0px; padding: 0px; height: 34px;}
.propbuttonleft {float: left;}
.propbuttonleft a {display:block; width/**/:188px; height/**/:34px; line-height:34px; text-indent:-9000px; background:url(graphics/property-map.gif) no-repeat top left;}
.propbuttonleft a:hover {background-position: bottom left;}
.propbuttonright {float: right;}
.propbuttonright a {display:block; width/**/:188px; height/**/:34px; line-height:34px; text-indent:-9000px; background:url(graphics/property-basic.gif) no-repeat top left;}
.propbuttonright a:hover {background-position: bottom left;}

.propbuttonloginold a {display:block; width/**/:383px; height/**/:34px; line-height:34px; text-indent:-9000px; background:url(graphics/property-login.gif) no-repeat top left;}
.propbuttonloginold a:hover {background-position: bottom left;}

.propbuttonregister a {display:block; width/**/:383px; height/**/:34px; line-height:34px; text-indent:-9000px; background:url(graphics/property-register.gif) no-repeat top left;}
.propbuttonregister a:hover {background-position: bottom left;}


/* end IDX ----------------------------------------------- */