/* Positioning */

#header { padding-bottom: 3px; }

.IE #header { zoom: 1; }
.IE7 #header { overflow: hidden; }
.W3C #header { display: table; width: 100%; }
.W3C #header #logo { width: 1px; }
#header #logo img { display: block; margin: 25px 25px 10px 25px;}
.IE #header #logo, .IE #header #headertext { float: left; }
.W3C #header #logo, .W3C #header #headertext { display: table-cell; vertical-align: top; }

#header #headertext  { padding-top: 25px; }
#header #headertext1 { overflow: hidden; }
.IE #header #headertext1{ zoom: 1; position: relative; }

#header .heading h1 { margin: 0 0 0; font-size: 1.8em; }
#header .heading h2 { margin: 0 0 0.25em; font-size: 1.2em; font-weight: normal; }

#header .contact { margin-left: -1em; position: relative; font-size: 1.2em; padding-bottom: 0.25em; padding-top: 3px; }
#header .contact ul { margin-left: -1px; }
.IE #header .contact, .IE #header .contact ul { zoom: 1; }
#header .contact h2, #header .contact h3 { margin: 0; font-size: 1.166em; }
#header .contact a { font-weight: bold; }

#agentPhoto, #agentPhoto1 {  height: 174px; }
#agentPhoto img { float: left; display: inline; margin-left: 25px; }

#main-1, #main { clear: both; float: left; width: 100%; }
#main #sidebar { float: left; display: inline; width: 200px; position: relative; margin-bottom: -900px;
	margin-left: 25px; border-top: 25px solid white; /* See master.js for additional expressions */ }
#main #sidebar p { margin: 0.5em 0; }

#content-2 { margin-left: 225px; }
.W3C #content-1, .IE67 #content-1 { float: left; }
#content { padding: 20px; }

#mainNav { font-size: 1.2em; overflow: hidden; }
.IE #mainNav { zoom: 1; }
x:-moz-any-link, .W3C #mainNav { display: table; width: 100%; }

#mainNav ul.menu { float: left; display: inline; padding-left: 25px; }
#mainNav ul.menu li { float: left; display: inline; position: relative;
	border: 2px solid white; border-top: none; margin-right: -2px; }
#mainNav ul.menu a { float: left; text-decoration: none; font-weight: bold; color: white; }
#mainNav ul.menu span { padding: 0 20px;  }
#mainNav ul.menu span { float: left; line-height: 31px; }
x:-moz-any-link, .W3C #mainNav ul.menu span { display: table-cell; vertical-align: middle; height: 31px; float: none; line-height: 1; }

#subNav { font-size: 1.2em; }
#subNav ul.menu a { display: block; text-decoration: none;  font-weight: bold; border-bottom: 4px solid white; }
#subNav ul.menu a span { display: block; padding: 3px 12px 3px 24px; line-height: 1.5; }
.IE #subNav ul.menu a, .IE #subNav ul.menu a span { zoom: 1; }

#webboxes { border-top: 20px solid white; position: relative; z-index: 8; padding-bottom: 900px; }
.IE #webboxes { zoom: 1; /* See master.js for additional expressions */ }
.webbox .heading h3 { margin: 0; padding: 7px 10px; font-size: 1.2em; }
.IE .webbox .heading, .IE .webbox .heading h3 { zoom: 1; }
.webbox .heading h3 a { text-decoration: none; }
.webbox .content { padding: 6px 12px; }
.IE .webbox .content { zoom: 1; }

.webboxListings .ListingPhotoWrap { position: relative; margin: 0 -5px; }

.webboxLinks p { padding-left: 15px; margin: 0.5em 0; }

#footer { clear: both; text-align: center; position: relative; z-index: 10; }
#footerNav { padding: 6px 0 5px; }
.IE #footer, .IE #footerNav { zoom: 1; }
#footerNav ul.menu a { text-decoration: underline; }
#footerNav ul.menu li.this a { font-weight: bold; text-decoration: none; }
.W3C #header .contact ul.menu li, .IE #header .contact ul.menu li *, 
.W3C #footer ul.menu li, .IE #footer ul.menu li * { display: -moz-inline-box; display: inline-block;
	margin: 0.3em 0 0; padding: 0 1em; border-left: 1px solid black; }
.W3C #footer ul.menu li.first, .IE #footer ul.menu li.first * { border-left: none; }

.IE #header .contact ul.menu li, .IE #header .contact ul.menu li * *,
.IE #footer ul.menu li, .IE #footer ul.menu li * * { display: inline; margin: 0; border: none; padding: 0; }
.IE #header .contact ul.menu li h2, .IE #footer .contact ul.menu li h2,
.IE #header .contact ul.menu li h3, .IE #footer .contact ul.menu li h3 { display: inline; }

.IE #footer .content ul.menu li * {  margin: 0.5em 0 0.5em; }

#footer .content { padding-top: 1em; }
.IE #footer .content {  zoom: 1; }
#footer .content p { margin: 0 0 1em; }
#footer .content h2 { font-size: 1em; }
#footer .content h3 { font-size: 1em; margin: 0 0 0.5em; }
#footer .content li h3 { margin: 0; }

#footer .contact h3 { color: black; }
#footer .company li.office { font-weight: bold; }
#footer .copyright {  padding: 0.5em 0; }
.IE #footer .copyright { zoom: 1; }


/* Look */
#header { background: repeat-x 0 100%; }
#header h1, #header h2, #header h3, #header span { color: #444; }
#header .contact { background: repeat-x 0 0; }
#header .heading { background: repeat-x 0 100%; }

#agentPhoto { background: no-repeat 0 0; }
#main-1 { background: no-repeat 225px 100%; }

#mainNav li a, #mainNav li a span { background-repeat: no-repeat; }
#mainNav li a { background-position: 0 0; }
#mainNav li a span { background-position: 100% -31px; }
#mainNav li a:hover, #mainNav li.this a { background-position: 0 -62px; }
#mainNav li a:hover span, #mainNav li.this a span { background-position: 100% -93px; }

#subNav li a, #subNav li a span { background-repeat: no-repeat; }
#subNav li a { background-position: 0 0; color: white; }
#subNav li a span { background-position: -200px 100%; }
#subNav li a:hover, #subNav li.this a { background-position: -400px 0; }
#subNav li a:hover span, #subNav li.this a span { background-position: -600px 100%; }

#main { background: repeat-y 25px 0; }
.no_webboxes #main { background: none; }
.no_webboxes #main #sidebar { margin-bottom: 0; }
#webboxes { background: 0 0 no-repeat; }
.webbox { color: #333;  }
.webbox .heading h3, .webbox .heading h3 a { color: white;  }
.webbox .heading { background-position: 0 0; }
.webbox .heading h3 { background-position: -200px 100%; }

.webboxListings .error {color: #FF0000;}
.webboxListings .highlight {color: #0033CC;}
.webboxListings .price {color: #CC0000;}
.webboxListings .bg1 {}
.webboxListings .bg2 {}

.webboxLinks p { background: no-repeat 0 3px; }

#footerNav,  #footer .content { background: white repeat-x 0 0; }

#footerNav ul.menu li.this a { color: black; }

#footer .content1 { background: url("footer_content1.gif") repeat-x 0 0; padding-top: 7px; }
#footer .content2 { background: repeat-x 0 100%; }
