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

body {
	background: #000000 url(/images/tile_bg.jpg) repeat-x 50% 0;
	padding: 0;
	margin: 0;
	}

/* Things to hide
------------------------------------*/

#nav span {
display:  none;
	}

/* Container
------------------------------------*/
#container {
	width:860px;
	background: url(/images/BKGRD.gif);
	padding: 0;
	margin: auto;
	position: relative;
	}

	
/* Header
------------------------------------*/
#header {
	background:#DADADA;
	width:525px;
	height: 100px;
	margin: 0; 
	padding: 0;
	position: relative;
	}

#header .logo, #header .logo a {
	position:absolute;
	display:block;
	width: 273px;
	background-color: #CCCCCC;
	border-color: #666666;
	border-width: 1px;
	font-weight: normal;
	color: #000000;
	padding: 10px;
	text-align:center;
}



/* Nav
------------------------------------*/
#nav {
	background: url(/images/nav.gif) no-repeat;
	width: 525px;
	height: 113px;
	padding: 0;
	margin: 0;
	font-size: .9em;
	float: right;
	position:relative;
}
	
#nav ul {
	display:block;
	list-style: none;
	list-style-type: none;
	margin:0px;
	padding:0px;
	}
	
#nav li, #nav li a{
	position:absolute;
	display:block;
	list-style: none;
	list-style-type: none;
	margin:0px;
	padding:0px;
	}
	
/* Latch
------------------------------------*/

#nav li.l0 {width: 58px; height:44px; top: 69px; left:0;}
#nav li.l0 a{width: 58px; height:44px;}
#nav li.l0 a:hover {background: transparent url(/images/nav.gif) 0 -182px no-repeat;}	

#nav li.l1 {width: 68px; height:44px; top: 69px; left:58px;}
#nav li.l1 a{width: 68px; height:44px;}
#nav li.l1 a:hover {background: transparent url(/images/nav.gif) -58px -182px no-repeat;}

#nav li.l2 {width:64px; height:44px; top: 69px; left:126px;}
#nav li.l2 a{width:64px; height:44px;}
#nav li.l2 a:hover {background: transparent url(/images/nav.gif) -126px -182px no-repeat;}

#nav li.l3 {width:89px; height:44px; top: 69px; left:190px;}
#nav li.l3 a{width:89px; height:44px;}
#nav li.l3 a:hover{background: transparent url(/images/nav.gif) -190px -182px no-repeat;}

#nav li.l4 {width:74px; height:44px; top: 69px; left:279px;}
#nav li.l4 a{width:74px; height:44px;}
#nav li.l4 a:hover{background: transparent url(/images/nav.gif) -279px -182px no-repeat;}

#nav li.l5 {width:76px; height:44px; top: 69px; left:353px;}
#nav li.l5 a{width:76px; height:44px;}
#nav li.l5 a:hover{background: transparent url(/images/nav.gif) -353px -182px no-repeat;}

#nav li.l6 {width:96px; height:44px; top: 69px; left:429px;}
#nav li.l6 a{width:96px; height:44px;}
#nav li.l6 a:hover{background: transparent url(/images/nav.gif) -429px -182px no-repeat;}


.home #nav li.l0 {background: transparent url(/images/nav.gif) 0 -182px no-repeat;}
.sellers #nav li.l1 {background: transparent url(/images/nav.gif) -58px -182px no-repeat;}
.buyers #nav li.l2 {background: transparent url(/images/nav.gif) -126px -182px no-repeat;}
.properties #nav li.l3 {background: transparent url(/images/nav.gif) -190px -182px no-repeat;}
.psplash #nav li.l3 {background: transparent url(/images/nav.gif) -190px -182px no-repeat;}
.services #nav li.l4 {background: transparent url(/images/nav.gif) -279px -182px no-repeat;}
.about #nav li.l5 {background: transparent url(/images/nav.gif) -353px -182px no-repeat;}
.contact #nav li.l6 {background: transparent url(/images/nav.gif) -429px -182px no-repeat;}


/* Features
------------------------------*/
#feature {
width: 525px;
height: 344px;
/*background: url(/images/feature.jpg);*/
margin: 0;
padding: 0;
float: right;
position: relative;
z-index: 1;
}
.buyers #feature {
background: url(/images/buyers.jpg);
}

.sellers #feature {
background: url(/images/seller.jpg);
}

.properties #feature {
background: url(/images/properties.jpg);
}

.psplash #feature {
background: url(/images/contact.jpg);
}

.services #feature {
background: url(/images/services.jpg);
}

.about #feature {
background: url(/images/about.jpg);
}

.contact #feature {
background: url(/images/contact.jpg);
}

.career #feature {
background: url(/images/feature_career_opportunities.jpg);
}


#feature_sub {
width: 720px;
height: 25px;
background: #888;
display: block;
padding: 20px;
margin: 0;
}


	
/* Search
------------------------------------*/
#search {
	height: 30px;
	background: #444;
	padding: 7px 0 0 36px;
	display: block;
}
	
/* Content
------------------------------------*/
#content {
	width:525px;
	margin: 0;
	float: right;
    position: relative;
	}

#full_col {
	float: left;
	width: 700px;
	margin: 0;
	padding: 18px 18px 12px 30px;
	}

#main_col {
	float: left;
	width: 450px;
	margin: 0;
	padding: 18px 18px 10px 30px;
	background: #fff;
	position: relative;
}
#psplash_col {
	float: left;
	width: 477px;
	margin: 0;
	padding: 18px 18px 10px 30px;
	background: #fff;
	position: relative;
}

/* sub_col
------------------------------------*/
#left_col {
	float: left;
	width: 335px;
	margin: 0;
	padding: 0;
}
#sub_col {
	width: 292px;
	margin: 0;
	padding: 17px 17px 17px 26px;
	background: url(/images/col_1_bkgrd.jpg);
	color:#C9FF44;
}
#sub_col_base {
	width: 335px;
	height:9px;
	margin: 0;
	background: url(/images/col_1_base.gif) no-repeat;
}


	
#sub_col h2{
	color:#C9FF44;
	font-size: 1.1em;
	margin: 0em 0em .1em 0em;
	font-weight: bold;
}	
	
#sub_col .tabular {
	width: 100%;
	background-color: #e1e1e1;
	border: 7px solid #006027;
	margin-bottom: 10px;
	margin-top: 10px;
	color:#000000
	}
#sub_col .tabular_highlight {
	background-color: #eee;
	}
	
/* sub_col_linking
------------------------------------*/

#sub_col ul{
	list-style: none;
	list-style-type: none;
	display:block;
	margin: 0;
	padding: 0 0 20px 0px;
}

#sub_col ul li {
	list-style: none;
	list-style-type: none;
	height: 25px;
	margin: 0;
	padding: 0;
	display: block;	
	border: solid;
	border-color: #333333;
	border-width: 0 0 1px 0;
	}
	
#sub_col ul li a {
	height: 25px;
	list-style: none;
	list-style-type: none;
	text-decoration:none;
	text-transform: uppercase;
	white-space:nowrap;
	display:block;
	margin: 0;
	padding: 2px 0 0 10px;
	list-style-type: none;
	font-size:1em;
	color: #C9FF44;
	
	text-decoration:none;
}
#sub_col li a:hover{
background: #6D9548;
color:#000000;
}

/* Latch benefits sub column
------------------------------------*/

.history #subnav_history {background: #000000; color:#ffffff;}
.careers #subnav_careers {background: #000000; color:#ffffff;}
.abouthart #subnav_about {background: #000000; color:#ffffff;}
.servicehart #subnav_service {background: #000000; color:#ffffff;}
.brokerage #subnav_brokerage {background: #000000; color:#ffffff;}
.jv #subnav_jv {background: #000000; color:#ffffff;}
.analysis #subnav_analysis {background: #000000; color:#ffffff;}
.financing #subnav_financing {background: #000000; color:#ffffff;}
.insurance #subnav_insurance {background: #000000; color:#ffffff;}
.managment #subnav_managment {background: #000000; color:#ffffff;}
.buyershart #subnav_buyer {background: #000000; color:#ffffff;}
.buyerrfi #subnav_rfi {background: #000000; color:#ffffff;}
.sellerhart #subnav_seller {background: #000000; color:#ffffff;}
.sellerrfi #subnav_sellerrfi {background: #000000; color:#ffffff;}

/*------------------------------------*/

#split_col1 {
	float: left;
	width: 325px;
	margin: 0;
	padding: 18px 18px 20px 30px;
}

#split_col2 {
	float: right;
	width: 325px;
	margin: 0;
	padding: 18px 18px 100px 30px;

}

.center {
text-align:center;
}

.date {
	color: #B7BB6D;
	}

#clear {
	clear: both;
	}

.note {
	text-transform: uppercase;
	color: #CCCCCC;
	}

.headline_link, .headline_link a, .headline_link a:link, .headline_link a:visited, .headline_link a:hover, .headline_link a:active {
	color: #B7BB6D;
	size: 70%;
	}

.highlight {
	background-color: #ffcc99;
	}

.right {
	float: right;
	}

.left {
	float: left;
	}

ul {
	padding:0 0 10px 15px;
	}

acronym {
	background-color: #D3D3D3; cursor: help;
	}
	
/* Tables
------------------------------------*/	
	
.tabular {
	width: 100%;
	background-color: #e1e1e1;
	border: 7px solid #006027;
	margin-bottom: 10px;
	margin-top: 10px;
	color:#000000
	}
	
.tabular2 {
	width: 100%;
	background-color: #e1e1e1;
	border: 1px solid #999999;
	margin-bottom: 10px;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
}
	
	
.tabular th {
	background-color: #666;
	text-align:left;
	height:10px;
	color: fff;
	}

.tabular_highlight {
	background-color: #eee;
	}
	
.store_listings {
	width: 100%;
	background-color: #fff;
	margin-bottom: 10px;
	margin-top: 10px;
	}

.store_listings th {
	background-color: #666;
	text-align:left;
	height:10px;
	color: fff;
	}

.store_listings_highlight {
	background-color: #fff;
	}

.info_pop {
	width: 400px;
	background-color: #fff;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #666;
	}

.info_pop th {
	background-color: #666;
	text-align:left;
	height:10px;
	color: fff;
	}

.info_pop_highlight {
	background-color: #fff;
	}



/* Footer
------------------------------------*/

#footer {
	width: 794px;
	background: url(/images/footer.gif) repeat-x;
	height: 25px;
	margin: auto;
	padding: 5px 0 6px 66px;
	clear:both;
	color:#597A3B;
	position:relative;
	margin: auto;
	line-height:1.1em;
}

#keys{
	position:absolute;
	left:764px;
	top:-163px;
	width:62px;
	height:148px;
	z-index:1;
	display:none;
}
.home #keys {
display: block;
}
/* Forms
------------------------------------*/

input, textarea {
border: 1px #CCCCCC solid;
color:#000;
font-family:inherit;
font-size: 1.2em;
}

.submit_button {
border: 1px #CCCCCC solid;
color:#fff;
background: #006027;
}

/* Open Realty Custom CSS
------------------------------------*/
hr {
display:none;
}

#featured_listings {
}

 #left_col a{
color:#C9FF44;
}
 #left_col a strong{
color:#C9FF44;
}

/* Badge CSS
------------------------------------*/
.badge {
	position:absolute;
	top: 250px;
	left: 450px;
	z-index: 99;
	}
	
.anniversary {
	width: 290px;
	height:130px;
	background:url(../images/20yearsAniversary.png) no-repeat;
	display: block;
	}
	
.anniversary p {
	display: block;
	width: 170px;
	float: right;
	color: #fff;
	padding-top: 10px;
	}