/*  CSS DOCUMENT  */

/* Global Styles */
body,td	{
	font-family : Arial, Verdana, sans-serif;
	font-size : 12px;
	line-height : 16px;
	width : 100%;
}


h1 {
	font-family : Arial, Verdana, sans-serif;
	font-size : 14px;
	color : #669966;
	font-weight : bold;
}

a	{
	text-decoration : underline;
	color : #D3541F;
}

a:hover	{
	text-decoration : underline;
	color : #669966;
}

#page	{
	width : 780px;
	border-right : 1px solid #000;
	border-left : 1px solid #000;
}

#pageHeading	{
	padding : 0px;
	margin : 20px 0px 0px 0px;
}

#nav	{
	height : 25px;
	background-color : #D7EBD7;
	border-bottom : 1px solid #000;
	border-top : 1px solid #000;
}

#content_area	{
	padding : 0px;
	margin : 0px 20px;
}
#content_map {
	background-image: url(../../media/images/neighborhoods/locator-map.jpg);
	background-attachment: scroll;
	display: block;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	visibility: visible;
	height: 550px;
}

#content_area p	{
	text-align : left;
	padding : 5px 0px;
	margin : 0px;
}

#content_area p	img {
	float: left;
	margin: 4px 8px 0px 0px;
}

#content_area li {
	text-align : left;
}


.nav_seperation	{
	padding : 0px;
	margin : 0px;
	float : left;
}

.nav_item	{
	float : left;
	padding : 4px 15px;
	font-weight : bold;
}

.nav_item a	{
	color : #669966;
	text-decoration : none;
}

.nav_item a:hover	{
	color : #D3541F;
	text-decoration : none;
}

#footer	{
	font-size : 11px;
	color : #000000;
	margin : 30px 20px 10px 20px;
	padding : 2px 0px;
	border-top : 1px solid #669966;
	background-color : #FFF;
}

#secondary_header	{
	background-color : #EBE0AA;
	height : 123px;
}

/* drop down nav styles */
#ddn_area	{
	padding : 0px;
	margin : 0px;
	width: 780px;
	height: 28px;
	color : #FFFFFF;
}

#ddn_about_us,#ddn_neighborhoods,#ddn_horesources,#ddn_customercare	{
	position: absolute;
	visibility: hidden;
	z-index: 10;
	background-color : #FFFFFF;
	text-align : center;
	width: 778px;
}

.drop_down_nav_item	{
	color : #D3541F;
	padding : 2px 0px;
}

.drop_down_nav_item a	{
	color : #D3541F;
	text-decoration : underline;
}

.drop_down_nav_item a:hover	{
	color : #669966;
	text-decoration : underline;
}

/* homepage styles*/
#home_header	{
	background-color : #EBE0AA;
	border-bottom : 1px solid #000;
}

#home_intro	{
	width : 400px;
	font-size : 14px;
	line-height:18px;
	color : #000;
	font-style : italic;
	font-weight : normal;
	margin : 0px 0px 10px 0px;
	padding : 0px;
}

/* neighborhood styles */
.neighborhood	{
	padding : 10px;
	margin : 0px;
	vertical-align : top;
	text-align : center;
}

.neighborhood_title	{
	color : #669966;
	font-size : 14px;
	font-weight : bold;
	padding: 0px 0px 10px 0px;
	text-align: center;
}

#neighborhood_highlights	{
	color : #669966;
	margin : 0px 0px 0px 20px;
	padding : 5px 0px;
	font-style : italic;
}

.neighborhood div img {
	margin: 0px 0px 10px 0px;
}

.logo_float img {
	float: left;
	margin: 25px 15px 25px 15px ;
}

.clear {
 clear: both;
}

#flash_border {
	border: 1px solid #000000;
}

.border {
	border-bottom: 1px solid #999999;
}
#development_link	{
	padding : 10px 0px;
	margin : 0px;
	color : #669966;
	font-style : italic;
	font-weight : bold;
}

#neighborhood_contact	{
	padding : 5px 0px;
	margin : 0px;
}

#staffleft {
	 padding: 0px 0px 0px 0px; 
	 border: 1px solid #669966; 
	 border-right: none; 
	 background: #FAF8EE;
}

#staffright {
	padding: 0px 0px 0px 0px; 
	border: 1px solid #669966; 
	border-left: none; 
	background: #FAF8EE
}

/* staff styles start */
.staff	{
	padding : 10px;
	margin : 0px;
	vertical-align : top;
}

.staff img {
	float:left;
	border : 1px solid #669966;
}

/* staff styles end */

/* news styles start */

#news {
	text-align: left;
}

#news h1 {
	font-family : Arial, Verdana, sans-serif;
	font-size : 14px;
	color : #669966;
	font-weight : bold;
}

#news ul li{
	padding: 0px 0px 10px 0px;
}

.articles {
	padding: 0px 0px 10px 0px;
}


/* news styles end */

/* testimonial styles start */
.testimonials td {
	padding: 15px 0px 15px 0px;
}

.testimonials td {
	border-bottom: 1px solid #000000;
	text-align: left;
}

.testimonials img {
	padding: 0px 0px 0px 20px;
}

/* homeowners styles start */

#homeowners {
	text-align: left;
}

#homeowners h1 {
	font-family : Arial, Verdana, sans-serif;
	font-size : 14px;
	color : #669966;
	font-weight : bold;
	margin-bottom: 4px;
}

#homeowners h2 {
	font-family : Arial, Verdana, sans-serif;
	font-size : 16px;
	color : #669966;
	font-weight : bold;
	margin-top: 15px;
	margin-bottom: 4px;
	text-align: center;
}

#homeowners .testimonial {
	border-bottom: 1px solid #000000;
	margin: 15px 0px;
}

#homeowners .utility_listing_top {
	margin-top: 40px;
	padding-bottom: 10px;
	padding-top: 12px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#homeowners .utility_listing {
	margin-top: 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000000;
}

.top {
	margin-top:5px;
	text-align: right;
}

.contactlisting {
	padding: 3px 0px 10px 10px;
}

#warranty_form {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 15px 0px;
}

/* homeowners styles end */

/* Contact Us styles start */

.contactdivider	{
	vertical-align: top;
	border-bottom: 1px solid #000000; 
	padding: 10px 0px 10px 10px;
}
.contactdivider2	{
	vertical-align: top;
	padding: 10px 0px 10px 10px;
}
/* Contact Us styles end */

/* popup styles start */

#popup_header {
	padding: 10px 10px 10px 20px;
	border-bottom: 1px solid #000000;
}

#popup_header a {
	font-weight: bold;
	text-decoration: underline;
	color: #669966;
}

#popup_header a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #D3541F;
}

#popup_left_column {
	padding: 20px 20px 20px 20px;
}

#popup_left_column strong {
	color: #669966;
	font-size: 14px;
	}
	
#popup_left_column p {
	font-size: 10px; 
}

	
#sqft_list {
	margin-left: 0px;
	padding-left: 10px;
	font-size: 10px;
	}

#popup_right_column {
	margin-top: 20px;
	padding: 0px 20px 20px 20px;
	border-left: 1px solid #999999;
}

#popup_right_column {
	color: #669966;
	font-size : 14px;
}

#popup_article {
	padding: 20px 20px 20px 20px;
}

#popup_article h1{
	font-family : Arial, Verdana, sans-serif;
	font-size : 14px;
	color : #669966;
	font-weight : bold;
}


#popup_article p{
	font-family : Arial, Verdana, sans-serif;
	font-size : 12px;
	line-height : 16px;
	text-align: left;
}

#popup_article .featured {
	border: 1px solid #669966; 
	background: #FAF8EE;
	padding: 10px 0px 10px 10px;
	margin-right: 50px;
	margin-left: -10px;
}

#popup_footer {
	margin: 20px 20px 20px 20px;
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
	line-height : 12px;
	color: #999999;
}
/* popup styles end */
/* map styles */
div#map {
	position:relative;
	display:block;
	background:url(http://www.hagoodhomes.com/media/images/neighborhoods/locator-map.jpg) 0 0 no-repeat;
	width:576px;
	height:520px;
	margin-bottom:20px;
}


.tooltip { display:none; z-index:20; }
.tooltip .topLeft {background:url(../media/images/neighborhoods/ballon_topLeft.png) 0 0 no-repeat;  }
.tooltip .bottomLeft  {background: (../media/images/neighborhoods/balloon_bottomLeft.png) no-repeat; }  
.tooltip .left    {background: url(../media/images/neighborhoods/balloon_left.png) repeat-y;  }  
.tooltip  .right {background: url(../media/images/neighborhoods/balloon_right.png) repeat-y;  }  
.tooltip .topRight   {background: url(../media/images/neighborhoods/balloon_topRight.png) no-repeat;  } 
.tooltip .bottomRight   {background: url(../media/images/neighborhoods/balloon_bottomRight.png) no-repeat; }
.tooltip .top { background: url(../media/images/neighborhoods/balloon_top.png) repeat-x;  }  
.tooltip  .bottom   {background: url(../media/images/neighborhoods/balloon_bottom.png) repeat-x; text-align: center; } 
.tooltip .bottomTail {background: url(../media/images/neighborhoods/balloon_tail.png) repeat-y;}

.tooltip .development { font-size:16px; text-transform:uppercase; color:#5c5244; width:180px; }

.tooltip .repeat { background:url(../images/calendar/popup/bg-repeat.png) 0 0 repeat-y; padding:10px 20px 0 20px; width:180px; }