/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;          background: transparent; }
body {line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* FORM ITEMS =============================================================== */
input		{ padding:0px; color:#333; border:1px solid #999; background-color:#eee; }
textarea	{ font-family:arial; padding:3px; color:#333; border:1px solid #999; background-color:#eee; }
select	{ padding:0px; margin:0; color:#333; border:1px solid #999; background-color:#eee;}
div.modifysearch  input, div.modifysearch  textarea, div.modifysearch  select { color: #000; background: #fff }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

body { margin:0px; background: #000 url(/images/background_light.jpg) top center no-repeat; font-family: Verdana, Arial, Tahoma; font-size: 12px; }
body#tinymce { background:#fff; }
html { }

a { color: #A10B01; }
a:hover {color: red; text-decoration: underline; }
p { padding-bottom: 1em; }
p, td { line-height:1.3em }
h1 { color: #000; font-family: helvetica,Arial,Trebuchet MS,Tahoma,sans-serif; font-weight: bold; text-transform:capitalize; font-size:2em; padding-bottom:.5em }
h2 { color: #000; font-family: helvetica,Arial,Trebuchet MS,Tahoma,sans-serif; font-weight: bold; text-transform:capitalize; font-size:1.3em;}
h3 { color: #000; font-family: helvetica,Arial,Trebuchet MS,Tahoma,sans-serif; font-weight: bold; text-transform:uppercase; font-size:1.2em; padding-bottom:.5em }
h4 { color: #FFF; font-family: helvetica,Arial,Trebuchet MS,Tahoma,sans-serif; font-weight: bold; font-size:1.3em; padding-bottom:14px; padding-top: 8px; text-align: center; }
h5 { color: #000; font-family: helvetica,Arial,Trebuchet MS,Tahoma,sans-serif; font-weight: bold; font-size:1em; padding-bottom:.5em }
h6 { color: #888888; font-family: helvetica,Arial,Trebuchet MS,Tahoma,sans-serif; font-size:.8em; padding-bottom:.5em; line-height: 1.2em;}

td { text-align:left; vertical-align:top; }

select, input, textarea { font-family: Verdana, Arial, Tahoma; font-size: 12px;  }

ul { list-style: disc outside; margin: 0px; padding:0 0 5px 15px; }
ol { list-style: decimal outside; padding:0 0 5px 35px; }
li { padding:0 0 5px 5px; line-height:1.3em}

ul.noindent { list-style-type: none; padding: 0; }
ul.noindent li { margin:0px; padding:0 0 7px;}
ul.noindent li ul li:first-child { padding-top:5px; }
ul.noindent li ul li { padding:0 0 5px 5px; }

body.popup, html.popup { background:#fff; }

div#container{
width:100%;
background: url(/images/background_light_slice.jpg) top left repeat-x;
position:relative;
}
div#wrapper { 
 width:950px; 
 position: relative; 
 margin: 0 auto;
}

div#logo{
 width:385px; 
 height:113px; 
 margin: 0;
}

div#logo h1{
 text-indent: -5000em;
}

div#subnav{
 position:absolute; 
 top:77px; 
 right: 20px;
 padding: 5px;
 font-size: .8em;
 background-color:#000;
 color:#fff;
 width:535px;
 text-align:right;
}

div#subnav a{
 text-decoration: none;
 color: #FFF;
}

div#subnav a:hover{
 text-decoration: underline;
 color: #a19b8b;
}

div#openhouse
{
	position:absolute;
	left:20px;
	padding:5px;
	top:120px;
}
div#openhouse a
{
	color: #f40020;
	font-size:1.4em;
}
div#openhouse a:hover { text-decoration:none }
div.clear{
 clear:both; 
 height: 1px
}

 div#content{
 width: 920px;
 margin: 0 auto;
 margin-top: 50px;
}

 div#main{
 width: 655px; 
 padding:10px; 
 background: #FFF; 
 float: left;
 border: 1px solid #C7C7C7;
}

 div#maininside{
 width: 900px; 
 padding:10px; 
 background: #FFF; 
 border: 2px solid #C7C7C7;
 position:relative;
}

div#qsearch{
 width: 195px;
 padding: 10px 10px 8px 10px;
 margin-left: 20px;
 background: #FFF;
 float: left;
 background: url(/images/h2slice.jpg) repeat-x 0px 5px #FFF;
}

div#footer{ 
 width: 950px;
 margin: 20px auto 0;
 
}

div#footer p{
 padding-top:10px;
 text-align:center;
 font-size:.9em;
 color: #FFF;
}

div#footer ul{
 margin:0;
 padding:10px;
 text-align:center;
 line-height: 22px;
}

div#footer ul li{
 display: inline;
 padding: 0px 0px 0px 15px;
 background: none;
 line-height: 22px;
}

div#footer ul li a{
 color: #fff;
 text-transform: uppercase;
 font-weight:bold;
 text-decoration: none;
 font-size:.8em;
}

div#footer ul li.current a{ 
 color:#d1d1d1;
}

div#footer ul li a:hover{
 color:#a10b01; 
}

span.legal{ 
 color:#707070;
 font-size: .8em;
}

table.form { font-size:.9em }
table.form select, table.form input  { font-size:1em }
table.form th { padding:5px; }
table.form td { padding:5px; }
table.form td.label { text-align:right; color:#755B64; }
table.form td.req { font-weight:bold }

.topbar {
	clear: both;
	height: 22px;
	background-color: #F2F2F2;
	//border-top: 1px solid #717171;
	vertical-align: middle;
	margin: 0 auto 5px;
	padding: 5px 10px 0;
	font-weight: bold;
}

.topbar div
{
	padding-top:5px;
}

.bottombar {
	clear: both;
	height: 22px;
	background-color: #F2F2F2;
	//border-bottom: 1px solid #717171;
	vertical-align: middle;
	margin:  5px auto 0;
	padding: 5px 10px 0;
	font-weight: bold;
}

.listingoffice, .disclaimer { font-size:.8em; }
.disclaimer { margin-top: 1.5em }
#listings { margin-top:5px; }
#listings, #listings td p { font-size: 9pt; }
#listings th { color:#fff; background-color:#484d47; padding:6px 0 6px 4px; text-align:left; }
#listings td { padding:4px 0 4px 4px; line-height:1.5em; vertical-align: top;  }
#listings td.firstRow { padding-top:7px; }
#listings td.finishLine { border-bottom:1px solid #999; margin-bottom:1em; padding-bottom:1em }
td.listingRuleAbove { border-top:1px dotted #999; }
#trend, #lvar, #gsmls {margin:20px 0; clear:both;}
#trend, #trend p, #lvar, #lvar p, #gsmls, #gsmls p { font-size:8pt; }

/* LISTING DETAIL */
table.listingdetail { padding-top:10px; width:100%; }
table.listingdetail td { vertical-align:top; font-size:9pt; padding:0 0 4px;}

div.modifysearch { background:#fff url(/images/quicksearch_bg.jpg) no-repeat; width:173px; height: 190px; padding-top:5px; float:right }
div.modifysearch table.form td { padding: 4px; }

div.listpropopt
{
	float:right; 
	width:650px; 
	padding-left: 10px;
	font-size:.8em;
}
div.listpropopt div { width: 24px; float:left; padding-right:4px; }
div.listpropopt div a { text-decoration:none; }

div.listpropopt div.moreinfocontainer { padding:0 0 0 3px; width:auto;  }
div.listpropopt div.moreinfocontainer a { background:url(/images/moreinfo-icon.png) top left no-repeat; padding:4px 3px 5px 22px; line-height:22px; }

div.listpropopt div.mortgagecontainer { padding:0 0 0 3px; width:auto;  }
div.listpropopt div.mortgagecontainer a { background:url(/images/calculator-icon.gif) top left no-repeat; padding:4px 3px 5px 22px; line-height:22px; }

div.listpropopt div.schedulecontainer { padding:0 0 0 3px; width:auto;  }
div.listpropopt div.schedulecontainer a { background:url(/images/schedule-icon.png) top left no-repeat; padding:4px 3px 5px 22px; line-height:22px; }

div.listpropopt div.slideshowcontainer { padding:0 0 0 3px; width:auto;  }
div.listpropopt div.slideshowcontainer a { background:url(/images/slideshow-icon.gif) top left no-repeat; padding:4px 3px 5px 25px; line-height:22px; }

div.listpropopt div.virtualtourcontainer { padding:0 0 0 3px; width:auto;  }
div.listpropopt div.virtualtourcontainer a { background:url(/images/virtualtour-icon.gif) top left no-repeat; padding:4px 3px 5px 24px; line-height:22px; }

div.listpropopt div.videotourcontainer { padding:0 0 0 3px; width:auto;  }
div.listpropopt div.videotourcontainer a { background:url(/images/videotour-icon.gif) top left no-repeat; padding:4px 3px 5px 24px; line-height:22px; }

div.listpropopt div.directionscontainer { padding:0 0 0 3px; width:auto;  }
div.listpropopt div.directionscontainer a { background:url(/images/directions-icon.gif) top left no-repeat; padding:4px 3px 5px 28px; line-height:22px; }

div.listpropopt div.savecontainer { padding:0 0 0 3px; width:auto;  }
div.listpropopt div.savecontainer a { background:url(/images/save-icon.png) top left no-repeat; padding:4px 3px 5px 22px; line-height:22px; }

div.printopt { text-align:center; width: 100%; }
div.printopt a { background:url(/images/print-icon.png) top left no-repeat; padding:4px 3px 5px 22px; line-height:22px; }

div.listpropopt a.stbutton { padding: 1px 2px 5px 18px; }
div.listpropopt .stbuttontext { line-height: 22px; }

div.error { margin:0 auto 20px; background: #FFDDDD url(/images/error.gif) left no-repeat; padding:5px 0 5px 25px; border: solid 2px #FF3333; }

/* NAVIGATION: Basic code - don't modify */
#menu{
 position:absolute; 
 top:35px; 
 right: 0px;
 z-index: 110000;
 text-transform: uppercase;
}

/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  z-index: 110000;
  position: relative;
}
.nav li {
  border-left: 1px solid #000;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  color: #fff;
  display: block;
  padding: 5px 9px;
  text-decoration: none;
}

.nav li a:hover {
  background: #1e1e1e;
  color: red;	
}

#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #1e1e1e;
  color: red;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: #000;
  color: #fff;	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #1e1e1e;
  color: red;
}

.nav ul {
  background: #1e1e1e;
  border-bottom: 1px solid #1e1e1e;
  list-style: none;
  margin: 0;
  width: 140px;
  position: absolute;
  top: -999em;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 22px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  border: 1px solid #1e1e1e;
  border-bottom: 0;
  padding-right: 20px;
  width: 120px;
  white-space: nowrap;
}
.nav ul a:hover {
  background: #1e1e1e;
  color: red;
}
.nav ul.search { width: 160px; }
.nav ul.search a { width: 140px }

.nav ul.about { width: 180px; }
.nav ul.about a { width: 160px }

/* microsites */
div#profile{
 float: left;
 width: 310px;
 padding: 5px 10px 10px 0px;
 margin-top: 0px;
}
div#agentpic{
 float: left;
 padding-right: 10px;
}

div#agentpic img { 
 padding: 4px;
 border: 1px #B8B8B8 solid;
 width: 108px;
 height: 120px;
}

div#featured{
 float: left;
 width: 305px;
 padding: 5px 10px 10px 16px;
 margin-top: 0px;
 border-left: 1px solid #c7c7c7;
}

div#featured li { padding: 0 }
div#featured p {line-height:1.3em }

div#info{
 float: left;
 width: 550px;
 padding: 5px 10px 10px 16px;
 margin-top: 0px;
 border-left: 1px solid #c7c7c7;
}

#agentinside div#profile { width:140px; text-align: center }
#agentinside div#agentpic { margin-bottom:.5em }
#agentinside div#agentpic img { width: 130px; height: 144px; }
#agentinside div#info { width: 720px }
#agentinside div.listpropopt { width: 550px; text-align: right; }

.frmBtn  { text-transform: uppercase; background:#b22222; border:2px solid #e2b52d; color: #fff; font-size: .8em; padding:2px 3px; font-weight:bold; }

table.grid tr td, table.grid tr th { border-bottom:1px solid #ccc; padding:5px; }