/************* css reset (courtesy eric meyer! *******/

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,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	font-family: Georgia, Times, serif;
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/************* end css reset ****************/

body {
	background: #FFF url(http://belhaven.ehclients.com/images/bg.jpg) left top repeat-x;
}

a {
	text-decoration: none;
	color: #2e3027;
}

p {
	color: #2e3027;
	text-align: left;
}

.wrapper {
	margin: 0 auto;
	width: 831px;
}

.header {
	width:831px;
	min-height: 180px;
	padding-top: 10px;
}

.top-links {
	width:170px;
	height: 22px;
	float: left;
}

.address {
	padding-right: 15px;
	height: 22px;
	float: right;
}

.header-logo {
	width: 221px;
	height: 123px;
	margin-left: 15px;
	margin-top: 15px;
	float: left;
	clear: both;
	background: url(http://belhaven.ehclients.com/images/header-logo.png) left top no-repeat;
}

.nav-wrapper {
	float: right;
	/* margin-right: 6px */
}

.nav {
	width: 411px;
	/* height: 130px; */
	padding-right: 8px;
	background: url(http://belhaven.ehclients.com/images/nav-bg.png) left top repeat-y;	
}

.nav p {
	font-size: 12px;
	margin: 12px 30px 0;
	padding-bottom: 8px;
	line-height: 19px;
}
.nav-footer {
	width: 411px;
	height: 17px;
	background: url(http://belhaven.ehclients.com/images/nav-bg-footer.png) left top no-repeat;	

}

.nav-box-dotted-wrap {
	border-bottom: dotted 1px black;
	width: 392px;
	margin-left: 10px; 
	margin-right: 0px;
	_height: 1%; 
}  
	
	   
.nav-box-dotted-wrap:after {  
     content: ".";  
     visibility: hidden;  
     display: block;  
     clear: both;  
     height: 0;  
     font-size: 0;  
}

.nav-box-dotted {
	font-size: 13px;
	height: 25px;
	width: 130px;
	border-right: dotted 1px black;
	padding: 10px 5px 0;
	float: left;
	text-align: center;
}





.smaller {
	width: 100px;
}

.italic {
	font-style: italic;	
}

.content-header {
	width: 831px;
	height: 19px;
	clear: both;
	background: url(http://belhaven.ehclients.com/images/content-bg-header.png) left top no-repeat;
}

.content-wrapper {
	width: 831px;
	padding-bottom: 10px;
	background: url(http://belhaven.ehclients.com/images/content-bg.png) left top repeat-y;

}

.content-buttons {
	margin: 0 auto;
	width: 795px;
	height: 80px;
	padding-left: 14px;
	
}

.content {
	margin: 0 auto;
	width: 785px;
}  


div.column {
	width: 149px;
	display: inline;
	margin-left: 2px;
}

div.column img {
	display: inherit;
}

.logo-button {
	border:  #bcbbbb 1px solid;
	width: 149px;
	height: 67px; 
	margin-bottom: 10px;
	float: left;
	margin-right: 6px;
	background: #FFF url(http://belhaven.ehclients.com/images/logo-bg.jpg) bottom left repeat-x;
}

.logo-button img {
	margin-top: 4px;
	padding-left: 5px;
}

.logo-button h1 {
	color: #444638;
	font-family: Times, Georgia, serif;
	text-align: center;
	font-style: italic;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: 0px;
	margin-top: 8px;
}


.column img {
	border:  #bcbbbb 1px solid;
}

.white {
	margin-right: 5px;
	letter-spacing: 0px;
	font-size: 12px;
	color: #e1dfd9;
/* 	font-family: "Times New Roman", Times, Georgia, serif; */

}


.white a{
	
	letter-spacing: 0px;
	font-size: 12px;
	color: #e1dfd9;

}
.bigger {
	font-size: 13px;
}

.text-box-header {
	background-color: #f3f4e5;
	width: 100%;
	margin-top: 0;
	padding-top: 0;
	border-bottom:  #7b7a77 1px solid;
	_height: 1%; 
}  
	
	   
.text-box-header:after {  
     content: ".";  
     visibility: hidden;  
     display: block;  
     clear: both;  
     height: 0;  
     font-size: 0;  
}



.text-box {
	background-color: #d2d7ac;
		width: 777px;
	margin: 0 1px 0 2px;
	border:  #7b7a77 1px solid;
_height: 1%; 
}  
	
	   
.text-box:after {  
     content: ".";  
     visibility: hidden;  
     display: block;  
     clear: both;  
     height: 0;  
     font-size: 0;  
}


.text-box p {
	font-size: 12px;
	margin: 16px 30px 0;
	padding-bottom: 8px;
	line-height: 19px;
	
}



.text-box-header h1 {
	font-family: Times, Georgia, serif;
	font-style: italic;
	font-size: 23px;
	float: left;
	margin: 25px 30px 20px;
	color: #2e3027;
}

.button {
	background-color: white;
	background: #FFF url(http://belhaven.ehclients.com/images/buttton-bg.jpg) bottom left repeat-x;
	width: 230px;
	height: 40px;
	border:  #7b7a77 1px solid;
	font-size: 12px;
	margin: 10px 5px 10px 30px;
	padding-bottom: 8px;
	line-height: 12px;
	text-align: center;
}



.button p {
	font-size: 12px;
	padding-top: 15px;
	margin: 0px;
	text-align: center;
	padding-bottom: 8px;
	line-height: 19px;
	}



.left {
	float: left;
}

.right {
	float: right;
}

.footer-wrapper {
	background: url(http://belhaven.ehclients.com/images/footer-bg.gif);
	widows: 100%;
	height: 80px;
}

.footer {
	width: 821px;
	margin: 0 auto;
	padding-top: 15px;
	padding-left: 20px;
}

/******************************************* single listing page styling START *****/

.description {
	background-color: #e7ead0;
	width: 220px;
	height: 400px;
	margin: 0 1px 0 2px;
	border:  #7b7a77 1px solid;
	border-bottom: none;
	position: relative;
}

.description p {
	font-size: 12px;
	margin: 6px 30px 0;
	padding-bottom: 8px;
	line-height: 19px;

	
}

.description img {
	padding: 15px 0 0 16%;
}

.description-button {
	margin: 20px 0 0 0;
	width: 220px;
	border-bottom: none;
	border-right: none;
	border-left: none;
	padding-left: 0px;
	position: absolute;
	bottom: 0px;
}

.description-button p {
	margin: 0;
}

div.main img{
	float: right;
	margin: 0 4px 0 0;
	border-right:  #7b7a77 1px solid;
	border-top:  #7b7a77 1px solid;
}

.text-box-images {
	float: left;
	padding: 20px 0 0 20px;
}

.text-box-images img {
	display: block;
	border:  #7b7a77 1px solid;
	margin: 0 20px 20px 0;
	max-height: 143px;
	max-width: 240px;
}

div.button-lightbox {
	background-color: white;
	background: #FFF url(http://belhaven.ehclients.com/images/buttton-bg.jpg) bottom left repeat-x;
	width: 220px;
	height: 40px;
	border:  #7b7a77 1px solid;
	font-size: 12px;
	margin: -1px -1px 0px 30px;
	padding-bottom: 8px;
	line-height: 12px;
	text-align: center;
}

.button-lightbox p {
	font-size: 12px;
	padding-top: 15px;
	margin: 0px;
	text-align: center;
	padding-bottom: 8px;
	line-height: 15px;
	}

/***************************** single listing page styling end ***********/


/***************************** resident information page style start *****/

.brown-header {
	background: #5d5538 url(http://belhaven.ehclients.com/images/brown-header-bg.gif);
	width: 777px;
	height: 65px;
	margin-top: 0;
	padding-top: 0;
	float: right; /* the margin on the h1 was messing up the dotted line div alignment, so i floated it right and set the other divs to clear it. */
	border-bottom:  #7b7a77 1px solid;
	
}

.brown-header h1 {
	font-family: Times, Georgia, serif;
	font-style: italic;
	font-size: 23px;
	float: left;
	margin: 25px 30px 22px;
	
	color: #FFF;
	
}

.info-dotted {
	font-size: 13px;
	min-height: 340px;
	width: 245px;
	border-right: dotted 1px black;
	padding: 10px 5px 0;
	float: left;
	clear: right;
	text-align: center;
	_height: 1%; 
}  
	
	   
.info-dotted:after {  
     content: ".";  
     visibility: hidden;  
     display: block;  
     clear: both;  
     height: 0;  
     font-size: 0;  
}

.extra-padding {
	padding-bottom: 100px;
}
.info-dotted h1 {
	font-family: Times, Georgia, serif;
	font-style: italic;
	font-size: 19px;
	margin: 25px;
	padding: 0px;
	text-align: left;
	color: #000;
	
}

.info-dotted p {
	margin: 0 10px 10px 25px;
}

.noborder {
	border: 0px;
	
}

.pinkish {
	background-color: #f3f4e5;

}

/***************************** resident information page styling end ***********/


/***************************** about us page style start *****/

.wide { /* this is used on the dotted no border div to widen them out for the about us page  */
	width: 300px;
	padding-top: 23px;
	padding-left: 18px;
}

.wider {
	width: 440px;
	padding-top:0;
}

/***************************** about us page styling end ***********/


/***************************** property listings page style start *****/

table {

	clear: both;
	margin: 10px 0 70px;
}
	
table a {

	text-decoration: underline;

}

table a:hover {

	color: #b72e1d;
	text-decoration: none;
}

td {
	vertical-align: text-top;
	width: 55px;
		padding-bottom: 20px;

	
}

table.listing {
	float: right;
	position: relative;
			

}

table.listing p {
	padding: 0;
	margin: 20px 4px 4px;
	text-align: center;
	font-size: 11px;
}

.amenities {
	width: 130px;

}

td.amenities p{
	text-align: center;
	margin-left: 8px;

}
td.location p{
	width: 120px;

}

.listing-logo {
	padding-bottom: 0px;
	
	width: 170px;
	
}

.listing-logo img{
	margin-left: 10px;
	padding-top: 20px; 

/*
	margin: 0 auto;
	display: block;
*/
}

td.listing-logo p{
	margin-top: 0px; 
	text-align: center;
	
}

div.tan {
	background: #d5d5a9;
	height: 35px;
	padding-top: 5px;
	
}

tr.tan {
	background: #d5d5a9;


}


tr.tan td p{
	height: 20px;
	padding: 0px;
		margin: 0px;

}

tr.tan td {
	vertical-align: bottom;
	padding-bottom: 0px;

}

div.tan table.listing p{
	margin-top: 0px;
}

.small-margin {
	margin-left: 4px;
	margin-top: 10px;
}

.listing-section {
	position: relative;
	clear: both;
}

.listing-section img {
	position: absolute;
	top: 0px;
	z-index: 999;
}


/* slightly enhanced, universal CLEARFIX hack via http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/************ END CLEARFIX hack *****/


.text-hide {
	text-indent: -10000px;
	display:none;
}