/* reset */
@import url("reset.css");
@import url("lightbox.css");
@import url("style.css");

/* MAIN TYPOGRAPHY */

strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], textarea { font-size: 100%; font-family: Arial, Helvetica, sans-serif; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* FORMS */

fieldset { border: 1px solid #695F4C; }
legend { background: #021c56; color: #FFF;}
textarea, input[type='text'], select { border: 1px solid #695F4C; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #021c56; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #021c56; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }

/* reset */
@import url("reset.css");
@import url("lightbox.css");

/* main */
body {background: #1b1b1b url(img/bg_tile.gif); font-family: Arial; font-size: 100%; color:#FFFFFF;}
#wrap {background: url(img/bg_top.gif) repeat-x top left; padding: 10px 0 0 0;}
#page {width: 960px; margin: 0px auto; padding: 0 0 30px 0; position: relative;}
#header {height: 143px; background: url(img/header.png) no-repeat top left; position: relative; width: 960px;}
#header #home_link {width: 138px; height: 120px; background: none; position: absolute; top: 0; left: 30px;}
#date {color: #fff; position: absolute; top: 20px; right: 30px; text-align: right; width: 300px; height: 20px;}
#audio_player {width: 82px; height: 38px; position: absolute; top: 120px; right: 25px;}
#header h1 {display: none;}
#content {background: #000; color: #fff; text-align: left; min-height:400px;}
#content .gutter {overflow: hidden; height: 1%; padding: 20px 30px;}
#content .gutter .left {width: 540px; float: left;}
#content .gutter .right {width: 330px; float: right;}
#footer {height: 120px; background: url(img/footer.gif) no-repeat top left; text-align: center; font-size: 11px; padding: 50px 0 0 0; position: relative;}
#footer p {line-height: 120%; color: #666;}
#footer a {color: #666; text-decoration: none;}
#wall {width: 960px; height: 556px; margin: 0 auto;}

/* typography */
h2 {font-size: 24px; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #333;}
h3 {font-size: 16px; font-weight: bold; margin: 0 0 10px 0;}
em {font-weight: bold; font-style: normal;}
a {text-decoration: none; color: #fff;}
a:hover {text-decoration: none; color: #0078ff;}
h2 a:hover {text-decoration: none;}
ul.list {list-style-type: disc; color: #fff;}
ul.list li {margin: 0 0 10px 20px; line-height: 150%;}
ul.list li a {color: #fff;}
.sitemap ul.list li a {font-size: 14px;}
#content p {line-height: 120%; margin: 0 0 10px 0; overflow: hidden;}
#content .left p {font-size: 13px;}

/* images */
.img_left {float: left; margin: 0 20px 10px 0;}
.img_right {float: right; margin: 0 0 10px 20px;}

/* stats */
.info_list {overflow: hidden; font-size: 13px; border-bottom: 1px solid #333; padding: 0 0 10px 0;}
.info_list li {display: block; padding: 0 0 5px 0; overflow: hidden; line-height: 150%;}
.info_list  .field {font-weight: bold; width: 110px; float: left; display: block;}
.info_list .value {display: block; width: 220px; float: right;}
.more_link {font-weight: bold; font-size: 14px;}
.more_link .raquo {font-size: 14px; margin: 0 4px 0 0;}
#google_map {border-top: 1px solid #333; padding: 10px 0 0 0;}
/*ul#property_info_list {border-bottom: 0;}*/
#property_details {padding: 15px 0; overflow: hidden;}
#property_details li {width: 165px; float: left; font-size: 13px; line-height: 150%; padding: 0 0 5px 0; display: block;}
#property_details li  .field {width: 85px; font-weight: bold;}
#property_details li  .value {width: 80px;}
#property_details li.full_width  {width: 330px;}
#property_details li.full_width .value {width: 245px;}

/* contact */
.contact form {background: #111; border: 1px solid #333; padding: 20px;}
.contact form  p {overflow: hidden; margin: 0 0 15px 0;}
.contact form  label {width: 80px; float: left;}
#contact_name, #contact_email, #contact_phone {width: 260px;}
#contact_message {width: 408px; height: 200px;}
#contact_submit {margin: 0 0 0 80px; cursor: pointer;}

/* property listings */
#property_listings {padding: 10px 0 0 0;}
.listing {margin: 0 0 20px 0; overflow: hidden; height: 1%; padding: 0 0 20px 0; border-bottom: 1px solid #333; position:relative;}
.fullpage {margin: 0 0 20px 0; overflow: hidden; height: 1%; border-bottom: 1px solid #333;}

#listing_page .main_image {margin: 0 auto 20px auto;}
#description {font-size: 13px;}

/* gallery */
#gallery {overflow: hidden; height: 1%; margin: 20px 0 0 0;}
#gallery li {width: 80px; float: left; margin: 0 5px 5px 5px;}
#gallery li a {width: 80px; height: 80px; display: block; text-align: center;}
#gallery li a img {margin: 0 auto; width: 80px;}

.virtual_tour {display: block; width: 156px; height: 30px; background: url(img/360.gif) no-repeat top left; text-indent: -9999px; position: absolute; top: 156px; right: 196px;}
.video {display: block; width: 156px; height: 30px; background: url(img/video.gif) no-repeat top left; text-indent: -9999px; position: absolute; top: 156px; right: 196px;}
.neighborhood {display: block; width: 156px; height: 30px; background: url(img/neighborhood.jpg) no-repeat top left; text-indent: -9999px; position: absolute; top: 156px; right: 30px;}

#agents {border-bottom: 1px solid #333; margin: 0 0 10px 0; padding: 0 0 5px 0; overflow: hidden; height: 1%;}
.agent {width: 165px; float: left;}
.agent ul li{font-size: 13px; margin: 0 0 10px 0; }
.agent ul li.name {font-weight: bold; font-size: 16px;}

#validation_errors {}
#validation_errors p {color: red;}

#novelty_systems {position: absolute; top: 45px; right: 38px; width: 132px; height: 35px; display: block; text-indent: -9999px; background: url(img/clear.gif) no-repeat top left;}
#youtube {position: absolute; top: 45px; right: 165px; width: 140px; height: 35px; display: block; text-indent: -9999px; background: url(img/clear.gif) no-repeat top left;}
#luxury_real_estate {position: absolute; top: 45px; left: 38px; width: 240px; height: 35px; display: block; text-indent: -9999px; background: url(img/clear.gif) no-repeat top left;}

#lightbox {z-index: 9999;}
img.img_left {float: left; margin: 5px 10px 5px 0;}
.bio {padding: 0 0 10px 0; margin: 0 0 10px 0; clear:both; border-bottom: 1px solid #333;}
.bio li { list-style:disc; padding: 10px; list-style-position: inside;}
.bio_content {padding: 0 0 10px 0; margin: 0 0 10px 0;}

#virtual_tours li a{display: block; width: 200px; font-size: 12px; font-weight: bold; text-align: left; border: 1px solid #fff; padding: 10px; margin: 0 0 5px 0;}

#search_frame {width: 100%; height: 690px; background: #fff;}

.recent_sale {padding: 0 0 10px 0;}

#home_body {border-top: 1px solid #333; padding: 20px 40px;}
#home_body  .gutter {padding: 40px 160px;}
/* New Shit */
#home_body .main-text {
	width: 630px;
	float: left;
}

#home_body .sidebar {
	width: 220px;
	float: right;
	overflow: hidden;
	padding:0 10px 0px 0;
	text-align: center;
}

.blue_link {color: #0078ff;}

.property_img {float:right; margin: 5px 0 5px 10px; padding: 5px; border: 1px solid #333;}
.caption {padding: 5px; text-align: center; font-weight: bold; color: #fff;}

#introduction {padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #333; overflow: hidden;}

/*** Dropdown Menu ***/
.sf-menu a.top_nav {

	}

.sf-menu a.top_nav:hover {	color: #0D0D0D;
	text-decoration: none;
	border: none;
	background: #fcfcfc url(img/nav-bg.png) repeat-x;
	}

.sf-menu .drop_nav{
	background: #444; 
	width: 200px;
}

.sf-menu .drop_nav:hover {
	color: #0D0D0D;
	text-decoration: none;
	border: none;
	background: #8b8b8b url(img/nav-bg.png) repeat-x;
	width: 200px;
}

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	/*line-height:	1.0;*/
	position: 		absolute;
	top:			111px;
	right:			80px;
	z-index: 9999;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			200px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
	/*text-indent: 	-9999px;
	width: 			100px;
	height: 		34px;*/
	cursor: pointer;
	color: #FFFFFF;
	display:block;
	font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif;
	font-size:14px;
	font-weight:bold;
	padding:8px 30px;
	text-decoration:none; 
	text-transform: uppercase;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			34px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			170px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			170px; /* match ul width */
	top:			0;
}
.sf-menu {
	float:			left;
	/*margin-bottom:	1em;*/
}
.sf-menu a {
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
}
.sf-menu li {
}
.sf-menu li li {
	background: #444;
}
.sf-menu li li a {width: 200px;}
.sf-menu li li li {
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}

/***************Partner Page **********/

#partner {
	/*background: #fff;*/
	padding: 20px 5px 20px 5px;
	margin: 20px 0px 20px 0px;
	/*border: 3px #ccc solid;*/
	color: #fff;
	vertical-align: top;

}

#partner h3 {
	color: #fff;
	font-size: 24px;
	padding-bottom: 5px;
}

#partner td {padding: 10px; border-top: 1px solid #ccc;}

#partner h4 {
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}

#partner a {color: #fff;}

/*############## R S S ###############*/

.rss-box ul {list-style-image: url(img/logo.gif);}
.rss-item {padding: 10px 0px; line-height: 18px;}
.rss-item a{ font-size: 18px; font-weight: bold;  text-indent: 50px; }
.rss-item img { padding: 5px;}

/*=PRINTER
=== === === === === === === === === === */

@media print{
/*hide the left column when printing*/
#leftcolumn{display:none;}
#rightcolumn{border-left:0;}
}

/*=OTHER
=== === === === === === === === === === */

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center {	text-align: center; }

/* additional classes */
.clear { clear: both; }
.gray  { color: #dd0000; }



/* THIS IS SECTION IS FOR OPEN REALTY */

td {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}

td a, a:hover{
text-decoration: none;

}

input, select {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

.button {
	color: #333;
	font-size: 18px;
	padding: 5px;
	margin-top: 15px;
}

.search_results {
width:100%;
}

.result_row_0	{ background-color: #D6D3EE; }
.result_row_1	{ background-color: #FFFFFF; }

.view_users { width:100%; }

/*Featured Listings*/
.featured_listings h3, .searchresults h3 { margin: 0px 0px 10px;  color: #fff; font-size:18px;
font-weight: normal; background: none; text-indent: 0px; }

.featured_listings td, .searchresults td {
	font-size: 16px;
	}
	
.featured_listings a, .featured_listings a:hover, .featured_listings a:visited, .searchresults a, .searchresults a:hover, .searchresults a:visited {padding: 5px; color:#FFFFFF; text-decoration: none;}

.searchresults {border-bottom:1px solid #333;}

.browse_tool_table a {text-decoration: underline; padding: 0px 2px;}

.listing .Pending {
	position: absolute;
	left: 70px;
	top: 100px;
	/*	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;*/
	background:  url(images/pending.png) no-repeat;
	height: 142px;
	width: 400px;
	padding: 15px 5px;
	
}

.listing .Sold {
	position: absolute;
	left: 70px;
	top: 100px;
	/*	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;*/
	background:  url(images/sold.png) no-repeat;
	height: 142px;
	width: 400px;
	padding: 15px 5px;
	
}

.left_footer {
	float: left;
	position: relative;
	width: 200px;
	padding: 0px 25px;
	margin-top: -25px;
}

.right_footer {
	float: right;
	position: relative;
	width: 200px;
	padding: 0px 25px;
	margin-top: -25px;
}
.right_footer img {
margin-bottom: -10px;
}

.left_footer img {
margin-top: -45px;
}

.right_footer a {padding:5px;}

.TitleColor {padding: 5px 0px; }

.land-left img {padding: 10px; }

.buttons {margin:20px 0 40px 450px; width:400px;}
.buttons img {padding: 10px; }

.text {}

.bullets {padding-top: 50px; width:550px; padding-left: 200px;}

.browse_tool_curpage {
color: #0078ff;
}

.slogan {
	position: absolute;
	font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif;
	top: 165px;
	left: 295px;
	font-size: 24px;
}

#quick {
	width: 200px;
	text-align:left;
	padding-left: 45px;
}

/*--------------------Slideshow------------------------------ */

#slideshow {
    position:relative;
	margin-bottom: 10px;
	width: 600px;
	height: 350px;
	vertical-align: top;
	float:left;
	margin-left: 15px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

#headerlogo .description{
	position: absolute;
	right: 27px;
	top: 20px;
	color: #fff;
	text-align:right;
	width:300px;
	font-size: 11px;
}

#headerlogo .description h3{
	border: none;
	color: #FFFFFF;
	font-size:1.6em;
	font-weight:bold;
	margin:0 0 10px;
}

.error_text {color:#FF0000; padding-bottom: 5px;}

.dispcounts_maindiv {float:left; clear:both}

#mc_embed_signup { text-align: left;}

/* jquery
 ============================================================================ */
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -150px;
    width: 300px;
    
    background-color: #fff;
    color: #333;
    border: 1px solid black;
    padding: 12px;
	text-align: center;
}

div.jqmAlert {
  display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -200px;
    width: 400px;

    background-color: #fff;
    color: #333;
    border: 1px solid black;
    padding: 0px 10px;
	/*overflow: hide;*/
}


.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

* html div.jqmAlert {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.jqmClose {text-align: right; padding: 20px; float:right; position:relative; color: #666666;}

ul.dispcounts_ul {
	padding: 0px;
	margin: 0px;
	width: 100%;
}

li.dispcounts_li {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 310px;
	line-height: 22px;
}