/* - GLOBAL
=========================================================================*/
html { font-size:101% }
body { font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #333333; background:#F4EFEB; margin:0 auto; /* make anything a hover with this code >> */ behavior:url("/css/csshover.htc") }
table, td { border:0; border-spacing:0; border-collapse:collapse; vertical-align:top }
img { border:0; behavior:url("/css/pngfix.htc") }
img.right { float:right; margin-left:8px }
img.left { float:left; margin-right:8px }
html, body, ul, li, form, input, select, h1, h2, h3, h4, h5, h6, table, tr, td, p { list-style-type:none; padding:0; margin:0 }
a { color:#0056a7; text-decoration:none; -moz-outline-width:0; outline:none }
a:hover { cursor:pointer; color:#000; text-decoration:underline }

/* - GENERICS
=========================================================================*/
/* aligning AND clearing */
.clearleft { clear:left }		.alignleft { float:left }
.clearright { clear:right }		.alignright { float:right }
.clearboth { clear:both }		.aligncenter { margin:0 auto }

/* headings */
h1, h2, h3, h4, h5, h6 { padding:18px 0 12px }
h1 { font-family: Helvetica, Arial, sans-serif; font-weight:bold; font-size:16px; color:#5a5c5e }
h2 { font-family: Helvetica, Arial, sans-serif; font-weight:bold; font-size:15px; color:#000 }
h3 { font-size:1.5em 	/* 18px */ }
h4 { font-size:1.333em 	/* 16px */ }
h5 { font-size:1.167em 	/* 14px */ }
h6 { font-size:1em 		/* 12px */ }

/* lists */
/* unordered */
ul { padding:.5em 2em }
ul ul { padding:0 2em }
ul li { list-style:disc }
ul li li { list-style:circle }
ul li li li { list-style:square }

/* ordered */
ol { padding:.5em 2.333em }
ol ol { padding:0 2.333em }
ol li { list-style:decimal }
ol li li { list-style:upper-alpha }
ol li li li { list-style:lower-roman }

/* paragraphs */
p { padding:10px 0 }

/* - MAINWRAP
=========================================================================*/
#MainWrap { width:800px; margin: 0 auto; margin-top:16px }

/* - HEADER
=========================================================================*/
#Header { background:#F0F8FF; width:798px; min-height:89px; height:auto !important; height:89px; border-style: solid solid none solid; border-width: 1px; border-color: #C0C0C0; float:left }
#Header img { float:left }

#topnav { width:350px; height:21px; text-align:right; padding:24px 13px 0 0; float:right; vertical-align:top }
#topnav a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #003366; text-decoration: none; text-transform:uppercase; white-space:nowrap }
#topnav a:hover { color: #990000 }
#divSearch { float:right; clear:right }

#nav { position:relative; float:left; width:798px; height:29px; border:solid #c0c0c0; border-width:0 1px; z-index:11 }
#nav ul { float:left; width:798px; height:29px; background:url(/images/bkg-navigation.gif) repeat-x; padding:0; margin:0 }
#nav li { float:left; list-style:none; border-right:1px solid #3d608e }
#nav ul a { float:left; height:23px; font-weight:bold; color:#fff; border-right:1px solid #082850; padding:6px 16px 0 }
#nav a:hover { background:#0a3069; text-decoration:none }
#nav .back-to-ucb { float:right; background:url(/images/bkg-navigation_dark.gif); border-left:1px solid #082850; border-right:0 }
#nav .back-to-ucb a { border-left:1px solid #3d608e }

#nav ul ul { display:none; float:left; position:absolute; left:45%; top:29px; width:255px; height:auto; font-size:12px; line-height:normal; background:#285C91; border:solid #082850; border-width:0 1px 1px; z-index:100000; margin:0 0 0 -2px }
#nav ul ul li { overflow:hidden; clear:both; width:100%; border:solid #082850; border-width:0 0 1px }
#nav ul ul li.last { border:0 none }
#nav ul ul a { width:249px; height:auto; border:0 none; padding:7px 10px }
#nav li.dropdown:hover ul { display:block }

#splash { width:800px; height:175px; float:left }

.twitter-follow { float:right; clear:right; padding:8px 0 0 }
.twitter-follow iframe { float:right; width:165px }

/* - CONTENT
=========================================================================*/
#content { width:774px; padding:10px 12px; margin:0; border-left:solid 1px #c0c0c0; border-right:solid 1px #c0c0c0; background:#fff; float:left }

.no-script{padding:2px;background:pink;border:1px solid red }
#Social { float:right; text-align:right; width:150px; margin-top:15px;}

/* - HOME
=========================================================================*/
.adv_search_link { clear:both; position:relative; top:8px; left:8px }
.adv_search_link span { position:relative; top:-2px }

#SearchForm { float:left }
#search, #col-1 { width:193px; background:#e5eaef; float:left }
#search .sectionheader, #search-int .sectionheader { width:173px; background-color:#ced2d7; margin:0; padding:10px;  font-family: Helvetica, Arial, sans-serif; font-weight:bold; font-size:14px; color:#3d3f40; float:left }
#search .section, #search-int .section { display:inline; background: url(/images/bg_search-boxtop.gif) top left repeat-x; width:173px; padding:10px; font-size:13px; font-weight:bold; color:#5a5c5e; float:left }
#search .line, #search-int .line { background: url(/images/bg_search-boxtop.gif) bottom left repeat-x }

#search .section .input-group, #search-int .section .input-group { width:173px; float:left; clear:both; color:#444647; padding:0 0 4px }
#search .section .input-group .price, #search-int .section .input-group .price { display:block; width:173px; color:#000 }
#search .section .input-group .price input, #search-int .section .input-group .price input { width:50px; margin-right:5px }
#search .section .input-group input, #search .section .input-group select,
#search-int .section .input-group input, #search-int .section .input-group select { border:solid 1px #b4b4b4; width:167px; color:#656565; font:11px Arial, Helvetica, sans-serif; padding:2px; margin:1px 0 0 }
#search .section .input-group select, #search-int .section .input-group select { width:173px }
#search .section label, #search-int .section label { display:inline-block; font-weight:bold; color:#000; margin:0 8px 0 0; white-space:nowrap; padding:2px }
#search .section input.btn, #search-int .section input.btn { display:block; background:url(/images/btn_search.gif) no-repeat; border:none; width:131px; height:38px; text-align:center; padding:12px 0 0 0 ; margin:0 auto; color:#fff; font-family:Helvetica, Arial, sans-serif; font-size:17px; font-weight:bold;cursor:pointer }
#search .section input.btn:hover, #search-int .section input.btn:hover { background:url(/images/btn_search-hover.gif) no-repeat }
/*#search #features, #search-int #features, #search #subdivision, #search-int #subdivision {width:150px}*/

#listings { clear:right; float:right; width:570px; margin:0 0 14px 10px; padding:0; line-height:18px;  border-bottom:solid 1px #e5e5e5 }
#detail #listings {width:741px;}
#listings h2 { display:block; width:550px;  margin:0 0 0 10px; float:left; clear:right }
#listings .backlink {width:200px; text-align:right; float:right; margin-right:0px }
#listings .backlink a {width:200px; text-align:right; float:right; font-size:12px; font-weight:normal }
#listings .list-item { width:550px;  border-top:solid 1px #e5e5e5; padding:10px; float:left }
#detail #listings .list-item { width:720px;}
#listings .list-item .thumbs { xwidth:200px; margin:2px 8px 0 0; float:left }
#listings .list-item .thumbs img { overflow:hidden; width:83px; height:62px; font:11px Arial, Helvetica, sans-serif; border: solid 1px #a5a5a5; padding:2px; margin-right:8px; float:left }
#listings .list-item .desc { width:340px; color:#646464; font-size:12px; float:left }
#listings .list-item .desc .address { color:#0056a7; font-size:13px; font-weight:bold }
#listings .list-item .desc .price { color:#000; font-size:13px; font-weight:bold }
#listings .list-item .teaser {float:left;clear:both;margin:5px 0 0 0;width:100%}

#hp-featured { float:right; width:570px; margin:0 0 23px }
#hp-featured #listings { float:left; width:570px; margin:0 }
#hp-featured #listings h2 {width:auto; display:inline; margin-left:14px }
#hp-featured #listings .list-item { width:498px; padding:12px 14px 12px 5px}
.tmb-sold { float:left; width:89px; height:65px; background:url(/images/overlay_sold-tmb.gif) top left no-repeat; position:relative; display:block; z-index:25; margin:0 -89px 12px 0  }
.tmb-contract { float:left; width:89px; height:65px; background:url(/images/overlay_contract-tmb.gif) top left no-repeat; position:relative; display:block; z-index:25; margin:0 -89px 12px 0  }
.tmb-auction { float:left; width:89px; height:65px; background:url(/images/overlay_auction-tmb.gif) top left no-repeat; position:relative; display:block; z-index:25; margin:0 -89px 12px 0  }
.tmb-noclosingcosts { float:left; width:89px; height:65px; background:url(/images/overlay_noclosingcosts-tmb.png) top left no-repeat; position:relative; display:block; z-index:25; margin:0 -89px 12px 0  }

#SliderWrap { position:relative; float:left; width:570px; height:464px; border-bottom:1px solid #a49a89; padding:0; margin:0 0 23px 10px }
#SliderWrap .sectionheader { float:left; width:548px; font:bold 14px Helvetica, Arial, sans-serif; color:#3d3f40; background:#ced2d7 url(/images/bg_search-boxtop.gif) 0 100% repeat-x; padding:11px }
#SliderWrap .sectionheader span { float:left }
#Slider { position:relative; float:left; clear:both }
#Slider div { position:absolute; top:0; left:0; background:#fff }
#Slider div.active { opacity:1.0; z-index:10 }
#Slider div.last-active { z-index:9 }
#Slider .slide { width:570px; height:426px; opacity: 0.0 }
#SliderControls { float:right; position:relative; height:37px; margin:-11px; z-index:11 }
#SliderControls div { float:left; background:#e5e3e3; border-left:1px solid #ced2d7 }
#SliderControls .slidercontrolitem { cursor:pointer; float:left; display:inline; width:39px; height:25px; font-size:15px; color:#939292; border-bottom:1px solid #dcdad9; text-align:center; padding:11px 0 0; margin:0 }
#SliderControls .slidercontrolitem:hover, #SliderControls .slidercontrolitem.current { height:26px; color:#092d66; background:#f4efeb; border:0 none; text-decoration:none }

#Slider .slide img { width:570px; height:426px }
#Slider .slide .overlay { position:absolute; bottom:0; left:0; display:block; width:100%; height:74px; background:url(/images/bkg-featured_overlay.png); z-index:1 }
#Slider .slide .featured_content { position:absolute; bottom:0; left:0; display:block; width:100%; height:56px; padding:18px 0 0; z-index:2 }
#Slider .slide .featured_content span { display:block; font-size:15px; font-weight:bold; color:#fff; padding:0 0 3px 12px }
#Slider .slide .featured_content .featured_price { color:#086fde }

#hp-content { float:left; width:280px; line-height:1.5em; color:#323232; border-right:1px solid #e5e5e5; padding:0 16px 10px 20px }
#hp-content h1 { color:#104884; padding-top:0 }

#more-helpful-stuff { float:left; width:180px; min-height:218px; height:auto !important; height:218px; color:#000; border-right:1px solid #e5e5e5; padding:0 20px }
#more-helpful-stuff h2 { font-size:15px; color:#104884; margin:0 0 10px; padding:0 }
#more-helpful-stuff #divSignUp { padding:0 0 25px }
#more-helpful-stuff #divSignUp h2 { margin-bottom:22px }

#resources { float:right; width:225px; color:#0056a7; padding:0 0 30px }
#resources h2 { font-size:15px; color:#666666; margin:0; padding:0 }
#resources ul { margin:0; padding:6px 0 0 }
#resources ul li { list-style:none; padding:8px 0 0 }
#resources span { position:relative; top:-1px; font-size:10px }

/* - INTERNAL
=========================================================================*/
#internal { width:774px; background:url(/images/bg_internal.gif) left repeat-y; margin:0; padding:0; float:left }

#detail  { width:773px; float:left }
#detail .head { background:url(/images/details-greybar.gif) bottom no-repeat; width:741px; height:20px; margin:0; padding:10px 16px; font-family: Helvetica, Arial, sans-serif; font-weight:bold; font-size:16px; line-height:20px; color:#730b16; float:left }
#detail .head a { display:block;  width:150px; height:20px; padding:0; margin:0; float:right; font-family: Helvetica, Arial, sans-serif; font-weight:normal; font-size:12px; line-height:20px; text-align:right; color:#0056a7 }
#detail .info { width:773px; margin:0; padding:0; float:left }
#detail .info .column1 { width:431px; margin:0; padding:20px 0px 20px 0px; float:left }
#detail .info .column2 { width:270px; margin:0; padding:15px 31px 0 40px; float:left }
#detail .info .sector { width:270px; margin:0; padding:10px 0 10px 0; border-top:solid 1px #e5e5e5; line-height:18px; color:#7b7b7b; float:right }
#detail .info .sector form { margin:0; padding:10px 0 10px 0 }

#detail .info .sector .hdr, #detail .info .sector1 .hdr { display:block; font-weight:bold; font-size:15px; line-height:24px }
#detail .info .sector .name	{ color:#3b7fbe }
#detail .info .sector .btn-contact { background:url(/images/btn-contact.gif) no-repeat; width:269px; height:38px; border:0px;cursor:pointer }
#detail .info .sector .btn-contact:hover { background:url(/images/btn-contact-hover.gif) no-repeat }
#detail .info .sector1 { width:270px; margin:0; padding:10px 0 10px 0; border-top:solid 0px #e5e5e5; line-height:18px; color:#646464; float:right }
#detail .info .sector1 .price { font-weight:bold; font-size:18px; line-height:18px; color:#000; margin:0; padding:0 }

#detail .about { background:url(/images/details-greybar.gif) no-repeat; width:741px; height:20px; margin:0; padding:10px 16px;  font-family: Helvetica, Arial, sans-serif; font-weight:bold; font-style:italic; font-size:15px; color:#730b16; float:left }
#detail .info .text { width:389px; padding:20px 16px 26px 26px; color:#7b7b7b; float:left }

#detail .info .g-map { width:313px; margin:0; padding:8px 3px; border-top:solid 0px #e5e5e5; line-height:18px; color:#646464; float:right }
#detail .info .g-map #GoogleMap { width:296px; height:184px; padding:2px; border:solid 1px #e5e5e5 }

/*
#detail #related { width:771px; margin:0; padding:0; float:left }
#detail #related .list-item { width:345px; height:120px; border-bottom:solid 1px #e5e5e5; padding:10px; margin-right:10px; float:left }
#detail #related .list-item .thumbs { width:194px; margin:0; padding:0; float:left; text-align:left }
#detail #related .list-item .thumbs img { width:80px; border: solid 1px #a5a5a5; float:left; padding:2px; margin-right:8px }
#detail #related .list-item .desc { width:150px; padding:0; color:#646464; font-size:12px; float:left }
#detail #related .list-item .desc .address { color:#0056a7; font-size:13px; font-weight:bold }
#detail #related .list-item .desc .price { color:#000; font-size:13px; font-weight:bold }*/

.raquo { position:relative; top:-2px; float:left; padding:0 5px 10px }

#Articles { float:right; width:570px }
#Articles .sectionheader, #ArticleNav .sectionheader { font:bold 14px Helvetica, Arial, sans-serif; color:#3d3f40; background:#ced2d7 url(/images/bg_search-boxtop.gif) 0 100% repeat-x; padding:11px }

#Articles #listings { position:relative; margin:0 0 0 -10px }

#ArticleNav { float:left; width:193px; background:#E5EAEF; padding:0; margin:0 0 100px }

.articles_list, .category_list { clear:both; padding:0; margin:0 0 1px }
.articles_list li { list-style:none; color:#555; border-top:1px solid #e5e5e5; padding:10px }
.articles_list p { padding:0 }
.articles_list.borderbottom { border-bottom:1px solid #e5e5e5 }

.article_details { padding:10px }
.article_details h1 { font-size:25px; font-weight:normal; color:#3d3f40; padding-top:0 }

.category_list { position:relative; margin:-1px 0 0 }
.category_list li { list-style:none; font-weight:bold; border-bottom:1px solid #C4C7CA; border-top:1px solid #fff; padding:0 }
.category_list a { display:block; padding:10px 5px }
.category_list a:hover { background:#f2f2f2; text-decoration:none }

.category_details { color:#444; padding:10px 10px 20px }

.paging { float:left; width:568px; font-size:12px; border:1px solid #e5e5e5; background:#E5EAEF; padding:0; margin:0 0 1px }
.paging li { float:left; list-style:none; border-right:1px solid #C4C7CA; border-left:1px solid #fff }
.paging .noborderleft { border-left:0 none }
.paging .noborderright { border-right:0 none }
.paging .paging_numbers { padding:2px 10px }
.paging .raquo { float:none; padding:0 }
.paging a { float:left; font-weight:bold; padding:2px 5px }
.paging a:hover { background:#f2f2f2; text-decoration:none }

/* - DETAIL PHOTOS
=========================================================================*/
#main_photo { float:left; width:397px; height:290px; border:1px solid #9b9fa0; padding:2px; margin:0 0 12px 14px }
.sold { float:left; width:397px; height:290px; background:url(/images/overlay_sold.gif) top left no-repeat; position:relative; display:block; z-index:25; margin:0 -411px 12px 14px  }
.contract-overlay { float:left; width:397px; height:290px; background:url(/images/overlay_contract.gif) top left no-repeat; position:relative; display:block; z-index:25; margin:0 -411px 12px 14px  }
.auction { float:left; width:397px; height:290px; background:url(/images/overlay_auction.gif) top left no-repeat; position:relative; display:block; z-index:25; margin:0 -411px 12px 14px  }
.noclosingcosts { float:left; width:397px; height:290px; background:url(/images/overlay_noclosingcosts.png) top left no-repeat; position:relative; display:block; z-index:25; margin:0 -411px 12px 14px  }
.prev_button, .next_button { float:left; cursor:pointer }
.additional_images { float:left; overflow:scroll; width:386px }
.additional_images ul { float:left; width:1000px }
.additional_images li { float:left; border:1px solid #9b9fa0; padding:2px; margin:0 3px 0 3px; list-style-type:none }
.additional_images li img { float:left; width:82px; height:59px;cursor:pointer}


#footer { width:794px; height:39px; font-size:11px; line-height:15px; padding:27px 3px 0 3px; background:url(/images/bg_footer.gif) no-repeat top; float:left }
#footer a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; text-transform:uppercase; color: #000; white-space:nowrap; text-decoration: none; padding:0 5px; border-right:solid 1px #000 }
#footer a:hover { text-decoration: underline }
#copyright { font-size:9px; float:right; text-align:right }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0 }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333 }

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666 }

#TB_window a:link {color: #666666 }
#TB_window a:visited {color: #666666 }
#TB_window a:hover {color: #000 }
#TB_window a:active {color: #666666 }
#TB_window a:focus{color: #666666 }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100% }

.TB_overlayMacFFBGHack {background: url(/images/macFFBgHack.png) repeat }
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75 }

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px') }

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50% }

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px') }

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666 }

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left }

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right }

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right }

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px }

#TB_title{
	background-color:#e8e8e8;
	height:27px }

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em }

#TB_ajaxContent.TB_modal{
	padding:15px }

#TB_ajaxContent p{
	padding:5px 0px 5px 0px }

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px') }

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100% }

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px') }

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

.optInForm input { float:left; clear:both; width:400px; font:bold 15px Arial, Helvetica, sans-serif; background:#fff url(/images/bkg_inputs.gif) 0 0 no-repeat; border-left:1px solid #aaa; border-top:1px solid #aaa; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:2px; margin:0 5px 10px 0 }
.optInForm span { float:left; clear:both; font-size:13px; font-weight:bold }
.optInForm textarea, .optInForm select { float:left; clear:both; width:400px; height:100px; font:bold 13px Arial, Helvetica, sans-serif; background:#fff url(assets/images/bkg-inputs.gif) 0 0 no-repeat; border-left:1px solid #aaa; border-top:1px solid #aaa; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:2px; margin:0 5px 10px 0 }
.optInForm select { width:406px; height: 60px;}
.optInForm .submit { cursor:pointer; clear:left; float:left; width:406px; color:#fff; border:0 none; background:#285C91; text-shadow:1px 1px #000; padding:5px; margin:3px 5px 2px 0 }
.optInForm .submit:hover { background:#0A3069; color:#fff; text-shadow:none }

#divSignUp img { margin-top: 10px }


#state-text { padding-bottom: 15px; }
#county-text { padding-bottom: 15px; }
#city-text { padding-bottom: 15px; }