* html ul li {position: relative;}

.select{
    height:25px;
    overflow:scroll;
}

ul.cambridge { background-color:#FFF; }
ul.cambridge li {line-height: 22px; margin: 0; padding: 0; width:300px; text-align:center; font-size: 14px; font-style:italic;}

ul li.Inman {margin-top: -110px;}

ul li.Alewife, ul li.Cambridge, ul li.Central, ul li.Fresh, ul li.Harvard {margin-left: 0;}
ul li.Inman, ul li.Kendall, ul li.Lechmere, ul li.North, ul li.Porter {margin-left: 200px;}

ul li.Beacon, ul li.Brook, ul li.Chest, ul li.Cool, ul li.Long {margin-left: 100px;}

img.map { position: absolute; left: 0%; z-index: -1;  }


p.cambridge { line-height: 22px; background-color:#FFF; clear: both;}

#list { width: 500px; margin: auto;}

#camhold {width: 940px; margin: 25px auto; padding: 20px; border: 1px solid #999; background-color:#FFF;}

#map {width: 700px; margin: 0 auto 15px;}

#map2 {width: 550px; margin: 0 auto 15px;}

#map3 {clear: both;}

#buttonboxB { width: 615px; margin: auto; }

hr.cam {height: 2px; width: 100%; background-color:#999; margin: 20px auto 15px; }

#searchbutton { width: 521px; height: 89px; float: right; }



/**** NEW Building Pages ****/

body.ritz #title { font-size:62px;   width: 100%; }
body.ritz #location { font-size: 16px; font-weight:bold; margin-top: 5px; margin-bottom: 10px;        width: 100%;}

body.ritz #view { width: 290px; padding: 5px; border: 1px solid #CCCCCC; background-color:#F8F8F8; margin-top: 5px; display: block; float:left;}

body.ritz #description {width: 600px; height: 310px; font-size: 14px; margin-top: 5px;  float: right;  }

body.ritz .price {width: 145px; height: 100%; padding: 5px;   font-size: 14px; float: left; clear: left; text-align:center;  }
body.ritz .priceB {width: 145px; height: 100%; padding: 5px;   font-size: 14px; float: left; text-align:center;  }

body.ritz #form {width: 600px; height: 100%; float: right; margin-top: -326px; font-size: 14px; }

body.ritz fieldset {border: 1px solid #CCC;}

body.ritz input {width: 225px;}
body.ritz select.min, body.ritz select.max {margin: 0; }
body.ritz span.form, body.ritz legend { margin-left: -8px;}

body.ritz h8 {font-weight:bold; display: inline;}

body.ritz p{ display: inline;}

/****************************/

embed.backbay {display: block; margin: auto;}



/***** AGENTS PAGE *******/
.agentblock {width: 410px; height: 100px; background-color:#FFF; border:1px solid black; padding: 5px 5px 7px 5px; display: block; margin-bottom: 20px;}
.agentblockbio {width: 410px; height: 100%; background-color:#FFF; border:1px solid black; padding: 5px 5px 7px 5px; display: block; margin-bottom: 20px;}

.agentblock img, .agentblockbio img {float:left; margin-right: 10px; border: 1px solid black;}

body.agentspage h6 {font-size: 14px; float:left; margin: 0 0 2px 0; padding: 5px 5px 5px 0; border-bottom: 1px solid black; width: 300px;}
body.agentspage .agentblock a {color:#09F; font-size: 12px; float:left; padding: 5px 5px 5px 0 }
body.agentspage .agentblockbio a {color:#09F; font-size: 12px; float:left; padding: 5px 5px 5px 0 }
body.agentspage a:hover {color:#06F;}
.number {font-size: 12px; float:left; width:200px; padding: 5px 5px 5px 0; }

body.agentspage .agentblockbio p { padding: 0 10px 0 10px; clear:both; font-size: 11px;}
body.agentspage .agentblockbio img {margin-bottom: 10px;}
/************************/



/***** SEARCH PAGE *******/

.funky {margin-left: 107px; margin-top: 3px;}



.time {float:right; padding-right: 20px;}

fieldset.locations {width: 500px; height: 450px; float: left;}

fieldset.contactform {
	padding-left: 20px;
	padding-bottom: 20px;
	border: solid black;
	background-color:#e4e4e4;
	margin: 5px;
}



fieldset.property {width: 370px; float:left;}
fieldset.propertyB {width: 915px; float:left;}

fieldset.advanced {width: 370px; height: 80px; float:left; clear: left;}

fieldset.extra {width: 495px; height: 160px;  float:left; margin-left: 10px;}

select.locations {padding: 15px; width: 200px; border: 1px solid #000; margin-left: 15px;}
select.locationsB {padding: 15px; width: 200px; border: 1px solid #000;}
input.dog {margin-left: 75px;}
fieldset {padding-left: 20px; padding-bottom: 20px; border: solid black thin;background-color:#e4e4e4; margin: 5px;}



.apartmentpage fieldset.contact {height: 360px; width: 370px; float:left; margin-top: 0; margin-right: 15px;}
.apartmentpage fieldset.contact input, select, label {margin-bottom: 10px;}
.apartmentpage fieldset.contact span.tiny {font-size: 10px; text-align:right; margin-top: -3px; margin-left: 119px;  height: 20px; display:inline-block;}

.apartmentpage fieldset.locationsB {width: 495px; height: 540px;}

.apartmentpage fieldset.propertyC {width: 370px; float:left; height: 230px; clear:left;}


.salespage fieldset.contact {
	height: 400px;
	width: 370px;
	float:left;
	margin-top: 0;
	margin-right: 5px;
}
.salespage fieldset.propertyC {height:160px;}
.salespage fieldset.contact input, select, label {margin-bottom: 10px;}
.salespage fieldset.contact span.tiny {font-size: 10px; text-align:right; margin-top: -3px; margin-left: 119px;  height: 20px; display:inline-block;}
.salespage fieldset.locationsB {width: 495px; height: 630px;}
.salespage fieldset.propertyC {width: 370px; float:left; height: 210px; clear:left;}



.commercialpage fieldset.contact {height: 360px; width: 370px; float:left; margin-top: 0; margin-right: 15px;}
.commercialpage fieldset.contact input, select, label {margin-bottom: 10px;}
.commercialpage fieldset.contact span.tiny {font-size: 10px; text-align:right; margin-top: -3px; margin-left: 119px;  height: 20px; display:inline-block;}
.commercialpage fieldset.locationsB {width: 495px; height: 545px;}
.commercialpage fieldset.propertyC {
	width: 370px;
	float:left;
	height: 175px;
	clear:left;
}



h5.search {font-size: 35px; text-align:center;}
input.first, input.last, input.email, input.phone {width: 240px; border: 1px solid #000;}
input.first, input.last, input.email, input.phone, select.move, select.relocate, select.invest{}
input.first {margin-left: 40px;}
input.last {margin-left: 42px }
input.email {margin-left: 71px }
input.phone { margin-left: 71px}

textarea.notes { height: 55px; width:230px; font-size: 11px; border: 1px solid #000; margin: 0px 0 0 75px; padding: 5px;  overflow: hidden; display:inline-block; }

select.move {width: 242px; margin-left:32px;  border: 1px solid #000;}
select.relocate {width: 242px; margin-left: 36px;  border: 1px solid #000;}
select.invest {width: 242px; margin-left: 48px;  border: 1px solid #000;}
select.min {margin-left: 15px; width:105px; margin-right: 10px; }
select.max {width: 105px; margin-left: 10px;}
select.beds {margin-left: 71px;}
select.baths {margin-left: 66px;}
select.area {margin-left: 35px; margin-right: 15px;}
select.pets {margin-left: 68px;}
select.max, select.min, select.beds, select.baths, select.area, select.pets { border: 1px solid #000; margin-bottom: 10px;}
label {font-size: 12px; font-weight:bold;}
legend {font-weight:bold; text-transform: uppercase; background-color:#FFF; }
select {border: 1px solid #666;}

img.search { width: 509px; height: 163px; margin-left: 15px; margin-top: 20px;}

input.submit {width: 530px; height: 80px; float: left; margin-left: 10px; margin-top: 10px; font-size: 16px;}

input.submit2 {width: 521px; height: 89px; float: left; margin-left: 10px; margin-top: 10px; font-size: 16px;}


/**********************/








/******* FOOTER ********/

ul.footer {margin: 10px 0 20px 0;}
ul.footer li {display:inline; margin: 0 70px 0 10px;  font-size: 14px;}
ul.footer a {color:#CCC;}
#footer {width: 100%; text-align: center; background-color:#000; color:#FFF; height: 150px; margin-top: 50px; background-image:url(i/footertop.png); background-position:top center; background-repeat:repeat-x; font-size: 14px; padding-top: 50px; clear: both;}
img.flags {display:block; margin:auto; margin-top: 20px;}

/*********************/








#centercol object {display: block; margin: auto;}
object.agents {border: 1px solid black; width: 320px; margin: auto; display:block; margin-top: 10px;}
object.allston {border: 1px solid black; width: 333px; margin: auto; display:block; margin-top: 10px;}
object.con {border: 1px solid black; width: 320px; margin: auto; display:block; margin-top: 10px;}
object.charles {border: 1px solid black; width: 343px; margin: auto; display:block; margin-top: 10px;}
img.meet {display:block; margin:auto; margin-bottom: 20px;}

.linkcol {
	width: 300px;
	height: 525px;
	float: left;
	text-align:center;
}
.linkcolB {width: 300px; height: 350px; float: left; text-align:center;}
.linkcolC {width: 300px; height: 500px; float: left; text-align:center;}

.textbox {clear:both;}







/******* FINAL *******/
.linklist {background-color:#FFF; width:250px; height: 100%;text-align:center; background-color:#FFF; line-height:1.4; padding:10px 5px 15px 5px; margin:auto; border:1px solid #CCC;}
.linklist ul li a {color:#06C; font-weight:bold; font-size:90%;}
.linklist ul li a:hover {color:#09F;}
p.centermargin {text-align:center; margin:auto; padding:15px; font-size: 100%; font-weight: bold; background-color:#FFF;}
.imgcenter {display: block; margin: auto;}


/********************/







#holderM {width: 950px; margin: auto;}

ul.ferd {list-style: circle; margin-left: 30px; }

.tiny {font-size: 10px;}
.tiny2 {font-size: 15px;}
.tiny3{font-size: 13.5px;}
h5 {font-size: 35px; text-align:center;}
h6 {font-size: 35px; text-align:left;}










/**************** Building Pages ******************/

#titletext { font-family:Arial, Helvetica, sans-serif; font-size:62px; margin-bottom: -12px; text-align:center; }
#locationtext { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px;  text-align: center; margin-top: 15px;}
#topbar { background-image:url(i/gfx/topbar.gif); background-position: center center; background-repeat: repeat-x; width: 100%; height: 16px; clear: both; margin-top: 30px;}

#imghold {padding: 5px; width: 600px; margin: auto;}
#imghold img {border: 1px solid #CCCCCC; padding: 5px; background-color:#F8F8F8;}

img.deco {padding: 5px; border: 1px solid #CCCCCC; background-color:#F8F8F8; display:block; margin:auto;}

#textwrap {border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;  background-color: #F8F8F8; width: 940px; margin: auto; padding: 20px;}
.saleswrap {border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;  background-color: #F8F8F8; width: 940px; height: 75px; margin: auto; padding: 20px;}
p.info { color:#000; font-family:Arial, Helvetica, sans-serif; line-height: 1.3;}
.headline {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; }
.headlineB {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #F00; clear: both; text-align:center;}
.salebox { width: 350px; float: left; text-align: center; margin-left:80px; margin-bottom: 50px;}
#buttonbox { width: 575px; margin: auto; }

.widebox {border: 1px solid #CCCCCC;  background-color: #F8F8F8; width: 415px; height: 525px; margin: 30px auto 30px; padding: 20px;}

fieldset.request {width: 870px; height: 390px; margin: auto;}
fieldset.request legend {font-size: 16px; margin: 0; padding: 0;}
legend span {position: absolute; margin-top: -21px; margin-left: -6px;}
.redgrab {font-family: Arial, Helvetica, sans-serif; font-size: 21px;  color:#F00; clear: both; text-align:center;}


/******************/









.listtext {position: relative; margin-top:-100px; margin-left: 140px; font-family:Arial, Helvetica, sans-serif; font-size: 14px}

img.tn {border: solid 1px black; margin: 10px;}

.listbox {width: 420px; height: 122px;  border: solid 1px black; float: left; margin-left: 35px; background-image:url(i/baq.png); margin-bottom: 30px;}
.listbox:hover {background-color: #CCC;}


hr {height: 4px; color: #000; background-color: #000;}

#box {clear: both;}
#leftbox {width: 400px; float: left; position: relative;}
#rightbox {width: 400px; float: left; position: relative;}

#val {width: 300px; height: 75px; background-color:#000; float: right;}

#lang { width: 673px; height: 50px; background-color:#000; margin: auto; color:#FFF; margin-top: 0px;}
img.flag {border:solid 1px #FFF;}








#holder {width: 990px; margin: auto;}

p.textbold {font-weight:bold;}





body {background-image:url(i/stripe.png); background-position: center center; background-repeat: repeat; width: 100%;}
a:link {
	text-decoration:none;
	color:#000;
}
a:visited {
	text-decoration:none;
	color:#000;
}
a:active {text-decoration:none; color:#000;}
a:hover {text-decoration:none; color:#7f7e7e;}
a.textlink {color:#06C;}
a.textlink:hover {color:#061e73;}
a.contactlink {color:#FFF;}
a.contactlink:hover {color:#555;}
a.footerlink {color:#FFF;}
a.footerlink:hover {color:#6a6a6a;}

a.contactlinkB {color:#FFF; margin-left: -330px;}
a.contactlinkB:hover {color:#555; margin-left: -330px;}

a.textlink2 {color:#06C; font-size: 20px;}
a.textlink2:hover {color:#061e73; font-size: 20px;}

a.textlink3 {color:#06C; font-size: 14px;}
a.textlink3:hover {color:#061e73; font-size: 14px;}

a.textlinkB {color:#06C; font-weight:bold;  font-family: Arial, Helvetica, sans-serif; font-size: 16px;}
a.textlinkB:hover {color:#061e73;}

a.com {color:#06C; float: right; margin-top: -55px; position: relative; z-index: 2; display: inline-block;}
a.com:hover {color:#061e73;}

#container {width: 940px; margin: 0 auto;}
.container2 {width: 940px; margin: auto;}

#topnav {background-image:url(i/topnavback.png); background-repeat:repeat-x; width: 100%;}
#navbox {width: 940px; margin: auto; height: 20px; margin-bottom: 15px;}

#header {width: 100%; background-color:#000; height: 250px; margin-bottom: 20px; background-image:url(i/headerbottom.png); background-position:bottom center; background-repeat:repeat-x;}
#headerbox {width: 940px; margin: auto; margin-top: 5px; margin-bottom: 5px;}
#headerbottom {width: 100%; height: 28px; background-color:#FFF;}
h2 {color:#000; text-align:center; font-size:20px;}

h1 {font-size: 20px;}
h1.center3 {text-align:center; font-size: 28px;}
h3 {font-size: 25px;}


#leftcol {width: 350px; float: left; margin-right: 20px;}
.leftcolB {width: 400px; float: left;}
#rightcol {width: 570px; float: left;}
#rightcol2 {width: 500px; float: right;}
#centercol {width: 920px;}
#centercol2 {width: 520px; margin: auto;}




#contact {position: relative; margin-top: -100px; margin-bottom: 25px;text-align:center;}

#footer {clear:both; width: 100%; text-align: center; background-color:#000; color:#FFF; height: 180px; margin-top: 50px; background-image:url(i/footertop.png); background-position:top center; background-repeat:repeat-x; font-size: 12px;}
.footbox {width: 930px; margin: auto;}
.footnav {float: left; margin-left: 50px; margin-top: 50px;}
.center {text-align:center; clear: both; padding-top: 20px;}
.center2 {text-align:center; clear: both;}


ul.nav {font-size: 25px;}
li.nav1 {float: left; width: 130px; text-align:center; border-right: solid 1px #000;}
li.nav {float: left; margin-left: 25px; width: 130px; text-align:center; border-right: solid 1px #000;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,  blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
 legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	font-family:Verdana, Geneva, sans-serif;
}

ol, ul {list-style: none;}






/* Updated HTML/CSS 6-6-17 */

.update #topnav {
	height: 35px;}

.update .nav {
	display: block;
	width: 940px;
	margin: auto;}

.update .nav li {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	border-right: 1px solid black;
	padding-right: 30px;
	margin-left: 20px;}

.update .nav li:first-child {
	margin-left: 0;}

.update .nav li:last-child {
	border-right: none;}

.update #headerbox {
	margin-top: 0;
	margin-bottom: 10px;
	color: #fff;}

.update #headerbox a {
	color: white;}

.update #headerbox a ~ img {
    margin-left: 55px;
    position: relative;
    top: 27px;
    margin-top: -20px;}

.update #headerbox span {
	position: relative;
	top: -7px;
	margin-right: 30px;
	font-size: 12px;}

.update #headerbottom {
	height: auto;
	padding: 3px 0;}

.update #header h2 {
	display: block;
	background: white;
	text-align: center;
	position: relative;
	top: 3px;
	padding: 2px 0;;
	font-size: 18px;}

.update #rightcol h1 {
	display: block;
	margin-top: 20px;
	text-align: center;}

.update #rightcol select {
	display: block;
	margin: 10px auto 0;}

.update #centercol {
	padding: 0 20%;}

.salespage.update #centercol {
	padding: 0;}

.update #centercol img {
	margin-top: 20px;}

.update #centercol p:nth-of-type(1) {
	display: inline-block;
	width: 300px;
	position: relative;
	top: -50px;}

.salespage.update #centercol p:nth-of-type(1) {
	display: block;
	width: 100%;
	position: relative;
	top: 0;}

.update #centercol p:nth-of-type(2) {
	width: 600px;}

.salespage.update #centercol p:nth-of-type(2) {
	width: 100%;}

.update #footer span {
	display: block;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 10px;}

#flags li {
	display: inline-block;
	margin-right: 5px;}

#flags li img {
	border: 1px solid white;}

button {
	display: inline-block;
	text-align: right;
	padding: 20px;
	color: #fff;
	font-size: 0;
	border: 1px solid #555;
	box-shadow: 2px 2px 2px #000;
	border-radius: 5px;
	margin-bottom: 10px;
	height: 175px;}

button p {
	color: #000;
	font-family: 'Roboto Condensed', sans-serif;	
	text-shadow: 1px 1px #777;
	line-height: 32px;
	font-weight: bold;
	margin: 0 auto;
	font-size: 34px;}

button span {
    text-shadow: 3px 3px #111;	
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	position: relative;
	top: 5px;
	font-size: 42px;}

button:hover {	
	cursor: pointer;}

button:first-of-type {
	margin-right: 2%;}

.sales-button,
.rentals-button {
	background: #848484;
	background: url('images/glass.png'), -moz-linear-gradient(top, #848484 0%, #1c1c1c 100%);
	background: url('images/glass.png'), -webkit-linear-gradient(top, #848484 0%,#1c1c1c 100%);
	background: url('images/glass.png'), linear-gradient(to bottom, #848484 0%,#1c1c1c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#1c1c1c',GradientType=0 );
	background-repeat: no-repeat;
	background-position: 13% 30%;
	width: 48%;}

.sales-button:hover,
.rentals-button:hover {
	background: #848484;
	background: url('images/glass.png'), -moz-linear-gradient(top, #848484 0%, #000000 100%);
	background: url('images/glass.png'), -webkit-linear-gradient(top, #848484 0%,#000000 100%);
	background: url('images/glass.png'), linear-gradient(to bottom, #848484 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#000000',GradientType=0 );
	background-repeat: no-repeat;
	background-position: 13% 30%;}

.commercial-button {
	height: 115px;
	width: 96%;
	display: block;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #848484;
	background: -moz-linear-gradient(top, #848484 0%, #1c1c1c 100%);
	background: -webkit-linear-gradient(top, #848484 0%,#1c1c1c 100%);
	background: linear-gradient(to bottom, #848484 0%,#1c1c1c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#1c1c1c',GradientType=0 );
	background-repeat: no-repeat;
	background-position: 4% 45%;}

.commercial-button:hover {
	background: #848484;
	background: -moz-linear-gradient(top, #848484 0%, #000000 100%);
	background: -webkit-linear-gradient(top, #848484 0%,#000000 100%);
	background: linear-gradient(to bottom, #848484 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#000000',GradientType=0 );
	background-repeat: no-repeat;
	background-position: 4% 45%;}

.commercial-button p {
	display: block;
	text-align: center;
	text-transform: none;
	font-size: 28px;}

.commercial-button span {
	top: 0;
	display: block;
	text-align: center;
	text-transform: none;
	font-size: 34px;}

.contact {
	display: block;
	width: 91%;
	text-align: right;
	border: 1px solid #555;
	box-shadow: 2px 2px 2px #000;
	border-radius: 5px;
	height: 125px;
	color: #fff;
	padding: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
	background: rgb(125,126,125);
	background: url('images/mail.png'), -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(28,28,28,1) 100%);
	background: url('images/mail.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(28,28,28,1)));
	background: url('images/mail.png'), -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(28,28,28,1) 100%);
	background: url('images/mail.png'), -o-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(28,28,28,1) 100%);
	background: url('images/mail.png'), -ms-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(28,28,28,1) 100%);
	background: url('images/mail.png'), linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(28,28,28,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#1c1c1c',GradientType=0 );
	background-position: 10% 51%;
	background-repeat: no-repeat;}

.contact span {
	display: block;
	color: #000;
	text-shadow: 1px 1px #777;	
	font-weight: bold;
	line-height: 1.25;
	font-family: 'Roboto Condensed', sans-serif;	
	font-size: 24px;}

.contact span:first-child {
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
    text-shadow: 2px 2px #111;	
    margin-bottom: 4px;	
	color: #fff;
	display: inline-block;}

.contact span a {
    color: #000;
    text-shadow: 1px 1px #777;
    font-weight: bold;
    line-height: 1.25;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
	text-decoration: none;}

.contact span a:hover {
	color: #222;}

.contact a {
	font-size: 18px;
	margin-top: 5px;
    text-shadow: 1px 1px #111;		
	display: inline-block;
	text-decoration: underline;
	color: #fff;}

.contact a:hover {
	color: #ddd;}


#townhouse-cities {
	display: block;
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	margin-top: 40px;
	font-size: 32px;}

.update .social {
	width: 50px;
	margin-right: 10px;}

#contact-information,
#advanced {
	display: inline-block;
	vertical-align: top;
	width: 45%;}

#contact-information label {
	display: inline-block;
	width: 30%;
	font-size: 14px;
	vertical-align: middle;}

#contact-information input,
#contact-information select,
#contact-information textarea {
	display: inline-block;
	width: 65%;
	vertical-align: middle;
	padding: 5px;
	font-size: 14px;
	margin-bottom: 10px;}

#contact-information select:last-of-type {
	margin-bottom: 0;}

#advanced label {
	font-size: 14px;}

#advanced select {
	padding: 5px;
	font-size: 14px;}

#advanced textarea {
	display: block;
	width: 95%;
	padding: 5px;
	font-size: 14px;
	height: 80px;
	margin-top: 10px;}

#locations div {
	display: inline-block;
	vertical-align: top;
	width: 48%;}

#locations input,
#locations label {
	display: inline-block;
	vertical-align: top;}

#locations label {
	position: relative;
	top: 2px;
	margin-left: 5px;}

#property-type input {
	margin-top: 15px;}

.new-form button {
	display: block;
	width: 99%;
	margin: 20px auto 0;
	padding: 20px 0;
	font-size: 24px;
	text-align: center;
	height: auto;
	color: white;
	background: #222;}


.tab {
	display: block;
	background: #eee;
	border-radius: 5px;
	margin-bottom: 25px;
	height: 50px;
	border-bottom: 5px solid #ccc;}

.tab span {
	display: inline-block;
	vertical-align: middle;
	font-size: 32px;
	background: #ddd;
	color: #222;
	min-width: 75px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 5px 0 0 5px;
	border-right: 1px solid #ccc;}

.tab ul {
	padding-left: 10px;
	display: inline-block;
	vertical-align: middle;}

.tab li {
	display: inline-block;
	padding: 0 10px;}

.tab li a {
	padding-bottom: 3px;
	border-bottom: 1px solid #bbb;}


/* MEDIA QUERIES */

/* iPhone 5 */

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

  	.update #centercol {
  		display: block;
  		width: 100%;
  		padding: 0%;}

  	.update #splash {
  		display: none;}

  	.update #logo {
  		display: block;
  		width: 85%;
  		margin: auto;}

  	.update #headerbox {
  		padding-top: 20px;
  		margin-bottom: 0;}

  	.update #headerbox > a {
  		display: block;
  		width: 100%;
  		height: auto;}

  	.update #topnav {
		display: none;}

  	.update #header {
  		background: black;
  		height: 245px;
  		margin-bottom: 0;}

  	.update #header h2 {
		display: none;}

  	.update #topnav li {
  		display: inline-block;
  		vertical-align: middle;}

  	.update .nav {
		display: none;}

	.update #headerbox span {
	    top: -15px;
	    display: inline-block;
	    font-size: 16px;
	    width: 49%;
	    margin: auto;
	    box-sizing: border-box;}

	.update #headerbox span:nth-of-type(1) {
	 	padding-left: 7.5%;}

	.update #headerbox span:nth-of-type(2) {
		text-align: right;
	 	padding-right: 5.5%;}

	.update #headerbox span a:nth-of-type(2) {
		display: none;}

	.update #leftcol img:first-of-type {
		display: none;}

	.update button {
		display: block;
		width: 100%;}

	.update #leftcol p:not(:first-of-type) {
		display: none;}

	.update #leftcol h1 {
		display: none;}

	.update #leftcol p {
		margin-top: 0;
		font-size: 14px;
		line-height: 1.5;}

	.update #leftcol {
		width: 85%; 
		float: none;
		margin: 0 auto;
		padding-top: 20px;}

	.update #rightcol {
		width: 85%;
		float: none;
		margin: 0 auto;}

	.update #container {
		width: 100%;}

	.update button br {
		display: none;}

	.update .sales-button,
	.update .rentals-button {
		width: 49%;
		display: inline-block;}

	.update .sales-button span,
	.update .rentals-button span {
		top: 0;
		font-size: 58px;}

	.update img[alt="condos"],
	.update img[alt="apartments"] {
		display: none;}

	.update .sales-button p,
	.update .rentals-button p {
		line-height: normal;}

	.update .landlords-button {
		height: 165px;
		display: block;
		margin-bottom: 20px;}

	.update .landlords-button p {
		font-size: 38px;}

	.update .landlords-button span {
		font-size: 38px;
		top: 10px;}

	.update .contact {
		width: 95%;}

	.update .contact span:first-of-type {
		font-size: 36px;}

	.update .contact span:nth-of-type(2),
	.update .contact span a {
		font-size: 32px;}

	.update .contact span:nth-of-type(2) {
		position: relative;
		top: -3px;}

	.update .contact span:nth-of-type(3) {
		display: none;}

	.update .social {
		width: 80px;
		position: relative;
		top: 10px;
		margin-right: 10px;}

	.update #rightcol h1 {
		text-align: left;
		margin-top: 0;
		font-size: 32px;}

	.update #rightcol select {
		height: auto;
		width: 100%;
		font-size: 24px;
		padding: 10px;
		border-radius: 5px;
		margin-bottom: 20px;}

	.update #centercol {
		display: none;}

	.update #footer {
		height: 225px;}

	.salespage #contact-information {
		display: block;
		margin: 0 auto;
		width: 95%;}

	.salespage #advanced {
		display: block;
		margin: 0 auto;
		width: 95%;}

}