body {
	text-align: center;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11pt;
	color: #666;
	margin: 0;
	padding: 0px 0 55px 0;
}

p.spacer {
	margin: 175px 0;
}

a {
	color: #333;
	text-decoration: underline;
}

img {
	border: 0;
}

.line {
	border-bottom: 1px solid #888;
	margin: 25px 20px;
	display: block;
	clear: both;
}

.hidden, h1#title {
	display: none;
}
/*
h1 {
	font-family: Georgia, "Times New Roman", Times;
	font-size: 16px;
	color: #009dfc;
	font-weight: normal;
	margin: 0 0 8px 0;
	padding: 0;
}
*/
h1.section {
	margin-top: 25px;
}

#vacuum {
	width: 747px;
	margin: 0 auto 0 auto;
	text-align: left;
	border: 1px solid #d8d8d8;
}
#header {
	float: left;
	height: 118px;
	width: 747px;
	background: url(img/header.jpg) no-repeat 0 0;
}

.jazzme {
	background-image: url(img/jazz.jpg);
	background-repeat: no-repeat;
}
/* IE v6 doesn't see this hack */
body>#vacuum .jazzme {
	position: relative;
	top: -3px;
	margin-bottom: -3px;
}

/* ====== Navigation ====== */

ul.nav {
	float: left;
	width: 747px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 15px;
	background-color: #3f3f3f;
}

ul.nav li {
	float: left;
	list-style: none;
	background: url(img/nav_sep.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	font-size: 10px;
}
ul.nav li a span { display: none; }
ul.nav li a {
	display: block;
	height: 36px;
	background-repeat: no-repeat;
	background-position: left center;
}
ul.nav li a:hover {
	cursor: pointer;
}
/* We're using images instead of text to support pixel font */

/* Broker-side top naviagtion */
ul.nav li.bnav1 a { width: 53px; margin: 0 26px; }
ul.nav li.bnav1 a { background-image: url(img/broker_topnav1.gif); }
ul.nav li.bnav1 a.active { background-image: url(img/broker_topnav1_hover.gif); }
ul.nav li.bnav1 a:hover { background-image: url(img/broker_topnav1_hover.gif); }

ul.nav li.bnav2 a { width: 54px; margin: 0 26px; }
ul.nav li.bnav2 a { background-image: url(img/broker_topnav2.gif); }
ul.nav li.bnav2 a.active { background-image: url(img/broker_topnav2_hover.gif); }
ul.nav li.bnav2 a:hover { background-image: url(img/broker_topnav2_hover.gif); }

ul.nav li.bnav3 a { width: 59px; margin: 0 26px; }
ul.nav li.bnav3 a { background-image: url(img/broker_topnav3.gif); }
ul.nav li.bnav3 a.active { background-image: url(img/broker_topnav3_hover.gif); }
ul.nav li.bnav3 a:hover { background-image: url(img/broker_topnav3_hover.gif); }

ul.nav li.bnav4 a { width: 47px; margin: 0 350px 0 26px; }
ul.nav li.bnav4 a { background-image: url(img/broker_topnav4.gif); }
ul.nav li.bnav4 a.active { background-image: url(img/broker_topnav4_hover.gif); }
ul.nav li.bnav4 a:hover { background-image: url(img/broker_topnav4_hover.gif); }

/* ====== Footer Navigation ====== */

ul.footer {
	float: left;
	width: 747px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 15px;
	background-color: #3f3f3f;
	border-top: 2px solid #009eff;
}

ul.footer li {
	float: left;
	list-style: none;
	background: url(img/nav_sep.gif) no-repeat top right;
	margin: 0;
	padding: 0;
}

ul.footer li a span { display: none; }
ul.footer li a {
	display: block;
	height: 32px;
	background-repeat: no-repeat;
	background-position: center center;
}
ul.footer li a:hover {
	cursor: pointer;
}

/* Client-side bottom naviagtion */
ul.footer li#nav1 a { width: 63px; margin: 0 14px 0 63px; }
ul.footer li#nav1 a { background-image: url(img/bottomnav1.gif); }
ul.footer li#nav1 a:hover, ul.footer li.active#nav1 a { background-image: url(img/bottomnav1_hover.gif); }

ul.footer li#nav2 a { width: 203px; margin: 0 13px; }
ul.footer li#nav2 a { background-image: url(img/bottomnav2.gif); }
ul.footer li#nav2 a:hover, ul.footer li.active#nav2 a { background-image: url(img/bottomnav2_hover.gif); }

ul.footer li#nav3 a { width: 71px; margin: 0 13px; }
ul.footer li#nav3 a { background-image: url(img/bottomnav3.gif); }
ul.footer li#nav3 a:hover, ul.footer li.active#nav3 a { background-image: url(img/bottomnav3_hover.gif); }

ul.footer li#nav4 a { width: 132px; margin: 0 13px; }
ul.footer li#nav4 a { background-image: url(img/bottomnav4.gif); }
ul.footer li#nav4 a:hover, ul.footer li.active#nav4 a { background-image: url(img/bottomnav4_hover.gif); }

ul.footer li#nav5 a { margin: 0 59px 0 12px; width: 50px; }
ul.footer li#nav5 a { background-image: url(img/bottomnav5.gif); }
ul.footer li#nav5 a:hover, ul.footer li.active#nav5 a { background-image: url(img/bottomnav5_hover.gif); }

/* Broker-side bottom naviagtion */
ul.footer li#bnav1 a { width: 195px; }

ul.footer li#bnav2 a { width: 50px; margin: 0 22px; }
ul.footer li#bnav2 a { background-image: url(img/broker_bottomnav2.gif); }
ul.footer li#bnav2 a:hover, ul.footer li.active#bnav2 a { background-image: url(img/broker_bottomnav2_hover.gif); }

ul.footer li#bnav3 a { width: 50px; margin: 0 22px; }
ul.footer li#bnav3 a { background-image: url(img/broker_bottomnav3.gif); }
ul.footer li#bnav3 a:hover, ul.footer li.active#bnav3 a { background-image: url(img/broker_bottomnav3_hover.gif); }

ul.footer li#bnav4 a { width: 56px; margin: 0 22px; }
ul.footer li#bnav4 a { background-image: url(img/broker_bottomnav4.gif); }
ul.footer li#bnav4 a:hover, ul.footer li.active#bnav4 a { background-image: url(img/broker_bottomnav4_hover.gif); }

ul.footer li#bnav5 a { width: 45px; margin: 0 22px; }
ul.footer li#bnav5 a { background-image: url(img/broker_bottomnav5.gif); }
ul.footer li#bnav5 a:hover, ul.footer li.active#bnav5 a { background-image: url(img/broker_bottomnav5_hover.gif); }

/* ====== Paragraph formatting ====== */

p {
	font-size: 11px;
	line-height: 23px;
	color: #666;
	text-align: justify;
	margin: 10px 35px;
}
p.center { text-align: center; }

/* ====== Welcome box ====== */

#welcome {
	width: 747px;
	height: 49px;
	float: left;
	background-color: #009dfc;
	background-repeat: no-repeat;
	background-position: top left;
}
div.broker_profile { background-image: url(img/welcome_broker_profile.gif); }
div.broker_inventory { background-image: url(img/welcome_broker_inventory.gif); }
div.broker_esales { background-image: url(img/welcome_broker_esales.gif); }
div.broker_clients { background-image: url(img/welcome_broker_clients.gif); }

/* ====== Content columns ====== */

#maincolumn {
	float: left;
	width: 747px;
}

#leftcolumn {
	float: left;
	width: 535px;
}

#rightcolumn {
	float: left;
	width: 180px;
	padding-top:  78px;
	padding-left: 32px;
}

/* ====== Miscellaneous ====== */


div.clear {
	clear: both;
}

/* ====== Broker registration ====== */

p.forgot { margin: 5px 0 0 0; }
p.forgot a { color: #009eff; }

p.short {
	padding-top: 10px;
	padding-right: 200px;
	margin: 30px 0;
}

p.short2 {
	padding-top: 10px;
	padding-right: 200px;
	margin: 5px 0 5px 35px;
}

ul.short {
	font-size: 11px;
	margin: 10px 0 5px 0;
}

ul.short li {
	margin: 10px 0;
	padding-right: 200px;
	line-height: 20px;
}

img.header {
	margin: 15px 0 15px -35px;
	display: block;
}

div.girlright {
	float: right;
	margin: -35px 20px 0 0;
	width: 185px;
	height: 305px;
	background: url(img/girl.gif) no-repeat top left;
}

form.broker {
	margin: 35px 0 30px 35px;
}
form.broker label {
	font-size: 12px;
	color: #8c8c8c;
}
form.broker input, form.broker select, form.broker textarea {
	background-color: #f5f5f5;
	border: 1px solid #b7b7b7;
	color: #9a9a9a;
	padding: 3px;
	margin-bottom: 6px;
}

form.broker input { width: 327px; }
form.broker input.medium { width: 232px; }
form.broker input.small { width: 133px; }

form.broker img.submit {
	margin: 20px 0 0 230px;
}
form.broker img.submit.left {
	margin-left: 0;
}
form.broker img.login {
	margin: 8px 0 0 130px;
}

form.broker fieldset {
	border: 0;
	display: block;
	padding: 0;
	margin: 4px 0;
	font-size: 13px;
	color: #666;
}
form.broker fieldset input.check {
	width: auto;
	padding: 0;
	position: relative;
	top: 4px;
}
form.broker fieldset input.radio {
	width: auto;
	padding: 0;
	border: 0;
	position: relative;
	top: 5px;
	background-color: #fff;
}

form.broker fieldset span.check input {
	width: auto;
	padding: 0;
	position: relative;
	top: 4px;
}
form.broker fieldset span.radio input {
	width: auto;
	padding: 0;
	border: 0;
	position: relative;
	top: 5px;
	background-color: #fff;
}

/* label error */

form.broker label span {
	color: #f00;
	padding-left: 10px;
}


form.broker.login {
	margin-top: 30px;
	margin-bottom: 0;
}

/* ====== Properties ====== */
.property {
	background-color: #f1f1f1;
	float: left;
	width: 747px;
}
.property.alt {
	background-color: #ffffff;
}

.thumb {
	float: left;
	margin: 30px 0 0 18px;
	width: 147px;
}
.thumb img {
	float: left;
}
.property p {
	font-size: 12px;
	padding-top: 20px;
	padding-left: 170px;
	line-height: 17px;
	color: #666;
}
.property p strong {
	color: #333;
}
.property img.learnmore {
	margin: 20px 0 30px 195px;
}

/* ====== Agreements ====== */

.property p.big {
	font-size: 13px;
}

.property p.big {
	margin-top: 0;
}

.property p.big strong {
	font-size: 14px;
	font-weight: bold;
	line-height: 32px;
}
.property img.agreement {
	margin: 40px 0 30px 30px;
}


/* ====== Welcome page ====== */

h2 {
	margin: 75px 0 4px 34px;
	font-size: 15px;
	color: #333;
	font-weight: bold;
}
.lines {
	margin-left: 32px;
	border-color: #d1d1d1;
	border-style: solid;
	border-width: 1px 0;
}
.lines p {
	margin: 11px 55px 13px 5px;
	font-size: 11px;
	line-height: 18px;
	text-align: left;
}
.buttons {
	margin: 25px 0 0 300px;
	height: 105px;
}
.buttons a {
	padding-right: 30px;
}


/* ====== Contact Us Page ====== */

form.broker img.submit_left {
	margin: 14px 0 0 0;
}
p.contact {
	padding: 10px 0 15px 0;
	line-height: 15px;
	font-size: 11px;
}

h3 {
	font-size: 13px;
	color: #333;
	margin: 27px 0 35px 27px;
}

#rightcolumn h2 {
	margin: 15px 0 0 7px;
}
#rightcolumn address {
	font-style: normal;
	font-size: 11px;
	margin: 5px 0 5px 6px;
	line-height: 14px;
	padding-bottom: 3px;
}
#rightcolumn p {
	margin-left: 8px;
	line-height: 16px;
}
#rightcolumn p a {
	font-weight: bold;
	color: #10a5ff;
	text-decoration: none;
	font-size: 12px;
}

.charcoal {
	border-bottom: 1px solid #cfcfcf;
}
#leftcolumn .charcoal { margin: 0 0 0 32px; }
#leftcolumn .charcoal p, #rightcolumn .charcoal p {
	padding: 9px 0 3px 5px;
	margin: 0;
	background-color: #3f3f3f;
	color: #fff;
	width: 127px;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
}
#leftcolumn .charcoal p { width: 127px; }
#rightcolumn .charcoal p { width: 175px; }


/* ====== New Listing ====== */
#leftcolumn_newlisting {
	float: left;
	width: 311px;
}

#rightcolumn_newlisting {
	float: left;
	width: 434px;
	padding-top: 22px;
	padding-bottom: 120px;
	padding-left: 2px;
}

#leftcolumn_newlisting img.big {
	padding: 22px 0 3px 20px;
}
#leftcolumn_newlisting ul.thumbs {
	padding: 0;
	list-style-type: none;
	margin: 0 0 0 20px;
}
#leftcolumn_newlisting ul.thumbs li {
	float: left;
	padding: 0 2px 0 0;
	display: inline;
}

#rightcolumn_newlisting address {
	font-style: normal;
	font-size: 13px;
	margin: 0 0 8px 6px;
}
#rightcolumn_newlisting address strong{
	color: #333;
}
#rightcolumn_newlisting img {
	margin: 14px 0 10px 4px;
}
#rightcolumn_newlisting h3 {
	color: #10a5ff;
	margin: 5px 0 0 5px;
}
#rightcolumn_newlisting p {
	margin: 5px 50px 15px 5px;
	line-height: 17px;
	font-size: 12px;
}

#rightcolumn_newlisting ul.linebullet {
	list-style-type: none;
	padding: 0;
	font-size: 12px;
	margin-left: 7px;
}
#rightcolumn_newlisting ul.linebullet li {
	padding: 6px 0 0 15px;
	background: url(img/linebullet.gif) no-repeat 0 14px;
}


/* ====== New Listing ====== */
#leftcolumn_reserve {
	float: left;
	width: 173px;
	padding-left: 8px;
}

#rightcolumn_reserve {
	float: left;
	width: 541px;
	padding-right: 15px;
	padding-bottom: 45px;
	padding-left: 5px;
}
body>#vacuum #rightcolumn_reserve {
	padding-left: 10px;
}

#leftcolumn_reserve .thumb {
	margin-left: 15px;
}
#rightcolumn_reserve h2 {
	margin: 30px 0 0 25px;
	font-size: 18px;
}
#rightcolumn_reserve h3 {
	margin: 25px 8px 0 25px;
	font-size: 16px;
}
#rightcolumn_reserve h3.topborder {
	border-top: 1px dashed #d7d7d7;
	padding-top: 25px;
}
#rightcolumn_reserve address {
	font-style: normal;
	font-size: 14px;
	margin: 5px 0 40px 23px;
}
#rightcolumn_reserve p {
	margin-left: 25px;
	font-size: 12px;
	line-height: 16px;
}

#rightcolumn_reserve span.downloadprint {
	width: 515px;
	display: block;
	border-top: 1px dashed #d7d7d7;
	border-bottom: 1px dashed #d7d7d7;
	margin: 20px 0 47px 25px;
	padding: 13px 0;
}
#rightcolumn_reserve span.downloadprint a {
	text-decoration: none;
	color: #8c8c8c;
	font-size: 19px;
	font-weight: bold;
	padding-left: 31px;
	background: url(img/arrows.gif) no-repeat 0 7px;
}
#rightcolumn_reserve form {
	border-top: 1px dashed #d7d7d7;
	padding: 25px 0 0 7px;
	margin: 27px 0 25px 20px;
}
#rightcolumn_reserve span.backtotop {
	width: 515px;
	display: block;
	border-top: 1px dashed #d7d7d7;
	padding: 12px 0 0 10px;
	margin-left: 17px;
	font-size: 12px;
}
#rightcolumn_reserve span.backtotop a {
	text-decoration: none;
	color: #333;
}

/* ====== Market Studies ====== */

#maincolumn_market {
	float: left;
	width: 747px;
}

#maincolumn_market h3.bottomborder {
	margin: 48px 30px 13px 0;
	padding: 0 0 5px 23px;
	border-bottom: 1px solid #d1d1d1;
	font-size: 14px;
}
#maincolumn_market p {
	line-height: 17px;
	margin-right: 80px;
	margin-left: 29px;
}

#maincolumn_market ul {
	padding: 0 0 0 45px;
	margin: 40px 0 110px 0;
}
#maincolumn_market ul li {
	font-size: 13px;
	padding: 1px 8px;
	margin: 5px 0;
}
#maincolumn_market ul li a, ul.inventory li a {
	text-decoration: none;
	color: #009eff;
	border-bottom: 1px solid #cfcfcf;
}
#maincolumn_market ul li a:hover, ul.inventory li a:hover { color: #3f3f3f; }

/* ====== Landing ====== */

#maincolumn_landing {
	float: left;
	width: 747px;
}

#maincolumn_landing h3.bottomborder {
	margin: 44px 255px 13px 0;
	padding: 0 100px 10px 23px;
	border-bottom: 1px solid #d1d1d1;
	font-size: 18px;
	color: #2d2d2d;
}
#maincolumn_landing p {
	line-height: 17px;
	margin-right: 265px;
	margin-left: 29px;
}

img.learnmore2 {
	margin: 8px 0 65px 30px;
}
img.right {
	float: right;
	margin: 15px 30px 0 0;
}


/* ====== Broker Inventory ====== */
ul.inventory {
	padding: 0;
	margin: 10px 0 0 50px;
}
ul.inventory li {
	margin: 5px 0;
}
h4 {
	margin: 20px 0 5px 20px;
	padding: 0;
	color: #444;
}

table.inventory {
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;
	border-collapse: collapse;
	margin: 30px auto;
}

table.inventory td {
	font-size: 11px;
	border-left: solid 1px #666;
	border-top: solid 1px #666;
	padding: 4px;
}

table.inventory tr#head td {
	font-weight: bold;
	background-color: #f2f2f2;
	text-align: center;
}

table.inventory td#no { width: 35px; }
table.inventory td#unit_number { width: 50px; }
table.inventory td#furnished { width: 90px; }
table.inventory td#our_unit_type { width: 60px; }
table.inventory td#unit_sq_ft { width: 60px; }
table.inventory td#sales_price { width: 130px; }
table.inventory td#status { width: 90px; }
table.inventory td#broker { width: 140px; }
table.inventory td#purchaser { width: 140px; }

a.green 
{
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    color: Green;
    text-decoration: none;
}

a.red 
{
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    color: Red;
    text-decoration: none; 
}

#mortgage_wrapper {
	text-align: right;
	padding-bottom: 15px;
	width: 747px;
}

#mortgage_link a {
	background: url(img/bt_mortgage_up.gif) no-repeat top right;
	display: block;
	height: 21px;
	width: 231px;
	cursor: pointer;
	margin: 0 0 0 auto;
}
#mortgage_link a:hover {
	background-image: url(img/bt_mortgage_over.gif);
}
#mortgage_link a span {
	display: none;
}

div.mortspacer 
{
    width: 747px;
}

div.blank 
{
    padding-top: 35px;   
}

#maincolumn_mortgage p {
	font-size: 12px;
	line-height: 19px;
	margin-right: 290px;
	margin-bottom: 15px;
}

form.mortgage {
	margin: 33px 20px 20px 20px;
}

form.mortgage label {
	font-size: 12px;
	color: #666;
	width: 150px;
	margin-right: 10px;
	font-weight: bold;
	text-align: right;
	float: left;
	padding-top: 4px;
}
form.mortgage input {
	background-color: #fff;
	border: 1px solid #b7b7b7;
	color: #9a9a9a;
	padding: 3px;
	width: 100px;
	float: left;
}
form.mortgage input.small {
	width: 45px;
}

form.mortgage span {
	margin-left: 10px;
	margin-top: 3px;
	font-size: 13px;
	float: left;
	display: inline;
}

form.mortgage span.small
{
    font-size: 12px;
    width: 330px;
    padding-left: 20px;
}

form.mortgage img.calculate {
	margin: 5px 0 0 19px;
}
form.mortgage span.result {
	font-weight: bold;
	margin-top: 5px;
}

form.mortgage div.spacer 
{
    margin-left: 25px;
    display: inline;
}

form.mortgage ul li a.link, form.mortgage a.link 
{
	text-decoration: none;
	color: #009eff;
	border-bottom: 1px solid #cfcfcf;
}

form.mortgage a.link:hover
{
    color: #3f3f3f;
}

p.thankyou {
	padding-top: 50px;
	padding-right: 20px;
}

div.welcomefooterimg
{
    background-image: url(img/img_footer_welcome.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    height: 151px;
    clear: both;
}
