html, body {
height:100%;
width:100%;
margin:0;
padding:0;
}

body {
font-family: Verdana, Tahoma, sans-serif; 
font-size: 10px; 
color:#111;
line-height:1.8;
}




div#header {
height: 189px;
background: transparent url('/ezstatic/data/waterfrontagent/images/header_bkg.jpg') top left repeat-x;
width: 100%;
margin: 0;
padding: 0;
}
#header h1 {
background: url('/ezstatic/data/waterfrontagent/images/header.jpg') top left no-repeat;
height:189px;
width: 602px;
text-indent: -9999px;
margin: 0; padding: 0;
float:left;
}

.headerright {
float:right;
background:url("/ezstatic/data/waterfrontagent/images/header_right.jpg") no-repeat;
width:123px;
height:189px;
}

/* LINKS */
a, a:link {
	font-weight: bold;
	color: #314594;	
	text-decoration: underline;
}
a:visited {
	color: #314594;
}
a:hover {
	color: #6c96c3;
}
a:active {
	color: #314594;
	background-color : #C1C9DC; 
}

a img {
border: 0px;

}


h2 { font-size: 1.2em; }
h3 { font-size: 1.15em; }
h4 { font-size: 1em; }



/* BEGIN Nav Bar */
div#navbar {
	width:100%;
	border: 0;
	padding: 0;
	margin: 0 auto;
	clear: both;
	background:#00478D;
}

div#navbar ul {
	width: 712px;
	height: 23px;
	background: url("/ezstatic/data/waterfrontagent/images/navbar.gif");
	margin: 0;
	padding: 0;
	position: relative;

}
	
#navbar ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;	

}

#navbar ul li, #navbar a {
	height: 23px;
	display: block;
	color: #fff;
}

#navbar ul li a {
	text-indent: -9999px;
	text-decoration: none;
}

#nb1 {left: 0px; width: 62px;}
#nb2 {left: 62px; width: 108px;}
#nb3 {left: 170px; width: 57px;}
#nb4 {left: 227px; width: 159px;}
#nb5 {left: 386px; width: 93px;}
#nb6 {left: 479px; width: 76px;}
#nb7 {left: 555px; width: 47px;}
#nb8 {left: 602px; width: 52px;}
#nb9 {left: 654px; width: 64px;}


#nb1 a:hover { background: transparent url("/ezstatic/data/waterfrontagent/images/navbar.gif") 0px -24px no-repeat; }
#nb2 a:hover { background: transparent url("/ezstatic/data/waterfrontagent/images/navbar.gif") -62px -24px no-repeat; }
#nb3 a:hover { background: transparent url("/ezstatic/data/waterfrontagent/images/navbar.gif") -170px -24px no-repeat; }
#nb4 a:hover { background: transparent url("/ezstatic/data/waterfrontagent/images/navbar.gif") -227px -24px no-repeat; }
#nb5 a:hover { background: transparent url("/ezstatic/data/waterfrontagent/images/navbar.gif") -386px -24px no-repeat; }
#nb6 a:hover { background: transparent url("/ezstatic/data/waterfrontagent/images/navbar.gif") -479px -24px no-repeat; }
#nb7 a:hover { background: transparent url("/ezstatic/data/waterfrontagent/images/navbar.gif") -555px -24px no-repeat; }
#nb8 a:hover { background: transparent url("/ezstatic/data/waterfrontagent/images/navbar.gif") -602px -24px no-repeat; }
#nb9 a:hover { background: transparent url("/ezstatic/data/waterfrontagent/images/navbar.gif") -654px -24px no-repeat; }


/*END Nav Bar */



/* mls listings */

.listviewleft {
width: 35%;
}

.listviewright {
width: 65%;
float:right;
}


/* wraps the two list columns */
.listviewwrap {
	border-bottom: 1px solid #00478d;
}

/* assigns styles to the list view images */
.listviewleft img {
	border: 1px solid #00478d;
}

h2 {
color: #314594;
font-family: Arial,Helvetica,sans-serif;
font-size: 1.7em;
}
.content h3 {
	color: #900;
	font-family: "trebuchet ms";
	font-size: 150%;
}
#footer {
	padding-top: 20px;
	background: #fff url("/ezstatic/data/waterfrontagent/i/footer.gif") left top repeat-x;
}

#mlsdetailview h3 {
	color: #314594;
	font-size: 1.3em;
	border-bottom: 1px solid #ccc;
}

.mlsrightcol {
	float: none;
	width: auto;
	margin-left: 335px;
}
.mlsrightcol .clearboth {clear: right;}

.leftcolcontent h3 {
margin: 1em 0 0 0;
color: #fff;
background: #00478D;
padding: 3px;
border: 1px solid #ccc;
border-bottom-width: 0;
}

.leftcolcontent ul {
padding: 8px;
border: 1px solid #ccc;
border-top-width: 0;
margin: 0;
list-style: none;
}

table#officelist { margin: 0 auto; }