/* ******************************* REUSABLE STYLES ***/
/* ************** COLUMN STYLES ***/
#cms .editable .columnContainer {
  position: relative;
}
#cms .editable .leftColumn {
  width: 600px;
}
#cms .editable .rightColumn {
  width: 300px;
  position: absolute;
  top: 0px; right: 0px;
}
#cms .editable .clearBoth {
  clear: both;
}

/* ************** BACKGROUND STYLES ***/
.editable .greyBackground {
  background-image: url(images/dark-bg.gif);
  border: 1px solid #B8B8B8;
  margin-bottom: 20px;
  padding: 10px;
}


/* ************** HEADER STYLES ***/
#cms .editable h1 {
	background: none;
	border-bottom: 1px dotted #bababa;
	height: auto;
	margin: 10px 0px 15px 0px;
	padding-bottom: 5px;
	line-height: 120%;
}
#cms .editable h2 {
	background: none;
	border-bottom: 1px dotted #bababa;
	height: auto;
	margin: 5px 0px 10px 0px;
	padding: 0px;
	padding-bottom: 1px;
	color: #333;
	font-family: arial, sans-serif;
	text-transform: uppercase;
	text-align: left;
	line-height: 120%;
}
#cms .editable h3 {
  height: auto;
	margin: 5px 0px 10px 0px;
	padding: 0px;
	color: #572134;
	font-size: 22px;
	font-family: times, serif;
	font-variant: small-caps;
	text-align: left;
}
#cms .editable h4 {
	font-family:arial, sans-serif;
	color:#572134;
	font-size:18px;
}
#cms .editable h5 {
	font-family:times, serif;
	color:#572134;
	font-size:18px;
}
#cms h3.subheading {
  font-family: 'lobster';
  font-size: 20px;
  font-variant: normal;
  text-align: right;
}
#cms .editable h2.lobster,
#cms .editable h3.lobster {
  font-family: 'lobster';
  font-variant: normal;
  font-weight: normal;
}

#cms .editable .rightColumn h3 {
  margin: 0px;
  color: #572134;
  font-size: 18px;
  font-family: arial, sans-serif;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
}
#cms .editable .rightColumn .greyBackground h3 {
  background-color: rgba(255,255,255,0.5);
  border: 1px solid #C0C0C0;
  padding: 3px 0px;
  color: #333;
  font-size: 16px;
  font-family: arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
}
#cms .editable .rightColumn .greyBackground h4 {
  margin-top: 15px;
  font-size: 16px;
  text-align: center;
}
#cms .editable .centeredText {
  text-align: center;
}


/* ************** PARAGRAPH STYLES ***/
#cms .editable p.larger {
  color: #333;
  font-size: 16px;
}
#cms .editable .rightColumn .greyBackground p {
  margin-left: 10px; margin-right: 10px;
}
#cms .editable .rightColumn .greyBackground p.noHeaderSpace {
  margin-top: 15px;
}
#cms .editable p a {
  color: #572134;
  font-weight: bold;
  text-decoration: none;
}
#cms .editable p a:hover {
  color: #371221;
  text-decoration: underline;
}


/* ************** LIST STYLES ***/
.editable .greyBackground ol,
.editable .greyBackground ul {
  list-style-type: none;
  margin-bottom: 20px;
}
.editable .greyBackground li {
  margin-bottom: 10px;
  padding: 0px;
  color: #333;
  font-size: 14px;
  font-weight: bold;
}
.editable .greyBackground p,
.editable .greyBackground li p {
  margin-bottom: 0px;
  color: #333;
  font-size: 12px;
  font-weight: normal;
}

.editable ul.twoColList {
  height: 120px;
  margin-bottom: 20px;
}
.editable ul.twoColList li {
  width: 450px;
  float: left;
}

/* ************** IMAGE STYLES ***/
#cms .editable .imgBorder {
  background-image: url(images/dark-bg.gif);
  border: 1px solid #C0C0C0;
  max-width: 600px;
  padding: 8px;
  margin-bottom: 20px;
}
#cms .editable .imgBorder img {
  border: 1px solid #999;
  max-width: 580px;
  box-shadow: 0px 0px 4px #999;
}
#cms .editable .imgFloatRight {
  float: right;
  margin-left: 20px;
}


/* ************** BUTTON STYLES ***/
/* LIFESTYLE SEARCH BUTTONS */
.editable a.lifestyleSearchButton {
  display: block;
  width: 300px; height: 165px;
  background-repeat: no-repeat;
  background-position: center;
  margin: 10px 0px 15px 0px;
  position: relative;
}
.editable a.lifestyleSearchButton > span {
  display: block;
  background-image: url(images/lifestyle-ribbon.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 300px; height: 45px;
  color: #FFF;
  font-size: 20px;
  font-family: times, serif;
  font-variant: small-caps;
  text-align: center;
  text-decoration: none;
  line-height: 39px;
  letter-spacing: 1px;
  position: absolute;
  bottom: 8px;
}
.editable a.lifestyleSearchButton:hover > span {
  background-position: bottom left;
  color: #2E0F1B;
}
.editable a.victorian {
  background-image: url(images/lifestyle-search-victorian-homes.png);
}
.editable a.tudor {
  background-image: url(images/lifestyle-search-tudor-homes.png);
}
.editable a.townhouses {
  background-image: url(images/lifestyle-search-townhouses.png);
}
.editable a.renovatedNew {
  background-image: url(images/lifestyle-search-renovated.png);
}
.editable a.downtownStarter {
  background-image: url(images/lifestyle-search-starter-downtown.png);
}
.editable a.midtownStarter {
  background-image: url(images/lifestyle-search-starter-midtown.png);
}
.editable a.handymanHomes {
  background-image: url(images/lifestyle-search-handyman.png);
}
.editable a.downtownUpgrade {
  background-image: url(images/lifestyle-search-upgrade-downtown.png);
}
.editable a.midtownUpgrade {
  background-image: url(images/lifestyle-search-upgrade-midtown.png);
}
.editable a.downsizing {
  background-image: url(images/lifestyle-search-downsizing-midtown.png);
}
.editable a.bankSales {
  background-image: url(images/lifestyle-search-foreclosures.png);
}
.editable a.downtownCondoStarter {
  background-image: url(images/lifestyle-search-downtown-condos-first-time.png);
}
.editable a.downtownCondo2bed {
  background-image: url(images/lifestyle-search-condo-downtown-two-bed.png);
}
.editable a.downtownCondoLuxury {
  background-image: url(images/lifestyle-search-condo-downtown-luxury.png);
}
.editable a.midtownCondoStarter {
  background-image: url(images/lifestyle-search-condo-midtown-first-time.png);
}
.editable a.midtownCondo2bed {
  background-image: url(images/lifestyle-search-condo-midtown-two-bed.png);
}
.editable a.midtownCondoLuxury {
  background-image: url(images/lifestyle-search-condo-midtown-luxury.png);
}
.editable a.adultLifestyleCondo {
  background-image: url(images/lifestyle-search-condo-adult.png);
}
.editable a.roomingHouses {
  background-image: url(images/lifestyle-search-rooming-house.png);
}
.editable a.resInvestmentProperties {
  background-image: url(images/lifestyle-search-residential-investment.png);
}
.editable a.apartmentBuildings {
  background-image: url(images/lifestyle-search-multi-residential.png);
}
.editable a.retailCommercial {
  background-image: url(images/lifestyle-search-retail-commercial.png);
}
.editable a.retirementHomes {
  background-image: url(images/lifestyle-search-retirement-homes.png);
}
.editable a.greenHomes {
  background-image: url(images/lifestyle-search-green-homes.png);
}
.editable a.luxuryHomes {
  background-image: url(images/lifestyle-search-luxury-homes.png);
}
.editable a.placeholder {
  background-image: url(images/lifestyle-search-placeholder.png);
}
.editable .lifestyleSearches a.lifestyleSearchButton {
  float: left;
  margin: 20px 10px;
}


/* PURPLE BUTTON */
.editable a.purpleButton {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-image: url(images/purple-button-bg.png);
  background-repeat: repeat-x;
  background-position: top left;
  height: 35px;
  border: 1px solid #32111E;
  padding: 0px 10px;
  color: #FFF;
  font-size: 16px;
  font-family: times, serif;
  font-variant: small-caps;
  text-align: center;
  text-decoration: none;
  letter-spacing: 1px;
  line-height: 35px;
  position: relative;
}
.editable a.purpleButton:hover {
  background-position: bottom left;
  color: #2E0F1B;
}
.editable a.withArrow {
  padding: 0px 25px 0px 10px;
}
.editable a.withArrow > span {
  display: block;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  top: -2px; right: 7px;
}


/* ******************************* PAGE SPECIFIC STYLES ***/
/* ************** BOTTOM CONTACT STYLES ***/
#cms .editable .bottomContact h3 {
  color: #333;
  font-size: 18px;
  font-weight: bold;
  font-variant: normal;
  line-height: 140%;
}

/* ************** RESIDENTIAL SERVICES STYLES ***/
#cms .editable #freemanResidential .rightColumn {
  top: 30px;
}
#freemanResidential > .columnContainer > .rightColumn {
  text-align: center;
}
#freemanResidential > .columnContainer > .rightColumn > a.purpleButton {
  width: 238px;
}

/* ************** CONDOS SERVICES STYLES ***/
#cms .editable #freemanCondos .rightColumn {
  top: 30px;
}
#freemanCondos > .columnContainer > .rightColumn {
  text-align: center;
}
#freemanCondos a.lifestyleSearchButton {
  margin-bottom: 40px;
}
#freemanCondos > .columnContainer > .rightColumn > a.purpleButton {
  width: 238px;
}

/* ************** INVESTMENT SERVICES STYLES ***/
#cms .editable #freemanInvestments .rightColumn {
  top: 30px;
}
#cms .editable #freemanInvestments .rightColumn h3 {
  font-size: 17px;
}

/* ************** GREEN SERVICES STYLES ***/
#cms .editable #freemanGreen .rightColumn {
  top: 30px;
}

/* ************** ABOUT FREEMAN STYLES ***/
#aboutFreemanPage > .columnContainer > .rightColumn > a.purpleButton {
  width: 263px;
  margin: 5px 0px;
}
#aboutFreemanPage .rightColumn .successBox {
  margin-top: 20px;
}


/* ************** CONTACT PAGE STYLES ***/
.editable .locationMap {
  background-image: url(images/freeman-location-map.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 205px; min-height: 285px;
  margin-top: 35px;
}
#cms .editable .locationMap h2.brokerageName {
  color: #572134;
  font-size: 22px;
  font-family: 'lobster';
  text-align: center;
  font-variant: normal;
  text-transform: none;
  border: none;
  text-shadow: 1px 1px 3px #FFF;
  position: relative;
  top: 68px;
}
.editable .locationInfo span {
  display: block;
  color: #333;
  font-size: 18px;
  text-align: center;
}
.editable .locationInfo span.brokerageAddress {
  font-size: 20px;
  line-height: 120%;
}
.editable .locationInfo span.phoneNumber {
  margin-top: 15px;
  margin-bottom: 5px;
}


/* ************** GUIDES STYLES ***/


.editable ul, .editable ol {
  padding-left:40px;
  margin-bottom: 15px;
}
.editable ul li, .editable ol li {
  margin-bottom:10px;
}
.editable table {
  margin-bottom:15px;
  border: 2px solid #999;
  background: white;
  -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  padding:10px;
}
.editable blockquote {
  padding:20px;
  margin:10px 30px 15px 30px;
  background:#FFFFFF url(images/faded-quote.png) no-repeat 10px 10px;
  -moz-box-shadow: -2px 2px 0px rgba(0, 0, 0, .05);
  -webkit-box-shadow: -2px 2px 0px rgba(0, 0, 0, .05);
  box-shadow: -2px 2px 0px rgba(0, 0, 0, .05);
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 1px dotted #AAA;
}
.editable blockquote p {
 font-style:italic;
 color: #572134;
}
.editable blockquote p:last-child {
 margin-bottom:0px;
}
.editable #guides-page h3 {
  color: #572134;
  font-family: 'lobster';
  margin:15px 0px 15px 0px;
  text-align:center;
  background:transparent url(images/ornament.png) no-repeat top center;
  padding-top:35px;
  font-variant:normal;
  clear: both;
}
.editable #guides-page ul {
  background:transparent url(images/white-gradient.png) repeat-x top left;
  border: 1px dotted #aaa;
  padding:15px 15px 15px 40px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  overflow: hidden;
  margin-bottom:0px;
  box-shadow: -2px 2px 0px rgba(0, 0, 0, .05);
}
.editable #guides-page ul li {
  color: #E2C975;
  font-family:arial,sans-serif;
  font-size:16px;
  width: 450px;
  float: left;
}
.editable #guides-page ul li a {
  text-decoration:none;
}
.editable #guides-page ul li a:hover {
  text-decoration:underline;
}
.editable #guides-page ul li.guideSubsection {
  list-style-type:none;
  color: #572134;
  border-bottom: 3px solid #DDD;
  font-size:18px;
  margin-bottom:10px;
  padding-top: 30px;
  font-weight:bold;
  margin-left: -25px;
  float: none;
  width: auto;
  clear: both;
}
.editable #guides-page ul li.guideSubsection:first-child {
  padding-top: 0px;
}

/* ************** SIGNUP STYLES ***/
.editable .benefit {
  float: left;
  width: 215px;
  margin: 10px 33px 0px 0px;
}
.editable .lastBenefit {
  margin-right: 0px;
}

/* ************** GREEN STYLES ***/


#freemanGreen-bottom {
  background: transparent url(images/dark-bg.gif) repeat;
  border:1px solid #bbb;
  -moz-border-radius: 10px;
  border-radius: 10px;
  height: 586px;
  margin: 20px auto 20px auto;
  width: 940px;
}
#freemanGreen-bottom .green-picture {
  background:transparent url(images/green-yoga.jpg) no-repeat 5px 5px;
  background-color:white;
  padding:5px;
  border:1px solid #aaa;
  width:441px;
  height:380px;
  display:inline-block;
  *zoom:1;
  *display:inline;
  vertical-align:top;
  float:right;
  margin-right: 20px;
  margin-top: 95px;
}
#freemanGreen-bottom .green-form-holder {
  display:inline-block;
  *zoom:1;
  *display:inline;
  width:400px;
  vertical-align:top;
  margin-top: 20px;
  margin-left: 20px;
  height: 524px;
  background: #AAA;
  border-top: 3px solid #999;
  border-right: 3px solid #999;
  padding: 10px;
}

/* ************** MEET THE TEAM PAGE STYLES ***/

#staff {
  text-align:center;
}

#staff .staffMember {
  display: inline-block;
  width: 300px;
  vertical-align: top;
  text-align:center;
  background: white url(images/ornament.png) no-repeat center 21px;
  padding-top:30px;
}

#staff .staffMember .profile {
  background: white url(images/ornament2.png) no-repeat center 301px;
}

#staff .staffMember div.imgholder {
  float: none;
  margin: 15px auto 52px auto;
  background-color: #572134;
}

#staff .staffMember div.image-right-cover {
  background-color: #572134;
}

#staff .staffMember .social-holder {
  right: 38px;
  top: 331px;
}

#staff .staffMember h2 .category {
  float: none;
  display: block;
  font-size: 16px;
}
#staff .staffMember .contact {
min-height: 16px;
}

#staff .staffMember p.bio {
display:none;
}
#staff .staff-category-management {
  display:none;
  padding-top:1px;
}
.editable #management-button {
  display: inline-block;
  background-image: url(images/purple-button-bg.png);
  background-repeat: repeat-x;
  background-position: top left;
  height: 35px;
  border: 1px solid #32111E;
  padding: 0px 10px;
  color: white;
  font-size: 16px;
  font-family: times, serif;
  font-variant: small-caps;
  text-align: center;
  text-decoration: none;
  letter-spacing: 1px;
  line-height: 35px;
  position: relative;
  cursor:pointer;
}
.editable #management-button:hover {
  background-position: bottom left;
  color: #2E0F1B;
}

/* ************** TESTIMONIALS STYLES ***/
#cms .testimonial-list .testimonial-list-left h3 {
  color: #333;
  
}
#cms .testimonial-list .testimonial-list-right h2 {
  color: #572134;
  font-family: 'lobster';
  text-transform: none;
  text-decoration: none;
}
.testimonial-list .testimonial-list-left {
  width: 255px !important;
}
.testimonial-list .testimonial-list-right {
  width: 680px !important;
}


/* ************** MONTHLY STATS STYLES ***/
#cms table.stats-table {
  width: 800px !important;
}
#cms table.stats-table tr.stats-table-header td,
#cms table.stats-table tr.stats-table-header td span {
  background-image: none !important;
  background-color: #561F33 !important;
  color: #FFF !important;
  font-family: arial, sans-serif !important;
}
#cms table.stats-table tr.stats-table-row td, 
#cms table.stats-table tr.stats-table-row td a {
  font-family: arial, sans-serif !important;
}
#cms table.stats-table tr.stats-table-row-selected td b {
  color: #333 !important;
  font-family: arial, sans-serif !important;
}