/* Pilot Demo Front-end Default CSS Skin */

/* 	font shorthand example & syntax...
	----------------------------------------
	font: bold 16px/20px Georgia, "Times New Roman", Times, serif;
	list of declarations: font-style font-weight and font-variant, font-size/line-height, font-family;
*/

/* General properties
------------------------------------------------*/
body {
	background-color: #211818;
	Xbackground-image: url(body_bkg.jpg);
	Xbackground-repeat: repeat-x;
	color:#000000;
	margin:0;
	padding:0;
	border:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:170%;
	text-align: center;}

/* properties - un-defined */
	a:link, a:visited {
		color: #84694a;
		font-weight: bold;
		text-decoration: underline;}
	a:hover {
		color: #211818;
		font-weight: bold;
		text-decoration: none;}
	p {
		margin:0;
		padding:0;
		padding-bottom: 15px;}
	div {
		margin:0;
		padding:0;
		border:0;
		width:auto;
		height:auto;
		text-align:left;}
	img {
		border:0;}
	form, input{
		margin:0;
		padding:0;}
	h1, h2, h3, h4, h5, h6 {
		xcolor:#5A702F;
		font-weight:normal;
		xfont-family:Georgia, "Times New Roman", Times, serif;
		font-family:Geneva, Arial, Helvetica, sans-serif;}

	h1 { font-size:1.6em;}
	h2 { font-size:1.5em;}
	h3 { font-size:1.4em; margin: 0px 0px 0px 0px;}
	h4 { font-size:1.2em;}
	h5 { font-size:1.0em;}
	h6 { font-size:0.8em;}
		
/* /properties - un-defined */

.wrapper {
	/*position:relative;*/
	margin:0 auto;
	xwidth:780px;
	width:806px;
	min-height:250px;
	xbackground: #9dd2f3 url(wrapper_bkg.gif) no-repeat 0px 69px;}

.header{
	background-color: #F1EDF1;
	background-image: url(nav_header_bkg.jpg);
	background-repeat: repeat-x;
	width: 780px;
	height: 91px;
	position: relative;
	margin: 0px 0px 0px 13px;
	padding: 0px;
	text-align: center;
}

.client_logo {
	float:left;
	margin-top:0px;
	padding-left:0px;
	width:198px;
	height:60px;
	background:url(logo.gif) no-repeat right top;
	overflow:hidden;
	text-align:right;}
	/* - holds the dimensions to the logo.gif, but uses the transparent.gif instead for flexiblity...this is done to provide link back to homepage - */
	.client_logo img {
		width:198px;
		height:60px;}

.nc_real_estate_brokers{
	Xfloat: left;
	Xmargin-top: 1px;
	xwidth: 160px;
	xheight: 54px;
	display: none;
	
	position: absolute;
	width: 184px;
	height: 65px;
	left: 215px;
	z-index: 10;
	
	background:url(nc_real_estate_brokers.gif) no-repeat right top;
	overflow: hidden;
	xbackground-color: #FF0000;
	}

.mls_widget {
	width:105px;
	height:35px;
	margin-top:6px;
	margin-right:6px;
	float:right;
	background: url(mls_logo.gif) no-repeat right top;}
	
.header_closer{
	width: 780px;
	height: 7px;
	background-color: #000000;
	
	margin: 0px;
	padding: 0px;
	border: 0px;
	
	font-size: 4px;
}
.header_closer_bg{
	position: absolute;
	top: 91px;
	left: 0px;
	width: 100%;
	height: 7px;
	Xbackground-image: url(nav_divide_bkg.jpg);
	Xbackground-position: center;
	Xbackground-repeat: no-repeat;
	background-color: #84694a;
	
	margin: 0px;
	padding: 0px;
	border: 0px;
	
	font-size: 4px;
}

.content {
	width:806px;
	float:left;
	margin-top:0px; /* old 40px */
	padding-top:10px;
	background-image: url(page_content_bkg.gif);
	xbackground: #ffffff url(content_bkg.gif) repeat-y left top;
	xvertical-align: top;}
	
	
.home_search_widget{
	width: 221px;
	xbackground-image: url(left_column_bkg.gif);
	xbackground-color: #FFCC99;
	float: left;
	clear: left;
}
.home_featured_listings{
	width: 221px;
	background-image: url(left_column_bkg.gif);
	float: left;
	clear: left;
}
.main_content_pane{
	width: 585px;
	float: right;
	xbackground-color: #66CC99;
}
.main_content_pane .main_content_text{
	xborder: 1px solid #FF0000;
	margin-right: 20px;
}
.main_content_pane_full{
	width: 755px;
	margin-left: 25px;
	xfloat: right;
	xbackground-color: #66CC99;
}


.small_image_right{
	float: right;
	margin-right: 15px;
}
.highlighted{
	background-color: #FFFF00;
}
.left_column_inside{
	background-color: #84694a;
	Xbackground-color: #6D377C;
	xbackground-color: #FF0000;
	width: 201px;
	padding: 3px 3px 3px 5px;
	margin: 0px 0px 0px 0px;
	
	color: #FFFFFF;
}
.left_column_inside .propertyImg{
	border: 1px solid #FFFFFF;
}
.left_column_inside input, .left_column_inside select{
	border: 1px solid #7F9DB9;
	font-size: 10px;
	color: #666666;
	padding: 2px;
}
.left_column_inside a:link, .left_column_inside a:visited{
	color: #FFFFFF;
	text-decoration: underline;
}
.left_column_inside a:hover, .left_column_inside a:active{
	color: #FFFFFF;
	text-decoration: none;
}

.main_property_types{
	float: right; 
	clear: right; 
	margin-bottom: 6px;
}


.home_feature {
	width:327px;
	float:right;
	clear:right;
	padding-right:20px;}
	.home_feature h2 {
		display:none;}
	.home_feature .product_image {
		margin-bottom:5px;
		padding:1px;
		width:317px;
		text-align:center;
		border:1px solid #626262;}
		
		/* when using only an .img and not .swf...
		.product_image img {
			padding:5px;
			border:1px solid #626262;}
		*/
	.product_name,
	.product_price {
		color:#e26810;
		font:bold 14px/18px Georgia, "Times New Roman", Times, serif;}
	.product_name a:link, 
	.product_name a:visited, 
	.product_name a:active {
		text-decoration:none;
		font:bold 14px/18px Georgia, "Times New Roman", Times, serif;}
		.product_price {
			padding-left:10px;}
	.product_description {
		line-height: 160%;}
		
	.calculator_grid{
		background-color: #EEEEEE;
		xbackground-color: #DFFFBF;
		text-align: center;
		border-top: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
		
		border-right: 1px solid #666666;
		border-bottom: 1px solid #666666;
	}
	.calculator_grid td{
		border-right: 1px solid #999999;
		border-bottom: 1px solid #999999;
	}

.home_other_featured {
	width:327px;
	float:right;
	clear:right;
	padding-right:20px;
	padding-bottom:10px;}
	.home_other_featured h2 {
		margin-bottom:0.5em;}
	.home_other_featured .home_item {
		margin-bottom:10px;}
	.home_other_featured .product_image {
		float:left;
		width:110px;}
		.home_other_featured .product_image img {
			padding:3px;
			border:1px solid #626262;}
	.home_other_featured .product_name a:link, 
	.home_other_featured .product_name a:visited, 
	.home_other_featured .product_name a:active {
		text-decoration:none;}
	.home_other_featured .product_price {
		display:none;}
	.home_other_featured .product_description {
		margin-left:5px;
		padding-left:110px;}
	.home_other_featured .product_description a {
		white-space:nowrap;}
		

.home_welcome {
	width:360px;
	padding-left:25px;}
	.home_welcome h2 {
		font-size:1.6em;
		margin-top:0.1em;
		margin-bottom:0.2em;}
	.home_welcome p {
		margin-left:3px;}

.home_upcoming_events {
	width:360px;
	margin-top:10px;
	padding-left:25px;}
	.home_upcoming_events h2 {
		font-size:1.6em;
		margin-bottom:0.4em;}
	.home_upcoming_events ul {
		margin:0;
		padding:0;
		list-style:none;}
		.home_upcoming_events ul li {
			margin:0;
			display:block;
			padding-top:0px;
			padding-left:35px;
			background:transparent url(icon_calendar.gif) no-repeat 4px 7px;}
		span.date {
			color:#e26810;
			font:bold 14px/18px Georgia, "Times New Roman", Times, serif;}
			span.date a:link, 
			span.date a:visited, 
			span.date a:active {
				text-decoration:none;}
	.see_more {
		float:right;
		text-align:right;
		padding-right:10px;
		margin-top:-10px;}

.home_mailing_list {
	width:360px;
	margin-top:10px;
	margin-bottom:20px;
	padding-left:25px;}
	.home_mailing_list h2 {
		font-size:1.6em;
		margin-bottom:0.6em;}
	.home_mailing_list form {
		padding-left:38px;
		background:transparent url(icon_mailing_list.gif) no-repeat 4px 4px;}
	table.form_table td,
	table.form_table th {
		padding-top:3px;}
	table.form_table th {
		font-weight:normal;
		text-align:right;
		padding-right:5px;}

	input.text_field,
	input.sign_up_button {
		color:#6a6a6a;
		font:11px/14px Verdana, Arial, Helvetica, sans-serif;
		border:1px solid #7a7a7a;
		padding:4px;}
		input.text_field {
			background:#ffffff url(text_field_bkg.gif) no-repeat left top;}
		input.sign_up_button {
			padding:2px 3px 3px 3px;
			margin-right:10px;
			height:23px;
			width:70px;
			color:#ffffff;
			background:#ff842b url(submit_button_bkg.gif) repeat-x left top;}


.footer {
	width:780px;
	xbackground-color: #FF0000;
	margin-left: 13px;
	margin-bottom: 5px;
	text-align: center;
	color: #FFFFFF;
	xfloat:left;
	xheight:40px;
	xcolor:#252525;
	xbackground:#9dd2f3 url(footer_bkg.gif) no-repeat left top;}
	.footer_links,
	.footer_text {
		width:auto;
		xfloat:left;
		text-align: center;
		padding: 2px 18px;}
	.footer_links a:link, 
	.footer_links a:visited, 
	.footer_links a:active {
		color:#FFFFFF;
		font-weight:normal;
		text-decoration:underline;}
	.footer_links a:hover{
		color:#E2DDE3;
		}


	


/* main_navigation properties
------------------------------------------------*/
.main_navigation { 
	height:37px;
	xfloat:left;
	margin-top:0px;
	margin-right:0px;
	width:780px;
	xbackground:#F1EDF1 url(main_navigation_bkg.gif) repeat-x left top;}
/*
	.main_navigation_start { 
		height:49px;
		width:5px;
		float:left;
		background:#f5fbfe url(main_navigation_start_bkg.gif) no-repeat left top;}
	.main_navigation_end { 
		height:49px;
		width:5px;
		float:right;
		background:#f5fbfe url(main_navigation_end_bkg.gif) no-repeat left top;}
*/
.main_navigation ul {
	position: absolute;
	top: 0px;
	
	margin: 54px 0px 0px 0px;
	padding:0;
	list-style:none;}
	.main_navigation ul li {
		position:relative;
		margin:0;
		height:37px;
		float:left;
		xbackground:transparent url(main_navigation_item_bkg.gif) no-repeat center -49px;}

		/* Styles for Menu Items */
		/*
		.main_navigation ul li a:link, 
		.main_navigation ul li a:visited, 
		.main_navigation ul li a:active,
		.main_navigation ul li a:hover {
			display:block;
			padding:8px 0px 2px 0px;
			width:auto;
			color: #000;
			font: 13px/18px Verdana, Arial, Helvetica, sans-serif;
			text-decoration:none;}
		 .main_navigation ul li a:hover {
			color: #e26810;
			background-position:406px top;}
*/
		/* - on states for main nav. once in particular section --- */
		body.home .main_navigation ul li.home, 
		body.product_catalog .main_navigation ul li.product_catalog, 
		body.calendar_of_events .main_navigation ul li.calendar_of_events, 
		body.customer_support .main_navigation ul li.customer_support, 
		body.about_us .main_navigation ul li.about_us { background-position: center top;}
			
			body.home .main_navigation ul li.home a, 
			body.product_catalog .main_navigation ul li.product_catalog a, 
			body.calendar_of_events .main_navigation ul li.calendar_of_events a, 
			body.customer_support .main_navigation ul li.customer_support a, 
			body.about_us .main_navigation ul li.about_us a { color: #e26810;}
		/* - /on states for main nav. once in particular section --- */
		
		.main_navigation ul li a span {
			padding:0px 8px;
			background:transparent url(main_navigation_item_separator_bkg.gif) no-repeat left 3px;}
			.main_navigation ul li.home a span {
				background-image:none;}
		
			.main_navigation ul li ul.subset {
				display:none;
				width:130px;
				list-style:none;
				position:absolute;
				left:0px;
				line-height:140%;
				top:35px;
				background-color:#ffffff;
				background-image:none;
				z-index:10;}
			.main_navigation ul li.about_us ul.subset {
				left:-60px;}
					
				.main_navigation ul li ul.subset li a:link, 
				.main_navigation ul li ul.subset li a:visited, 
				.main_navigation ul li ul.subset li a:active {
					width:130px;
					padding:2px 6px 4px 8px;
					text-align:left;
					color:#000;
					font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
					background-color:#ebebeb;
					background-image:none;}
				.main_navigation ul li ul.subset li a:hover {
					color:#e26810;
					width:130px;
					background-color:#ffffff;
					background-image:none;}
			
			.main_navigation ul li ul li a { margin:0px; padding:1px 2px 10px 5px; border:1px solid #518baf;} /* Sub Menu Styles */
			.main_navigation ul li ul li { height:auto; margin:0px; padding:0px;} /* Sub Menu LI Styles */
			
			.main_navigation ul li:hover ul, /* The magic */
			.main_navigation ul li.over ul { display: block;}



/* /main_navigation properties ------------------------------------------------*/

.crumb_trail {
	width:93%;
	float:left;
	padding-left:25px;
	text-transform:lowercase;}
	.crumb_trail a:link, 
	.crumb_trail a:visited, 
	.crumb_trail a:active {
		color:#444444;
		font-weight:normal;}
	.crumb_trail a:hover {
		color:#3f7fa6;
		font-weight:normal;}

.sub_navigation {
	width:170px;
	float:left;
	margin-top:18px;
	padding-left:25px;}
	.sub_navigation ul {
		margin:0;
		padding:0;
		list-style:none;
		width:100%;
		background:transparent url(sub_navigation_item_line_bkg.gif) no-repeat left top;}
		.sub_navigation ul li {
			margin:0;
			width:100%;
			float:left;
			background:transparent url(sub_navigation_item_line_bkg.gif) no-repeat left bottom;}
			.sub_navigation ul li a:link, 
			.sub_navigation ul li a:visited, 
			.sub_navigation ul li a:active {
				padding:5px 0 2px 0;
				display:block;
				width:170px;
				color:#2a2a2a;
				font-weight:normal;
				text-decoration:none;}
			.sub_navigation ul li a:hover {
				color:#e26810;
				text-decoration:underline;}

				.sub_navigation ul li a:link.selected, 
				.sub_navigation ul li a:visited.selected, 
				.sub_navigation ul li a:hover.selected, 
				.sub_navigation ul li a:active.selected {
					color:#e26810;
					font-weight:bold;}

		.sub_navigation ul li ul {
			margin:0;
			padding:10px 0;
			width:100%;
			float:left;
			background:transparent url(sub_navigation_item_open_bkg.gif) no-repeat left top;}
			.sub_navigation ul li ul li {
				margin:0 0 1px 0;
				width:100%;
				background:transparent url(sub_navigation_item_bullet_bkg.gif) no-repeat left 7px;}

			.sub_navigation ul li ul li a:link, 
			.sub_navigation ul li ul li a:visited, 
			.sub_navigation ul li ul li a:active {
				padding:2px 0 2px 12px;
				display:block;
				width:158px;
				color:#2a2a2a;
				font:10px/13px Verdana, Arial, Helvetica, sans-serif;
				text-decoration:none;}
			.sub_navigation ul li ul li a:hover {
				color:#e26810;
				text-decoration:underline;}




.main_content,
.page_id,
.feature_product {
	width:528px;
	float:left;
	margin-left:37px;}
	.main_content {
		padding-bottom:10px;}
	.page_id {
		margin-bottom:5px;
		background:transparent url(page_id_bkg.gif) repeat-x left bottom;}
		.page_id h1 {
			margin-top:0.0em;
			margin-bottom:0.5em;}

.feature_product,
.detail_product {
	margin-left:0px;
	margin-bottom:10px;}
	.feature_product .product_image,
	.detail_product .product_image {
		margin-bottom:5px;
		margin-right:20px;
		padding:4px;
		width:258px;
		float:left;
		text-align:center;
		border:1px solid #626262;}
	.feature_product .product_name,
	.detail_product .product_name,
	.feature_product .product_price,
	.detail_product .product_price {
		color:#e26810;
		font:bold 14px/18px Georgia, "Times New Roman", Times, serif;}
		.feature_product .product_name, 
		.detail_product .product_name {
			display:none;
			
			float:right;
			width:150px;
			margin-bottom:15px;}
		.feature_product .product_price,
		.detail_product .product_price {
			padding-left:0px;}
		.detail_product .product_code {
			display:block;
			float:left;
			margin:-10px 0 10px 70px;}
	.feature_product .product_description, 
	.detail_product .product_description {
		line-height: 160%;
		width:200px;
		float:left;}

.detail_product .product_image {
	border:0px;
	padding-bottom:40px;}
	.detail_product .product_image a:link, 
	.detail_product .product_image a:visited, 
	.detail_product .product_image a:active {
		display:block;
		width:270px;
		padding-bottom:45px;
		background:transparent url(enlarge_btn.gif) no-repeat bottom right;
		border:1px solid #626262;}
	.detail_product .product_image a:hover {
		border:1px solid #e26810;}
	.detail_product .product_image img {
		padding:4px 4px 0px 4px;
		text-align:center;}

.product_link {
	width:108px;
	margin-right:20px;
	padding-bottom:20px;
	float:left;}
	.product_link .product_image {
		display:block;
		width:89px;
		float:left;
		padding:4px;
		margin-bottom:5px;
		text-align:center;
		border:1px solid #626262;}



/* - pop-up window specific style properties - */
	body.popup_window {
		background:#fff url(wrapper_popup_bkg.gif) repeat-x left top;}
	body.popup_window .wrapper {
		width:100%;
		background-color:transparent;
		background-image:none;}
	body.popup_window div.client_logo {
		padding-left:18px;}
	body.popup_window div.page_id {
		width:auto;
		xmargin-top:-26px;
		xmargin-bottom:20px;
		xmargin-left:210px;
		border-bottom:1px solid #333;
		
		float:none;
		margin:0px 0px 5px 20px;
		padding-bottom:-10px;
		xposition:relative;
		xtop:10px;
		xleft:200px;
		xbackground-color:#006600;
		
		xbackground-color:transparent;
		background-image:none;}
/*
.content {
	width:770px;
	float:left;
	margin-top:10px;
	background: #ffffff url(content_bkg.gif) repeat-y left top;}
*/
	body.popup_window div.content {
		width:100%;
		
		float:none;
		position:relative;
		top:20px;
		margin-top:0px;
		xborder:1px dashed #333;
		
		background-color:transparent;
		background-image:none;}
		
	body.popup_window div.main_content {
		width:100%;
		margin-left:0px;
		padding-bottom:15px;
		text-align:center;}
	body.popup_window div.product_image {
		margin:0px 0px 0px 10px;
		padding-bottom:0px;
		width:55%;}
	body.popup_window div.product_description {
		width:35%;
		margin:5px 10px 0px 10px;
		xfloat:none;
		xbackground-color:#001133;
		float:right;}
	body.popup_window div.footer {
		width:100%;
		margin-bottom:5px;
		background:transparent url(page_id_bkg.gif) repeat-x left top;}
		

body.popup_window div.utility_links {
	width:100px;
	height:30px;
	position:absolute;
	top:10px;
	left:auto;
	right:5px;}
	body.popup_window div.utility_links ul {
		list-style-type: none;
		width:100%;
		margin:0;
		padding:0;}
		body.popup_window div.utility_links ul li { 
			margin:2px 0px;
			display:block;}
			body.popup_window div.utility_links li.print_page { 
				background:transparent url(icon_printer.gif) no-repeat 0 2px;}
			body.popup_window div.utility_links li.close_window { 
				background:transparent url(icon_close_window.gif) no-repeat 0 3px;}
		
			body.popup_window div.utility_links ul li a:link,
			body.popup_window div.utility_links ul li a:visited {
				width:85px;
				padding:0px 0px 2px 18px;
				font-size:10px;
				font-weight:normal;
				line-height:12px;
				color:#000;
				text-decoration:none;}
			body.popup_window div.utility_links ul li a:hover {
				text-decoration:underline;}


/* - /pop-up window specific style properties - */