/*
Name: Layout CSS
Creative by: Rise Creative Group
Date modified: 8/28/07
------------------------------------*/

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent; }

/* Base style
------------------------------------*/

body {
	background: #000;
	padding: 0;
	margin: 0;
	}


/* Things to hide
------------------------------------*/
#nav li span, #badge_nav li span, #qm0 span, #logo span, #quicksearch_nav span, #logo_print, #hr_print, .twitter, .facebook{
	display: none;
	}


/* Container
------------------------------------*/
#container {
	background: #fff url(/images/body.png) repeat-x;
	padding: 0;
	margin: 0;
	position: relative;
	}


/* Header
------------------------------------*/

#logo {
background: url(/images/nav_logo.gif) no-repeat;
position: absolute;
left: 0;
top: 0;
width:188px;
height:125px;
display: block;
}

#logo a {
width: 188px;
height: 125px;
display: block;
}

#nav_holder {
	width: 772px;
	height: 125px;
	margin: 0;
	padding: 0 0 0 188px;
}

#top_nav {
	width: 745px;
	height: 21px;
	padding: 8px 0 0 0;
	margin: 0;
	font-size: .95em;
	font-weight:bold;
}

#top_nav a {
	padding-left: 19px;
	color: #212E40;
	text-decoration: none;
}

#top_nav a:visited {
	color: #212E40;
}

#top_nav a:hover {
	text-decoration: underline;
}

.phone_numbers {
	color: #B9C6D8;
}

/*
Quick Saerch Navigation 
------------------------------------*/
#quicksearch_nav {
	background: url(/images/quicksearch_nav.png) no-repeat; 
	width:215px;
	height: 162px;
	margin: 0;
	padding: 0;
	position:relative;
	}

	
#quicksearch_nav ul {
	display:block;
	list-style: none;
	list-style-type: none;
	margin:0;
	padding:0;
	}
	
#quicksearch_nav li, #quicksearch_nav li a{
	position:absolute;
	display:block;
	list-style: none;
	list-style-type: none;
	margin:0;
	padding:0;
	}

#ajax-banner {
	background: #000;
	width: 215px;
	height: 150px;
	text-align: center;
	padding: 0;
	margin: 0;
}

#quicksearch_nav li.la {width: 215px; height:32px; top: 3px; left:0px;}
#quicksearch_nav li.la a{width: 215px; height:32px;}
#quicksearch_nav li.la a:hover {background: url(/images/quicksearch_nav.png) -215px -3px no-repeat;}

#quicksearch_nav li.lb {width: 215px; height:32px; top: 35px; left:0px;}
#quicksearch_nav li.lb a{width: 215px; height:32px;}
#quicksearch_nav li.lb a:hover {background:url(/images/quicksearch_nav.png) -215px -35px no-repeat;}


#quicksearch_nav li.lc {width: 215px; height:32px; top: 67px; left:0px;}
#quicksearch_nav li.lc a{width: 215px; height:32px;}
#quicksearch_nav li.lc a:hover {background:url(/images/quicksearch_nav.png) -215px -67px no-repeat;}


#quicksearch_nav li.ld {width: 215px; height:32px; top: 99px; left:0px;}
#quicksearch_nav li.ld a{width: 215px; height:32px;}
#quicksearch_nav li.ld a:hover {background:url(/images/quicksearch_nav.png) -215px -99px no-repeat;}


#quicksearch_nav li.le {width: 215px; height:32px; top: 131px; left:0px;}
#quicksearch_nav li.le a{width: 215px; height:32px;}
#quicksearch_nav li.le a:hover {background:url(/images/quicksearch_nav.png) -215px -131px no-repeat;}



/* Features
------------------------------------*/

#feature {
width: 745px;
margin: 0;
padding: 0;

}

	
/* Search
------------------------------------*/

#search {
	height: 30px;
	background: #444;
	padding: 7px 0 0 36px;
	display: block;
}
	

/* Content
------------------------------------*/

#content {
	width: 960px;
	margin: 0;
	padding:0;
	position: relative;
	}
	
.quicksearch #content {
background: url(/images/sub_col.gif) right repeat-y;
}


/* Columns
------------------------------------*/

#full_col {
	position: relative;
	width: 960px;
	margin: 0;
	padding: 67px 0 25px 14px;
		background: transparent url(/images/sub_nav.png) no-repeat;

	}

#main_col {
	position: relative;
	width: 731px;
	margin: 0;
	padding: 67px 0 25px 14px;
	background: transparent url(/images/sub_nav.png) no-repeat;
	}
	
#sub_col {
	position: absolute;
	left: 745px;
	background: #000;
	width: 215px;
	margin: 0;
	padding:0;	
}

#split_col1 {
	float: left;
	width: 174px;
	margin: 0;
	padding: 0 0 20px 0;
}

#split_col2 {
	float: right;
	width: 417px;
	margin: 0;
	padding-top: 0;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 0;
}

#split_col2_large {
	float:right;
	width: 620px;
	margin: 0;
	padding: 0 62px 20px 0;
	}
	
	
/* Lists
------------------------------------*/
ol {
padding: 0 0 0 25px;
}

ol li{
padding: 0 0 10px 0;
}

#list ul{
padding: 0 0 0 25px;
}

#list {
padding: 0 0 0 25px;
list-style-type:square;
}

#list li {
padding: 0 0 10px 10px;
}

#split_col2_large ul {
padding: 0 0 0 25px;


}

#split_col2_large li {
padding: 0 0 10px 10px;
list-style-type:square;
}


/* Sub nav lists
------------------------------------*/
#sub_nav_list {
	list-style: none;
	list-style-type:none;
	margin: 0;
	padding: 0;
	font-weight:bold;
	text-align:right;
	line-height: 1.6em;
	padding: 0 15px 0 0;
}

#sub-nav_list ul li {
	display: block;
	margin: 0;
	padding: 0;
}

#sub_nav_list a, #sub_nav_list a:visited {
	background: url(/images/square_white.gif) right no-repeat;
	color: #fff;
	padding-right: 15px;
}

#sub_nav_list a {
	display: block;
	text-decoration: none;
}

#sub_nav_list a:hover {
	background: url(/images/square_black.gif) right no-repeat;
	color: #000;
}

/* Sub nav lists buying latch
------------------------------------*/
#buying_home a#nav_buying_home, 
#buying_new_construction a#nav_new_construction, 
#buying_listings a#nav_buying_listings, 
#buying_property_search a#nav_buying_property_search, 
#buying_open_houses a#nav_open_houses, 
#buying_featured_properties a#nav_buying_featured_properties,
#buying_featured_properties a#nav_featured_properties,
#buying_new_listings a#nav_new_listings{
	background: url(/images/square_black.gif) right no-repeat;
	color: #000;
}


/* Sub nav lists selling latch
------------------------------------*/
#selling_home a#nav_selling_home, 
#selling_worth a#nav_worth, 
#selling_marketing a#nav_marketing, 
#selling_management a#nav_property_management{
	background: url(/images/square_black.gif) right no-repeat;
	color: #000;
}

/* Sub nav lists selling latch
------------------------------------*/
#relocating_home a#nav_relocating_home, 
#relocating_info a#nav_relocating_info, 
#relocating_realestate a#nav_relocating_realestate, 
#relocating_lp a#nav_relocating_lp{
	background: url(/images/square_black.gif) right no-repeat;
	color: #000;
}

/* Sub nav lists community latch
------------------------------------*/
#community_home a#nav_community_home, 
#community_city_guides a#nav_community_city_guies, 
#community_chambers a#nav_community_chambers2, 
#community_appraisers a#nav_community_appraisers, 
#community_utilities a#nav_community_utilities, 
#community_schools a#nav_community_schools, 
#community_things_to_do a#nav_community_things_to_do, 
#community_golf a#nav_community_golf, 
#community_beach a#nav_community_beach{
	background: url(/images/square_black.gif) right no-repeat;
	color: #000;
}

/* Sub nav lists about latch
------------------------------------*/
#about_home a#nav_about_home, 
#about_history a#nav_about_history, 
#about_news a#nav_about_news, 
#about_report a#nav_about_report, 
#about_associates a#nav_about_associates, 
#about_service_areas a#nav_about_service_areas {
	background: url(/images/square_black.gif) right no-repeat;
	color: #000;
}


/* Sub nav lists renting latch
------------------------------------*/
#renting_home a#nav_renting_home {
	background: url(/images/square_black.gif) right no-repeat;
	color: #000;
}

/* FIR
------------------------------------*/

#f_holder {
	width:1px;
	height: 1px;
	position: relative;
}

.home #f_holder {
	width:745px;
	height: 505px;
	position: relative;
}

#con_flash {
	position:absolute;
	top: 0x;
	left: 0;
	width: 1px;
	height: 1px;
}

.home #con_flash {
	position:absolute;
	top: -28px;
	left: 0;
	width: 745px;
	height: 533px;
}

#buying_home #con_flash {
	position:absolute;
	top:-362px;
	left: -25px;
	width: 382;
	height: 224;
}

#community_city_guides #con_flash {
	position:absolute;
	top:-97px;
	left: -90px;
	width: 557px;
	height: 398px;
}

#relocating_info #con_flash {
	position:absolute;
	top:100px;
	left: -252px;
	width: 309px;
	height: 359px;
}

#relocating_info #f_holder {
float: left;
	width: 60px;
	height: 390px;
}

#selling_home #con_flash {
	position:absolute;
	top:-97px;
	left: -90px;
	width: 557px;
	height: 341px;
}

#community_things_to_do #con_flash {
	position:absolute;
	top:-97px;
	left: -90px;
	width: 557px;
	height: 320;
}

#selling_management #con_flash {
	position:absolute;
	top:-97px;
	left: -90px;
	width: 557px;
	height: 337;
}

#commercial #con_flash {
	position:absolute;
	top:-97px;
	left: -104px;
	width: 723px;
	height: 337;
}


/* Miscellaneous
------------------------------------*/

.center {
	text-align:center;
}

.right {
	float: right;
}

.left {
	float: left;
	padding: 10px;
	}
	
#about_report .left {
	padding:6px !important;
}

#clear {
	clear: both;
}

img {
	border: 0;
	}
	
.alert {
	color: #CC0000;
	font-weight: bold;
}
+
.note {
	color: #999;
	font-size:90%;
}

.highlight {
	background-color: #ffcc99;
}

.quicksearch_input {
	background:#666666;
	width:215px;
}


#print_btn {
	position:absolute;
	width:108px;
	height:73px;
	left: 699px;
	top: 87px;
	background-color:#899FBE;
}



#calculator {
background: #E3E8EF;
width:400px;
height:225px;
}

/* width 215px; height: 204px; */

/* Tables
------------------------------------*/
	
.tabular {
	width: 100%;
	background-color: #e1e1e1;
	border: 1px solid #999;
	margin-bottom: 10px;
	margin-top: 10px;
}	
	
.tabular th {
	background-color: #666;
	text-align:left;
	height:10px;
	color: #fff;
}

.tabular_highlight {
	background-color: #eee;
}
	

/* Site Information
------------------------------------*/

#site_information {
	background: #000;
	margin: 0;
	padding: 21px 0 20px 25px;
	position: relative;
}

#site_info_links {
	list-style: none;
	list-style-type:none;
	font-size: 0.9em;
	color: #333;
	line-height:1.2em;
	padding: 0;
	margin: 0; 
	}

#site_information a, #site_information a:visited {
	color: #333;
}

/*
Badge Nav
------------------------------------*/
#badge_nav {
	background: url(/images/badge_list.gif) no-repeat; 
	height: 44px;
	width: 960px;
	margin: 0;
	padding: 0 0 14px 0;
	list-style: none;
	list-style-type: none;
	position: relative;
	}
	
#badge_nav li, #badge_nav li a{
	list-style: none;
	list-style-type: none;
	margin:0;
	padding:0;
	position: absolute;
	}

#badge_nav li.footer1 {width: 50px; height:45px; top: 0; left:0; background: url(images/badge_list.jpg) no-repeat;}
#badge_nav li.footer1a a{width: 50px; height:45px; background: url(images/badge_list.jpg) no-repeat;}

#badge_nav li.footer2 {width: 50px; height:45px; top: 0; left:55px; background: url(images/badge_list.jpg) no-repeat;}
#badge_nav li.footer2 a{width: 50px; height:45px; background: url(images/badge_list.jpg) no-repeat;}

#badge_nav li.footer3 {width: 297px; height:45px; top: 0; left:105px; background: url(images/badge_list.jpg) no-repeat;}
#badge_nav li.footer3 a{width: 297px; height:45px; background: url(images/badge_list.jpg) no-repeat;}

#badge_nav li.footer4 {width: 123px; height:45px; top: 0; left:400px; background: url(images/badge_list.jpg) no-repeat;}
#badge_nav li.footer4 a{width: 123px; height:45px; background: url(images/badge_list.jpg) no-repeat;}

#badge_nav li.footer5 {width: 144px; height:45px; top: 0; left:520px; background: url(images/badge_list.jpg) no-repeat;}
#badge_nav li.footer5 a{width: 144px; height:45px; background: url(images/badge_list.jpg) no-repeat;}
 
 


/* Social Links
------------------------------------*/

#badge_nav li.twitter { 
	display:block;
	width:65px;
	height:34px;
	top:-18px;
	left:685px;
	z-index: 300;
	position: absolute;
	color:#fff;
	background:url(/images/twitter-icon.gif) 0 50% no-repeat;
	padding:32px 6px 8px 42px;
	}

#badge_nav li.twitter a { 
	color:#FFF;
	}

#badge_nav li.facebook { 
	display:block;
	width:75px;
	height:34px;
	top:-18px;
	left:795px;
	position: absolute;
	z-index: 300;
	color:#fff;
	background:url(/images/facebook-icon.gif) 0 50% no-repeat;
	padding:32px 6px 8px 42px;
	}

#badge_nav li.facebook a { 
	color:#FFF;	
	}
	
	