/* -------------------------------------------------------------------------
HHN Homes Style Sheet
version: 4.0
author: Les
email: les@hhnhomes.com
website: http://www.hhnhomes.com
------------------------------------------------------------------------- */ 

/* -------------------------------------------------------------------------
Main HHN Style Sheet
------------------------------------------------------------------------- */ 


body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10pt;
	line-height:18px;
	color: #8e7f69; /* light brown */
	}

a img {border: none; border:0;}	

/* Clear - to clear floated elements */
.clear {clear: both; height: 0px; line-height: 0; overflow: hidden; font-size: 1px;}

/* Stupid IE peekaboo fix from http://www.brownbatterystudios.com/sixthings/2007/01/06/css-first-aid-for-ie-peekaboo-bug/ */
.peekaboo {position: relative; min-width: 0;}

.line-dots {
	line-height: 0px;
	font-size: 0px;
	height: 1px;
	background: url("../img/line-dots.png") repeat-x;
	margin: 10px 0 10px 0;
	}
	
#hhnlist li {
  background-image: url("../img/icons/listiconhhnlogo.gif");
  background-position: 0 5px;
  background-repeat: no-repeat;
  padding: 1px 0 3px 20px;
  list-style: none;
  }

/* Partial Reset CSS */
h3, h4, h5 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}


/* Blog - move this below everything else once done
------------------------------------------------------------------- */
h2.post-title { margin:12px 0 7px 0; padding-bottom:5px; font-family:Georgia, "Times New Roman", serif; font-size:24px; font-weight:normal; color:#514c3f; background: url(../img/blog/hr-dotted-brown.png) repeat-x bottom left;}
h2.comm-title { margin:12px 0 7px 0; padding-bottom:-5px; font-family:Georgia, "Times New Roman", serif; font-size:26px; font-weight:normal; color:#7b9519; }
h2.section-title { margin:12px 0 7px 0; padding-bottom:5px; font-family:Arial, serif; font-size:36px; font-weight:normal; color:#82a105; font-weight:800; }
h2.section-title-sm { margin:12px 0 7px 0; padding-bottom:5px; font-family:Arial, serif; font-size:24px; font-weight:normal; color:#82a105; font-weight:800; }
h4.section-title-sm { margin:12px 0 7px 0; padding-bottom:5px; font-family:Arial, serif; font-size:20px; font-weight:normal; color:#82a105; font-weight:800; }


/* Header
------------------------------------------------------------------- */
#arealistings {margin: 0px; padding:0px; text-align:center;}
#arealistings .box {width:950px; margin:0px auto; text-align:left; padding-bottom:10px; height: 10px;}
#arealistings h1 {color:#664727; font-family: Arial, Helvetica, sans-serif; font-size: 9px; float: left; padding-left: 7px;}

/* Layout 
------------------------------------------------------------------- */
#container {margin:0 auto; width:930px;}
#cellone {width:220px; float:left; margin: 20px 0 10px 0;}
#cellspacer {width:35px; float:left; margin: 20px 0 10px 0;}
#celltwo {width:675px; float:left; margin: 20px 0 10px 0;}

/* this is the cellone background */
.wrapper {background-image: url("../img/column1bg.jpg"); background-repeat: repeat-y; background-position: -5px 0; background-color: transparent; float: left;}

#subhead {height:14px; background-color: #e2dbc3; border-bottom: 2px solid #dbd0b1; border-top: 1px solid #e7e3d7; clear:both; padding:6px 0 6px 0;}
#subhead .inner {margin-top:5px; text-align:left; width:955px; margin:0 auto;}
#subhead a {color: #8e8569;}
#subhead h2 {color: #8e8569; font: bold 18px Arial, Helvetica, sans-serif;}
#subhead h3 {color: #8e8569; font: 10px Arial, Helvetica, sans-serif; margin-bottom: 0; padding-bottom: 0;}
#subhead .txtcurrpage {color: #8e8569; font: bold 14px Arial, Helvetica, sans-serif;}
#subhead .txtlinkpage {color: #8e8569; font: 10px Arial, Helvetica, sans-serif;}

.greenborder {border: 2px solid #8ba81c;}
.pagedivider {width:690px; height:21px;	background:url(../img/pagedivider.gif) no-repeat; margin-bottom:4px;}


/* Left Column Subnav
------------------------------------------------------------------------- */ 
#subnav {width: 220px; padding: 0 0 10px 0; margin: 0 0 0 0; font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;}
#subnav ul {list-style: none; margin: 0; padding: 0; border: none;}
#subnav li {border-bottom: 1px solid #e3ddc7; margin: 0;}
#subnav li a {display: block; padding: 7px 3px 7px 10px; color: #3b1800; text-decoration: none; width: 100%; border-bottom: 1px solid #fff; font-size:11px;}

	html>body #subnav li a {
		width: auto;
		}

#subnav li a:hover {border-left: 0px solid #000000; background-color: #2b1e15; color: #fff;}
#subnav .subnavnavhead {font-size:13px; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; padding: 0px 10px 5px 8px;}
#subnav h3 {background: transparent url(http://www.hhnhomes.com/hhn4/img/headercapblank.png) no-repeat left top; color:#fff; font-size: 12px; padding: 5px 0 5px 0; margin: 0px 0px 0px 0px;}
#subnav h4 {background: transparent url(http://www.hhnhomes.com/hhn4/img/headerbottomcapblank.png) no-repeat left top; color:#fff; font-size: 12px; margin: 1px 0px 0px 0px;}


/* Section Navigation
------------------------------------------------------------------- */
ul.sectionnav{background:#f7f7f7 url() no-repeat 0 0;border-top:20px solid #fff;clear:both;height:31px;list-style-type:none;padding:5px;}
.sectionnav li.prev{float:left;}
.sectionnav li.next{float:right;}
.sectionnav li a{color:#666;display:block;}
.sectionnav li a span{cursor:pointer;font-weight:700;line-height:30px;}
.sectionnav li a:hover{color:#464646;text-decoration:none;}
.sectionnav li.prev a{background:url(../img/button-prev.png) no-repeat 100% 0;float:left;padding:0 20px 0 0;}
.sectionnav li.prev a span{background:url(../img/button-prev.png) no-repeat 0 0;float:left;padding:0 0 0 30px;}
.sectionnav li.next a{background:url(../img/button-next.png) no-repeat 100% 0;float:left;padding:0 30px 0 0;text-align:right;}
.sectionnav li.next a span{background:url(../img/button-next.png) no-repeat 0 0;float:left;padding:0 0 0 20px;}

.sectionlistbox305 {width:305px; background:#f5f5f5 url(../img/checklistbgbody.png) no-repeat bottom left;}
.sectionlistbox305 ul{background:url(../img/checklistbgtop.png) no-repeat top left; list-style-type:none; padding:0px 0px; margin: -5px -20px 0 0; width: 305px;}
.sectionlistbox305 ul li{background:url(../img/bullet-greencircle.jpg) no-repeat; background-position: 0 5px; margin:5px 10px; padding:2px 0 5px 20px;}

/* Forms
------------------------------------------------------------------- */
/* removes extra space form element adds */
form {margin: 0px;}

/* matches the legend font to the fieldset border */
legend {color: #c3c3c3; padding:0 8px 0 8px;}

select {
	background-color: #e8e5da;
	color: #796b57;
	font-size:11px;
	border-right: 1px solid #ccc7b7;
	border: 1px solid #ccc7b7;
	width:180px;
	margin: 3px 0;
	}
	
.boxes, textarea {
	background-color: #e8e5da;
	border: 1px solid #ccc7b7;
	color: #796b57;
	font-family:Arial, Helvetica, sans-serif;
	font-size:  11px;
	font-weight: normal;
	padding: 2px;
	}
	
input.buttonon { /* button */
	border-top: 1px solid #ccc7b7;
	border-left: 1px solid #ccc7b7;
	border-right: 1px solid #ccc7b7;
	border-bottom: 1px solid #ccc7b7;
	background-color: #e8e5da;
/*	background:url(http://www.hhnhomes.com/img/buttonbg.gif) repeat-x left top; */
	color: #333;
	text-transform: uppercase;
	font-size: 10px;
	font-family: Tahoma, Verdana, Sans-serif;
	padding: 1px;
}

input.buttononred { /* button */
	border-top: 1px solid #66667e;
	border-left: 1px solid #66667e;
	border-right: 1px solid #4e4e4e;
	border-bottom: 1px solid #4e4e4e;
	background-color: #FF0000;
	background:url(http://www.hhnhomes.com/img/buttonbgred.gif) repeat-x left top;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 10px;
	font-family: Tahoma, Verdana, Sans-serif;
	padding: 1px;
}

input.buttonoff { /* button */
	border-top: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #4e4e4e;
	border-bottom: 1px solid #4e4e4e;
	background-color: #9595DB;
	color: black;
	text-transform: uppercase;
	font-size: 10px;
	font-family: Tahoma, Verdana, Sans-serif;
	padding: 1px;
}

input.buttononsmall { /* button */
	border-top: 1px solid #D0DF0F;
	border-left: 1px solid #D0DF0F;
	border-right: 1px solid #4e4e4e;
	border-bottom: 1px solid #4e4e4e;
	background-color: #8B9000;
	color: white;
	text-transform: uppercase;
	font-size: 8.5px;
	font-family: Tahoma, Verdana, Sans-serif;
	padding: 1px;
}
input[type="text"] {
	color: #796b57;
}

/* Text and Link Styles 
------------------------------------------------------------------- */
	/* Text */
	.text1ltarial {font-size:7.5pt; color:#fff; font-family: Arial, Helvetica, sans-serif}
	.text2ltarial {font-size:10pt; color:#fff; font-family: Arial, Helvetica, sans-serif}
	.text1dkarial {font-size:7.5pt; color:#6b6767; font-family: Arial, Helvetica, sans-serif}
	.text2dkarial {font-size:10pt; color:#6b6767; font-family: Arial, Helvetica, sans-serif}
	.text3dkarial {font-size:11pt; color:#6b6767; font-family: Arial, Helvetica, sans-serif}
	.text4dkarial {font-size:16pt; color:#6b6767; font-family: Arial, Helvetica, sans-serif}
	.footer {font-size:7.5pt; color:#36261a; font-family: Verdana, Arial, Helvetica, sans-serif}
	.text1redarial {font-size:7.5pt; color:#6B3200; font-family: Arial, Helvetica, sans-serif}
	.text2redarial {font-size:10pt; color:#6B3200; font-family: Arial, Helvetica, sans-serif}
	.alerttext {color:#CC0000;}
	.greendktext {color:#82a105;}
	.greenmdtext {color:#a3aa0c;}
	.formminitext {color:#999999; font-size: 9px; line-height: 12px; margin-top: 4px;}

	/* H1, H2, H3 */	
	h1 {font-size: 10pt; line-height: 17px; color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold}
	h2 {font-size: 7.5pt; color:#999999; font-family: Arial, Helvetica, sans-serif;}

	#commdetails h1 {font-size:7.5pt; color:#fff; font-family: Arial, Helvetica, sans-serif;}
	#commdetails h2 {font-size:16pt; color:#7b9519; font-family: Arial, Helvetica, sans-serif; font-weight: 600; margin: 0px;}
	#commdetails .subhead {color: #7b9519; font-size: 12px;}
	#commdetails h3 {font-size: 9pt; color: #7b9519; border-bottom: 1px solid #7b9519; padding: 0.25em 1px; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; margin: 0 0 8px 0;}

	#commdetailsspecs {border-bottom:1px dotted #91b300; margin: 0 10px 6px 10px;}
	#commdetailsspecsright {border-bottom:1px dotted #91b300; margin: 0 6px 6px 10px;}
	.commdetailsspecsheadcol {color:#85a11b; font-weight: bold;}

	/* Links */
	a {color:#7d940e; text-decoration: none;}	
	a:visited {color:#7d940e; text-decoration: none;}
	a:hover {color: #7d940e; text-decoration: underline;}
	
	a.links1white:link {font-size:7.5pt; color:#FFFFFF; text-decoration: none;}
	a.links1white:visited {font-size:7.5pt; color:#eaeaea; text-decoration: none;}
	a.links1white:hover {color:#FFFFFF; text-decoration:underline;}
	
	a.links2white:link {font-size:10px; color:#FFFFFF; text-decoration: none;}
	a.links2white:visited {font-size:10px; color:#eaeaea; text-decoration: none;}
	a.links2white:hover {color:#FFFFFF; text-decoration:underline;}
	
	a.pagination:link {color: #CCC; text-decoration: none; padding: 0 0.363636em; border: solid 1px #CCC; margin: 0 0.2em; text-decoration:none}
	a.pagination:visited {color: #CCC; text-decoration: none; padding: 0 0.363636em; border: solid 1px #CCC; margin: 0 0.2em; text-decoration:none}
	a.pagination:hover {color:#FFF; border: solid 1px #FFF;}
	.paginationselected {color: #FFF; text-decoration: none; padding: 0 0.363636em; border: solid 1px #FFF; margin: 0 0.2em; background-color: #846d5a; font-weight: bold;}

/* New pagination bar */
DIV.green-black {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.green-black A {
	BORDER-RIGHT: #2c2c2c 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #2c2c2c 1px solid; PADDING-LEFT: 5px; BACKGROUND: url(image1.gif) #392107; PADDING-BOTTOM: 2px; BORDER-LEFT: #2c2c2c 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #2c2c2c 1px solid; TEXT-DECORATION: none
}
DIV.green-black A:hover {
	BORDER-RIGHT: #aad83e 1px solid; BORDER-TOP: #aad83e 1px solid; BACKGROUND: url(image2.gif) #8dab17; BORDER-LEFT: #aad83e 1px solid; COLOR: #fff; BORDER-BOTTOM: #aad83e 1px solid
}
DIV.green-black A:active {
	BORDER-RIGHT: #aad83e 1px solid; BORDER-TOP: #aad83e 1px solid; BACKGROUND: url(image2.gif) #aad83e; BORDER-LEFT: #aad83e 1px solid; COLOR: #fff; BORDER-BOTTOM: #aad83e 1px solid
}
DIV.green-black SPAN.current {
	BORDER-RIGHT: #aad83e 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aad83e 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: url(image2.gif) #aad83e; PADDING-BOTTOM: 2px; BORDER-LEFT: #aad83e 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #aad83e 1px solid
}
DIV.green-black SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}


	/* Info Bars */
	.infobarbg {background-color: #8dab15; padding: 5px 0 5px 3px; margin:0 0 8px 0; text-align: center; color: #ffffff;}
	.confbarbg {background-color: #C8FA00; padding: 5px 0 5px 3px; margin:0 0 8px 0; text-align: center;}
	.alertbarbg {background-color: #b70000; padding: 5px 0 5px 3px; margin:0 0 8px 0; text-align: center; color: #fff;}
	.chatbarbg {background-color: #ef9300; padding: 5px 0 5px 3px; margin:0 0 8px 0; text-align: center; color: #fff; border-top: 2px dashed #c67800; border-bottom: 2px dashed #c67800;}
	
	/* Rounded Corner Info Bar - this produces the infobarbg but with rounded corners */
	#xsnazzy {background: transparent; margin:0em; color: #fff;}
	#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 0px; letter-spacing:1px;}
	#xsnazzy h1 {font-size:2.5em; color:#fff;}
	#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
	#xsnazzy p {padding-bottom:0.5em;}
	#xsnazzy h2 {padding-top:0.5em;}
	.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
	.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
	.xb1, .xb2, .xb3 {height:1px;}
	.xb2, .xb3, .xb4 {background:#8ba81c; border-left:1px solid #8ba81c; border-right:1px solid #8ba81c;}
	.xb1 {margin:0 5px; background:#8ba81c;}
	.xb2 {margin:0 3px; border-width:0 2px;}
	.xb3 {margin:0 2px;}
	.xb4 {height:2px; margin:0 1px;}
	.xboxcontent {display:block; background:#8ba81c; border:0 solid #8ba81c; border-width:0 1px;}


/* Misc
------------------------------------------------------------------- */
#skiplinks {display:none;}
.pot {position: absolute; width:275px; height:75px; z-index:3; left: -3000px; top: -900px; visibility: visible;}
.testpot {position: absolute; width:275px; height:75px; z-index:3; left: -3000px; top: -900px; visibility: visible;}
.position {position: absolute; width:275px; height:75px; z-index:3; left: -3000px; top: -900px; visibility: visible;}
.printonly {display: none;}
.commiconspacing {margin-right: 12px; border: 0; float: left;}

/*a.pdf{background:url(http://www.xero.com/img/global/icon-pdf-15010508.gif) no-repeat 0 0;display:block;line-height:18px;padding:0 0 0 21px;}
a.print{background:url(http://www.xero.com/img/global/icon-print-15010508.gif) no-repeat 0 0;display:block;line-height:18px;padding:0 0 0 21px;}
a.html{background:url(http://www.xero.com/img/global/icon-html.gif) no-repeat 0 0;display:block;line-height:18px;padding:0 0 0 21px;}
a.external{background:url(http://www.xero.com/img/global/icon-external-link-15010508.gif) no-repeat 100% 50%;padding:0 15px 0 0;}
a.arrow{background:url(http://www.xero.com/img/global/bullet-small-arrow-15010508.gif) no-repeat 100% 50%;padding:0 10px 0 0;}*/

.headerbars {background-color: #81a000; background-image: url(../img/navmainbg.jpg); background-repeat: repeat-x;}

td.stripe {padding: 6px 5px; border-bottom: 1px solid #ccc7b7; vertical-align: top;}
tr.RowOverEven {background-color: #e8e5da;}
tr.RowOverOdd {background-color: #faf9f7;}
tr.RowOverSelected {color: #779300; background-color: #fef6d9;}

.modalboxheader {
margin: 0 0 8px 0; 
background-color: #e2dbc3; 
border-bottom: 1px solid #dbd0b1; 
border-top: 1px solid #e7e3d7; 
clear:both; 
height:14px; 
padding: 10px 0 10px 10px; 
color: #302816; 
font: bold 14px 'Century Gothic', Arial, Helvetica, sans-serif;
}


/* Maps
------------------------------------------------------------------- */
#maps input, textarea {border: 0px; padding: 2px;}
#map-box {position:relative;}
#map-overlay {
	position:absolute;
	z-index: 1;
	top:3px;
	right:2px;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}

/* Navigation
------------------------------------------------------------------- */
#topbar{
	background:url(../img/headerbg.png) center no-repeat #34200a;
	height:140px;
	width:100%;
	}
	
#navi-area{
	height:58px;
	background:url(../img/navmainbg.jpg) repeat-x top;
	margin:0 auto;
	}

#firstnav{
	padding-top:5px;
	text-align:right;
	width:955px;
	margin:0 auto;
	}
	
#firstnav ul{
	list-style-image:none;
	margin: 2px 0 0 0;
	padding:0;
	}

#firstnav li{
	display:inline;
	font-size:11px;
	color:#9aaf2a;
	padding-right:5px;
	}

#firstnav li a{
	color:#9aaf2a;
	text-decoration:none;
	font-weight:normal;
	}

#main-nav {
	margin:0 auto;
	width: 955px;
	height: 58px;
	background: transparent url(../img/navmain.png) no-repeat;
	}

#main-nav ul {
	border: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: left;
	height: 51px;
	}

#main-nav ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
	}

#main-nav ul li a {
	display: block;
	height: 58px;
	padding: 0;
	margin: 0;
	}

		/* MAIN NAV BAR__________________________________________ */
/*		li#nav_1 a {width:133px}
		li#nav_2 a {width:162px}
		li#nav_3 a {width:120px}
		li#nav_4 a {width:176px}
		li#nav_5 a {width:110px}
		li#nav_6 a {width:119px}
		li#nav_7 a {width:135px}

		li#nav_1 a:hover { background: transparent url(../img/navmain-over.jpg) 0px 0px no-repeat; }
		li#nav_2 a:hover { background: transparent url(../img/navmain-over.jpg) -133px 0px no-repeat; }
		li#nav_3 a:hover { background: transparent url(../img/navmain-over.jpg) -295px 0px no-repeat; }
		li#nav_4 a:hover { background: transparent url(../img/navmain-over.jpg) -415px 0px no-repeat; }
		li#nav_5 a:hover { background: transparent url(../img/navmain-over.jpg) -591px 0px no-repeat; }
		li#nav_6 a:hover { background: transparent url(../img/navmain-over.jpg) -701px 0px no-repeat; }
		li#nav_7 a:hover { background: transparent url(../img/navmain-over.jpg) -820px 0px no-repeat; }

		#main-nav ul li strong { display: none; }
*/

/* MAIN NAV with REMODEL */
		li#nav_1 a {width:128px}
		li#nav_2 a {width:148px}
		li#nav_3 a {width:97px}		
		li#nav_4 a {width:138px}
		li#nav_5 a {width:97px}
		li#nav_6 a {width:108px}
		li#nav_7 a {width:105px}
		li#nav_8 a {width:134px}

		li#nav_1 a:hover { background: transparent url(../img/navmain-over.png) 0px 0px no-repeat; }
		li#nav_2 a:hover { background: transparent url(../img/navmain-over.png) -128px 0px no-repeat; }
		li#nav_3 a:hover { background: transparent url(../img/navmain-over.png) -276px 0px no-repeat; }
		li#nav_4 a:hover { background: transparent url(../img/navmain-over.png) -373px 0px no-repeat; }
		li#nav_5 a:hover { background: transparent url(../img/navmain-over.png) -511px 0px no-repeat; }
		li#nav_6 a:hover { background: transparent url(../img/navmain-over.png) -608px 0px no-repeat; }
		li#nav_7 a:hover { background: transparent url(../img/navmain-over.png) -716px 0px no-repeat; }
		li#nav_8 a:hover { background: transparent url(../img/navmain-over.png) -821px 0px no-repeat; }

		#main-nav ul li strong { display: none; }

/* Email List Join
------------------------------------------------------------------- */
#emaillist{
	width:215px;
	height:200px;
	background:url(../img/emaillist.png) top no-repeat;
	padding-top:40px;
	}

/*.emaillistbox{
	background:#FDFCF7;
	border:1px solid #CDCDC5;
	font-size:9px;
	height:17px;
	line-height:17px;
	color:#BFBFB6;
	} */

.emaillistbutton{
	width:54px;
	height:17px;
	position:absolute;
	margin-left:10px;
	margin-top:2px;
	}


/* Interior Side Nav Box
------------------------------------------------------------------------- */ 
#interiorsidenav {width:215px; padding-top:26px; padding-bottom:26px; /*padding-left:5px; padding-right:5px;*/}
#interiorsidenav ul{margin:0; padding:0; padding-left:5px; list-style:none;}
#interiorsidenav li{display:block; width:205px; height:28px; line-height:28px; border-bottom:0px solid #ECE7D3; text-indent:10px; background:url(../img/side-nav-grad.jpg) repeat-x top;}
#interiorsidenav li a:link{display: block; color:#3B1800; text-decoration:none; font-weight:normal;}
#interiorsidenav li a:visited{display: block; color:#ab6219; text-decoration:none; font-weight:normal;}
#interiorsidenav li a:hover{color:#fff; text-decoration:none; font-weight:normal;background-color: #C0EB34;}
/* End Interior Side Nav Box */

/* Interior Side Nav Current
------------------------------------------------------------------------- */ 
#interiorsidenavcur {width:215px; padding-top:26px; padding-bottom:26px;}
#interiorsidenavcur ul{margin:0; padding:0; padding-left:5px; list-style:none;}
#interiorsidenavcur li{display:block; width:205px; height:24px; line-height:24px; border-bottom:0px solid #ECE7D3; text-indent:0px; background:url(../img/side-nav-grad.jpg) repeat-x top;}
#interiorsidenavcur li a:link{display: block; color:#3b1800; text-decoration:none; font-weight:normal; font-size:11px;}
#interiorsidenavcur li a:visited{display: block; color:#664732; text-decoration:none; font-weight:normal; font-size:11px;}
#interiorsidenavcur li a:hover{color:#fff; text-decoration:none; font-weight:normal;background-color: #8fa61c;}

#interiorsidenavcur li a.plain:link{display: block; background-color:#e8e0c6; text-decoration:none; font-weight:normal;}
#interiorsidenavcur li a.plain:visited{display: block; background-color:#e8e0c6; text-decoration:none; font-weight:normal;}
#interiorsidenavcur li a.plain:hover{color:#fff; text-decoration:none; font-weight:normal; background-color: #8fa61c;}
/* End Interior Side Nav Current */

/* Interior Agent Box
------------------------------------------------------------------------- */ 
#interioragentbox {width:215px; padding-top:26px; padding-bottom:26px; /*padding-left:5px; padding-right:5px;*/}
#interioragentbox ul{margin:0; padding:0; padding-left:5px; list-style:none;}
#interioragentbox li{display:block; width:205px; border-bottom:0px solid #ECE7D3; text-indent:10px; background:url(../img/side-nav-grad.jpg) repeat-x top; background-color: #f5f1e5;}
#interioragentbox li a:link{display: block; color:#ab6219; text-decoration:none; font-weight:normal;}
#interioragentbox li a:visited{display: block; color:#507100; text-decoration:none; font-weight:normal;}
#interioragentbox li a:hover{color:#fff; text-decoration:none; font-weight:normal;background-color: #8fa61c;}

#interioragentbox li a.plain:link{display: block; background-color:#e8e0c6; text-decoration:none; font-weight:normal;}
#interioragentbox li a.plain:visited{display: block; background-color:#e8e0c6; text-decoration:none; font-weight:normal;}
#interioragentbox li a.plain:hover{color:#fff; text-decoration:none; font-weight:normal; background-color: #8fa61c;}
#interioragentbox h3 {background: transparent url(http://www.hhnhomes.com/hhn4/img/headercapblank.png) no-repeat left top; color:#fff; font-size: 12px; padding: 5px 0 5px 0; margin: 0px 0px 0px 0px;}
#interioragentbox h4 {background: transparent url(http://www.hhnhomes.com/hhn4/img/headerbottomcapblank.png) no-repeat left top; color:#fff; font-size: 12px; margin: 1px 0px 0px 0px;}
/* End Interior Agent Box */


/* Footer
------------------------------------------------------------------- */
#footer{
	background:url(../img/footerbar.gif) top repeat-x;
	padding-top:40px;
	height:100px;
	clear:both;
	width:930px;
	margin:0 auto;
	}

#footer-hhn ul li strong { text-indent:-9000px; }

		/* FOOTER NAVIGATION_______________________________________________*/	
		#footer-nav {
			float:left;
			width: 200px;
			height: 47px;
			background: transparent url(../img/footer.gif) no-repeat;
		}

		#footer-nav ul {
			border: none;
			margin: 0;
			padding: 0;
			list-style-type: none;
			clear: left;
			height: 47px;
		}

		#footer-nav ul li {
			display: block;
			float: left;
			padding: 0;
			margin: 0;
			border: none;
		}

		#footer-nav ul li a {
			display: block;
			height: 47px;
			padding: 0;
			margin: 0;
		}

		li#ftnav_1 a{ width: 42px; }
		li#ftnav_2 a { width: 43px; }
		li#ftnav_3 a { width: 110px; }

		li#ftnav_1 a:hover { background: transparent url(../img/footer-over.gif) 0px 0px no-repeat; }
		li#ftnav_2 a:hover { background: transparent url(../img/footer-over.gif) -42px 0px no-repeat; }
		li#ftnav_3 a:hover { background: transparent url(../img/footer-over.gif) -85px 0px no-repeat; }

		#footer-nav ul li strong { text-indent:-9000px; }

		#footer-links{
			float:left;
			width:600px;
			margin-left:20px;
			}

		#footer-links ul{
			list-style:none;
			margin:0;
			padding:0;
			}

		#footer-links li{
			display:inline;
			padding-right:6px;
			font-size:10px;
			color:#CBC7B4;
			}

		#footer-links li a{
			display:inline;
			padding-right:8px;
			font-size:10px;
			color:#B0A284;
			}

		#footer-hhn {
			float:right;
			width: 50px;
			height: 47px;
			background: transparent url(../img/footerhhnlogo.gif) no-repeat;
			}

		#footer-hhn ul {
			border: none;
			margin: 0;
			padding: 0;
			list-style-type: none;
			clear: left;
			height: 47px;
			}

		#footer-hhn ul li {
			display: block;
			float: left;
			padding: 0;
			margin: 0;
			border: none;
			}

		#footer-hhn ul li a {
			display: block;
			height: 47px;
			padding: 0;
			margin: 0;
			}
						
		li#hhnnav_1 a{ width: 50px; }