/* basic elements */
html, body {
	margin: 0;
	padding: 0;
	font: 12px/16px 'Arial';
	color: #000000;
	background: #fdb813;
	width: 100%;
	height: 100%;
	}

p, td {
	font: 12px/16px 'Arial';
	color: #000000;
	}

h1, .h1 {
	margin: 0;
	padding: 0 0 5px 0;
	font: bold 15px/22px 'Arial';
	color: #8F8882;
	}
	
h2, .h2 {
	margin: 0;
	padding: 10px 0 0 0;
	font: bold italic 15px/18px 'Arial';
	color: #ECA200;
	}
h3, .h3 {
	margin: 0;
	padding: 0;
	font: bold 18px/20px 'Arial';
	text-transform: uppercase;
	}
h4, .h4 {
	margin: 0;
	padding: 0;
	font: bold 12px/16px 'Arial';
	text-transform: uppercase;
	}
	
ul {
	margin: 0 0 0 30px;
	padding: 0 0 5px 0;
	list-style: none;
}
ol {
	margin: 0 0 0 30px;
	padding: 0 0 5px 0;
	list-style: none;
}
li {
	margin: 0;
	padding: 2px 0 0 0;
	list-style: none;
}
li ul {
	margin: 0 0 0 30px;
	padding: 0 0 15px 0;
	list-style: none;
}
li li {
	list-style: disc outside;
}
ol li {
	list-style: decimal outside;
}

a:link {
	font-weight: bold;
	text-decoration: none;
	outline: none;
	color: #0F2153;
	}
a:visited  {
	font-weight: bold;
	text-decoration: none;
	outline: none;
	color: #666666;
	}
a:hover {
	font-weight: bold;
	text-decoration: none;
	outline: none;
	color: #5682EB;
	}
a:active {
	font-weight: bold;
	text-decoration: none;
	outline: none;
	color: #0F2153;
	}
	

/* background scale divs */
#superbgimage {
	display: none;
}


/* specific divs */	
#global {
    position: relative;
    z-index: 2;
    width: 100%;
	height: 100%;
}

#main_container { 
	position: relative;
	top: 20px;
	margin: 0 auto;
	padding: 0;
	width: 841px;
	background: #ffffff;
	border: solid 15px #ffffff;
	}
	
#container {
	position: relative;
	margin: 0;
	padding: 0;
	width: 831px;
	text-align: left;
	border: solid 5px #8f8882;
	}
	
#top_container {
	margin: 0;
	padding: 0;
	width: 831px;
	height: 280px;
	background: url(../images/bg_top.gif) repeat-x top left;
}
	
#top_left {
	float: left;
	margin: 0;
	padding: 0;
	width: 178px;
}

#top_right {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	width: 653px;
}

#bg_menu {
	margin: 17px 0 0 0;
	padding: 3px 0;
	background: url(../images/bg_menu.gif) repeat-y top left;
}
#menu {
	text-transform: uppercase;
}
#menu a:link {font-weight: bold; font-style: italic; color: #ffffff;}
#menu :visited {font-weight: bold; font-style: italic; color: #ffffff;}
#menu :hover {font-weight: bold; font-style: italic; color: #ECA200;}
#menu :active {font-weight: bold; font-style: italic; color: #000000;}

#main_content {
	margin: 0;
	padding: 20px;
	text-align: left;
}

#clear, .clear {
	clear: both;
	}

#footer {
	padding: 0 0 20px 0;
	font: 10px/12px Arial;
	text-align: center;
	}
	
	
/* classes for homepage ad popup */
#ad_wrapper {
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: url(../images/ad_bg.png) repeat top left;
	z-index: 99;

	}
#ad_container {
	position: relative;
	margin: 20px auto 30px;
	height: auto;
	text-align: center;
	}
	
#ad_btn_close {
	position: relative;
	width: 0 auto;
	text-align: right;
	font: bold 12px/18px Arial, san-serif;
	color: #ffffff;
	display: block;
	cursor: pointer;
	}
	
	
/* media, awards, featured properties classes */
#tab_menu {
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 20px;
	color: #000000;
	border-bottom: solid 2px #ECA200;
}
#tab_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#tab_menu li,
#tab_menu li.none,
#tab_menu li.selected {
	margin: 0;
	padding: 0 20px 0 0;
	float: left;
	list-style: none;
	background: none;
}
#tab_menu a:link, #tab_menu a:visited {color: #000000; background: none; padding: 3px 10px; text-decoration: none;
	outline: none;}
#tab_menu a:active, #tab_menu a:hover {color: #ECA200; background: none; padding: 3px 10px; text-decoration: none;
	outline: none;}
#tab_menu li.selected a {color: #000000; background: #ECA200; padding: 3px 10px;}


/* featured properties classes */
#listing_menu {
	margin: -55px 0 0 0;
	padding: 0;
	height: 35px;
	text-align: left;
	color: #000000;
	border-bottom: solid 2px #ECA200;
}
#listing_menu ul {
	margin: 0 15px 0 0;
	padding: 0;
	list-style: none;
}
#listing_menu li,
#listing_menu li.none,
#listing_menu li.selected {
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
	background: none;
}

.listing_summary_row {
	position: relative;
	padding: 15px 0;
	border-bottom: dashed 1px #ECA200;
}
.listing_summary_col1 {
	float: left;
	width: 150px;
}
.listing_summary_col2 {
	float: left;
	margin-left: 30px;
	width: 350px;
}
.listing_summary_col3 {
	float: right;
	margin-left: 30px;
	width: 150px;
	text-align: center;
}

#mls_bar {
	margin: 0;
	padding: 15px 5px 0 5px;
	text-align: right;
	font-weight: bold;
	text-transform: uppercase;
}
#properties_bar {
	margin: 0;
	padding: 5px;
	font: bold 13px/13px 'Arial';
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: #8F8882;
}
#details_bar {
	margin: 0;
	padding: 20px 0;
	height: 280px;
}

#listing_image {
	float: left;
	width: 195px;
}
#listing_image_box,
.listing_image_box {
	border: solid 3px #8F8882;
}
#listing_image ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#listing_image li {
	float: left;
	margin: 5px 5px 0 0;
	width: 33px;
	height: 31px;
	border: solid 1px #8F8882;
	background: #CCCCCC;
	list-style: none;
}
#listing_image li.no_pad {
	margin-right: 0;
}
#listing_image li img {
	margin-top: -2px;
}
#listing_image_note {
	margin: 5px 0 0 210px;
	padding: 0 0 0 10px;
	color: #666666;
	font: italic 11px/13px 'Arial';
	text-decoration: none;
	outline: none;
	background: url(../images/bg_arrow_grey_flip.gif) no-repeat center left;
}
#listing_container {
	 overflow: hidden;
}
#listing_info {
	float: left;
	margin-left: 15px;
	width: 265px;
	background: #FFF8E7;
	margin-bottom: -1000px;
	padding-bottom: 1000px;
}

.listing_info tr.alt {
	background: #FFF1D0;
}
.listing_info td {
	padding: 4px 0 4px 5px;
	vertical-align: top;
}
.listing_info td.left {
	padding-left: 15px;
}
#agent_info {
	float: left;
	margin-left: 15px;
	width: 220px;
	background: #F4F3F2;
	margin-bottom: -1000px;
	padding-bottom: 1000px;
}
.agent_info {
	padding: 15px;
}
.agent_info a:link, .agent_info a:visited {padding-left: 16px; color: #ECA200; text-decoration: none;
	outline: none; background: url(../images/bg_arrow_yellow.gif) no-repeat center left;}
.agent_info a:active, .agent_info a:hover {padding-left: 16px; color: #000000; text-decoration: none;
	outline: none; background: url(../images/bg_arrow_black.gif) no-repeat center left;}

#listing_hd,
#agent_hd {
	padding: 10px 15px;
	font: bold 13px/13px 'Arial';
	text-transform: uppercase;
	letter-spacing: 1px;
}
#listing_hd {
	background: #FEDC89;
}
#agent_hd {
	background: #C7C3C0;
}

.properties_box {
	border: solid 2px #ECA200;
	border-top: none;
}

.pad_20 {
	padding: 20px;
}

.property_details td {
	padding: 5px 0;
	vertical-align: top;
}

.google_map_link a {
	font: 10px/20px 'Arial';
}

/* featured properties classes - featured map */
#divGlobalInfo_wrapper {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 390px;
	 height: 220px;
	 z-index: 100;
	 display: none;
}
#divGlobalInfo {
	 position: absolute;
	 top: 0; /* default top: 0; */
	 left: 0;
	 padding: 10px;
	 width: 360px;
	 height: 190px;
	 background: #ffffff;
	 border: 2px solid #ECA200;
	 overflow: auto;
}
#divGlobalInfo .listing_summary_col2 { /* change value for featured map only */
	margin-left: 10px;
	width: 180px;
}
#divGlobalInfo_shadow {
	position: absolute;
	top: 10px; /* default top: 10px; */
	left: 10px;
	width: 380px;
	height: 210px;
	background-color: #000000;
	filter: alpha(opacity=30); /* for IE */
	opacity: 0.3; /* CSS3 standard */
}
.listing_moreinfo {
	position: relative;
}
.mls_dot {
	padding: 20px;
	width: 20px;
	height: 20px;
	font: bold 10px/20px 'Arial';
	color: #ffffff;
	text-align: center;
	background: url(../images/mls_dot.png) no-repeat center;
	_background: transparent;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/mls_dot.png', sizingMethod='image');
}



/* career classes */
.career_subhd {
	margin-bottom: 10px;
	border-bottom: solid 2px #ECA200;
	font: 14px/18px 'Arial';
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
}

.career_hrdash {width: 100%; margin: 5px 0 5px 30px; border-bottom: dashed 1px #ECA200;}

a.career_link:link {font-weight: normal;color: #000000;}
a.career_link:visited {font-weight: normal;color: #000000;}
a.career_link:hover {font-weight: normal;color: #ECA200;}
a.career_link:active {font-weight: normal;color: #000000;}


/* basic classes */
.orange {color: #ECA200;}
.orange2 {color: #ECA200;}
.grey {color: #8D8A85;}
.projects { font-family: Verdana; font-size: 10px; line-height: 12px; color: #8D8A85;}
.projects2 { font-family: Verdana; font-size: 10px; line-height: 12px; color: #000000;}

.small {font: 10px 'Arial';}

.hrdash {width: 100%; margin: 15px 0; border-bottom: dashed 1px #ECA200;}

.noline:link {text-decoration: none}
.noline:visited {text-decoration: none}
.noline:active {text-decoration: underline}
.noline:hover {text-decoration: underline}

.orange:link {color: #ECA200; text-decoration: none}
.orange:visited {color: #ECA200; text-decoration: none}
.orange:active {color: #ECA200; text-decoration: underline}
.orange:hover {color: #ECA200; text-decoration: underline}

.note {font: 12px 'Arial'; color: #666666; font-style: italic;}
.smallnote {font: 10px 'Arial'; color: #666666; font-style: italic;}

.req {color: #B30000;}
input, select, textarea {font: 12px/16px 'Arial'; color: #000000; border: solid 1px #8A837D; background: #ffffff; padding: 2px;}
input.none, select.none, textarea.none {font: 12px/16px 'Arial'; border: none; background: #ffffff;}
input.button {font: bold 12px/16px 'Arial'; text-transform: uppercase; letter-spacing: 1px; color: #424242; background: #ECA200; border: none; cursor: pointer; padding: 5px 10px;}
input.button:hover, input.button:focus {font: bold 12px/16px 'Arial'; text-transform: uppercase; letter-spacing: 1px; color: #ffffff; background: #8A837D; border: none; cursor: pointer; padding: 5px 10px;}
input:focus, select:focus, textarea:focus { border: solid 1px #ECA200;}