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

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

p, td, div, li, ul {

font-size: 11px;
}

div#header {
height: 91px;
background: transparent url('/ezstatic/data/marinerrealty/images/header_bkg.jpg') top left repeat-x;
width: 100%;
margin: 0;
padding: 0;

}
#header h1 {
background: url('/ezstatic/data/marinerrealty/images/header.jpg') top left no-repeat;
height:91px;
width:526px;
text-indent: -9999px;
margin: 0; 
padding: 0;
float:left;
}

.headerright {
height:91px;
width:188px;
background:url("/ezstatic/data/marinerrealty/images/header_right.jpg");
float:right;

}



/* LINKS */
a, a:link {
	color: #003399;
	font-weight:bold; 
	text-decoration: none;;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #669999;
}
a:active {
	color: #336699;
	background-color : #C1C9DC; 
}



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

/* BEGIN Nav Bar */
div#navbar {
	width:100%;
	background:url("/ezstatic/data/marinerrealty/images/navbar_bkg.jpg") top left repeat-x;
	border: 0;
	padding: 0;
	margin: 0 auto;
	clear: both;
	float:left;
	height: 45px;
	
}

div#navright {
float:right;
background: url("/ezstatic/data/marinerrealty/images/navbar_right.jpg") no-repeat;
width:189px;
height:35px;
margin:-35px 0 0 0;
}

div#navbar ul {
	width: 524px;
	height: 35px;
	background: url("/ezstatic/data/marinerrealty/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: 29px;
	display: block;
	color: #fff;
}

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

#nb1 {left: 8px; width: 72px;}
#nb2 {left: 80px; width: 84px;}
#nb3 {left: 164px; width: 107px;}
#nb4 {left: 271px; width: 70px;}
#nb5 {left: 341px; width: 85px;}
#nb6 {left: 426px; width: 96px;}


#nb1 a:hover { background: transparent url("/ezstatic/data/marinerrealty/images/navbar.gif") -8px -35px no-repeat; }
#nb2 a:hover { background: transparent url("/ezstatic/data/marinerrealty/images/navbar.gif") -80px -35px no-repeat; }
#nb3 a:hover { background: transparent url("/ezstatic/data/marinerrealty/images/navbar.gif") -164px -35px no-repeat; }
#nb4 a:hover { background: transparent url("/ezstatic/data/marinerrealty/images/navbar.gif") -271px -35px no-repeat; }
#nb5 a:hover { background: transparent url("/ezstatic/data/marinerrealty/images/navbar.gif") -341px -35px no-repeat; }
#nb6 a:hover { background: transparent url("/ezstatic/data/marinerrealty/images/navbar.gif") -426px -35px no-repeat; }

/*END Nav Bar */


/* --------- */
/* list view */
/* --------- */

/* wraps the two list columns */
.listviewwrap {
	border-bottom: 1px solid #8e7e73;
	display: block;
}

/* floats the image left */
.listviewleft {
	width: 20%;
	float: left;
	text-align: center;
	padding: 8px 0;
}

/* assigns styles to the list view images */
.listviewleft img {
	padding: 0;
	margin-top: 8px;
	margin-bottom: 4px;
	border: 1px solid #ccc;
}

/* floats the desc right */
.listviewright {
	width: 77%;
	float: right;
	padding: 6px 0;
}

/* adds padding between mls number and favorites */
.listviewmoreinfo { padding: 0 5px; }

/* clears floats */
.clearboth { clear: both; }

/* formats the price */
.listprice { text-align: right; }

/* formats remarks */
.listremark {
	color: #000;
	display: block;
}


/* ------------------------ */
/* detail view right column */
/* ------------------------ */

.mlsrightcol {
	float: right;
	width: 450px;
	margin: 0;
	padding: 0;
}


h3 a { border-bottom: 0; }

.content h3 {
	border: 0;
	margin: 0;
	padding: 0;
}

.ezintro {
	border: 0;
	border-bottom: 1px solid #8e7e73;
	padding-bottom: 10px;
}

.footerdisclaimer { color: #8e7e73; }


/* ---------- */
/* user login */
/* ---------- */

.userloginleft { width: 60%; }

.userloginright {
	width: 30%;
	border-left: 2px solid #8E7E73;
}


/* ---------- */
/* agent info */
/* ---------- */

.agentblock {
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
        width: 25%;
	height: 220px;
	margin-bottom: 10px;
}

.agentblock img {
	padding: 1px;
	border: 1px solid #ccc;
}

.agentlist p { }

.agentlist p img { display: block; }

#rearticlelistwrapall { border-bottom: 1px solid #ccc; }
h2 { font: 1.8em georgia; font-weight: normal; border-bottom: 1px solid #ccc; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.0em; }
.realtorright { float: none; width: auto; margin-left: 180px;  }

#wrapperint {background-color:#0c3b7f;}
table#wrapper {
margin:0px auto;
width:95%;
background-color:#ffffff
}

div#usmtag {
background-color:#FFFFFF; width:95%;}

.officecontact {
background-color:#FFFFFF;
border-top:1px solid #cccccc;
width: 95%;
margin:0px auto;
}

#leftcol {
width:250px;
}

.searcharrow {display: none;}

.button {padding: 0 0 20px 0;}

.loginbar {
padding-top:15px;
}

.footersearch ul li{display: inline;}
.footersearch {width: 70%; margin: 10px auto;}
.footersearch .searchcnt {display: none;}
.searchname {padding: 0px 5px;}
.listimagecnt {display: block;}
.listfavright {width:35%;}
.listfavleft {width:65%;}





/* dropdowns */
#navbar li ul {
	position: absolute;
	left: -9999px;
	width: 250px;
	margin:8px 0pt 0pt;
	padding: 0;
	text-align:left;
	background: #0C3B7F;
	height: auto;
	}
#navbar li:hover ul, 
#navbar li.sfhover ul {
	left: 0;
	z-index: 100;
	top: 20px;
}
#navbar li ul li {
	position: relative;
	height: auto;
	display: block;
	float: none;
	padding: 0;
}
#navbar li ul li a,
#navbar li ul li a:hover {
	color:#fff;
	display: block;
	text-indent: 0px;
	padding: 0 4px;
	line-height: 24px;
	height: 24px;
	margin: 0;
	float: none;
	font-size:10px;
	font-weight: bold;
	background:#0C3B7F;
}
ul#navbar li ul li a:hover {
	color:#669999;
}

.nb4 ul a { background: #1D5180;}