@charset "UTF-8";
/* CSS Document */

body{
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 1em;
	background-color: #8cd6e7;
}

#wrapper {
    width: 960px;
	margin: 10px auto 0 auto;
	background: #fff;
}

#header-logo a{
	float: left;
	width: 214px;
	height:118px;
	margin: 0;
	text-indent: -9000px;
	background: url(../images/nh_logo.jpg) no-repeat;
	text-decoration: none;
	overflow: hidden;
}

.highlight a:link, .highlight a:visited{ color: #023378;}
.highlight a:hover, .highlight a:active, { text-decoration: none; color: #000;}

#slidenav { 
			margin: 0 0 0 0;  
			width: 269px;
			border: 0px solid #ccc;
}

#slidenav ul li			{width:269px;   height:42px; padding: 0px; margin: 0px;}
#slidenav ul li a	 	{display:block; height:42px; padding: 0px; margin: 0px;}
#slidenav ul li a:hover	{display:block; height:42px; padding: 0px; margin: 0px;}
#slidenav li { margin-bottom: 10px; }

#hp-flash-area{
	width: 960px;
	background-color: #fff;
	
}
/* Masthead Slideshow */
#slider{
	clear: both;
}

	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:960px;
		height:273px;
		overflow:hidden; 
		}
		
	
     ol#controls{
		margin: -55px 17px 0px 0px;
		padding:0;
		z-index: 300;
		float: right;
		height:38px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* Masthead Slideshow END */




#content-area{
	width: 960px;
	background-color: #fff;
	border: 0px solid #ccc;
}

#comphotos{
	margin: 15px 20px 0px -3px;
	position:absolute;
	width: 429px;
	z-index: 10;

}



.main_productshot{
	float: left;
	margin-top: 50px;
}

.maincopy{
	float: left;
	width: 477px;
	padding: 30px;
	font-size: .8em;
	line-height: 1.5em;
}

.maincopy p{
	margin-bottom: 10px;
}

.amencopy{
	width: 380px;
}



h3{
	color: #078094;
	padding-bottom: 6px;
}

h4{
	color: #ae1442;
}


.header{
	padding-bottom: 10px;
}


#footer{
   	background-color: #8cd6e7;
	padding-top: 15px;
	padding-left: 40px;
	clear: both;
}

#footer ul{
	text-transform: uppercase;
	font-size: .7em;
	padding-bottom: 5px;
	list-style: none;
}


#footer .first {
	padding-left: 0;
	border: 0;
}

#footer li{
	border-left: 1px solid black;
	display: inline;
 	margin: 0;
 	padding: 0 0.3em 0 0.8em;

}
#footer a:link, #footer a:visited{
	color: #023378;
}
#footer a:hover, #footer a:active{
	color: #000;
	text-decoration: none;
}

.sm-text{
	font-size: .6em;
}

/*  NAV BAR IMAGE ROLLOVERS */

div#globalnav	{
	height: 105px;
	width:746px;
	float: right;
	margin: 0;
	padding: 0;
	border: 0;
	background: #fff;
	}


div#globalnav ul#menu	{
	height: 118px;
	width: 746px;
	padding:0;
	background: url(../images/nav_links.jpg) top left no-repeat;
	background-color: #ae1341;
	position: relative;
	}

div#globalnav ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#menu li, ul#menu a {
	height: 118px;
	display: block;
	}
	
div#globalnav ul#menu li a {
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	}
	
#home	{ left:2px; width: 64px;}
#com	{left: 64px; width: 106px;}
#res	{left: 168px; width: 103px;}
#amen	{left: 270px; width: 100px;}
#dir	{left: 359px; width: 103px;}
#con	{left: 460px; width: 92px;}
#orp	{left: 551px; width: 180px;}

#homeselected {left: 2px; width: 64px; background: url(../images/nav_links.jpg) -2px -143px no-repeat;}
#comselected {left: 65px; width: 105px; background: url(../images/nav_links.jpg) -64px -143px no-repeat;}
#resselected {left: 168px; width: 104px; background: url(../images/nav_links.jpg) -168px -143px no-repeat;}
#amenselected {left: 270px; width: 90px; background: url(../images/nav_links.jpg) -270px -143px no-repeat;}
#dirselected {left: 360px; width: 104px; background: url(../images/nav_links.jpg) -359px -143px no-repeat;}
#conselected {left: 465px; width: 93px; background: url(../images/nav_links.jpg) -460px -143px no-repeat;}
#orpselected {left: 585px; width: 90px; background: url(../images/nav_links.jpg) -551px -143px no-repeat;}

#home a:hover	{background: url(../images/nav_links.jpg) -2px -143px no-repeat;}
#com a:hover {background: url(../images/nav_links.jpg) -64px -143px no-repeat;}
#res a:hover {background: url(../images/nav_links.jpg) -168px -143px no-repeat;}
#amen a:hover {background: url(../images/nav_links.jpg) -270px -143px no-repeat; width: 90px;}
#dir a:hover {background: url(../images/nav_links.jpg) -359px -143px no-repeat;}
#con a:hover {background: url(../images/nav_links.jpg) -460px -143px no-repeat;}
#orp a:hover {background: url(../images/nav_links.jpg) -551px -143px no-repeat;}

/* END NAV BAR IMAGE ROLLOVERS */


#address-bar{
	width: 880px;
	clear: both;
	height: 23px;
	letter-spacing:.02em;
	font-size: .8em;
	padding: 20px 40px 5px 40px;
	background:  url(../images/footer_greenbar_bg.jpg) repeat-x;
	
}

.address{
	float: left;
}

.email-signup{
	padding: 0;
	margin: -8px 5px;
	float: right;
}
 
.email-signup label{ font-weight: bold;}
	
#signupform{
	 padding: 0;
	 margin: 0;
} 	
	
#signupform label{
	padding-right: 8px;
	vertical-align: middle;
}

#signupform input{
	padding: 4px;
	width: 200px;
	vertical-align: middle;
	margin: 0;
	height: 17px;
	background:#fff url(../images/input_grad_bg.gif) repeat-x ;
	border: 1px solid #567628;
}

.email-text{ margin-top: 5px;}

.form-copy{margin-bottom: 10px; margin-left: 31px; color: #7e7e7e;}		
	
button {
		/* size to your image file */
		width:99px;
		height:23px;
		vertical-align: middle;
		margin-left: 10px;
		/* get rid of default 'look' */
		border:none;
		/* our graphic and bg color */
		background:url(../images/signup_button.gif) top left no-repeat;
		text-indent: -9000px;
		overflow: hidden;
}

button:hover {
		background:url(../images/signup_button.gif)  0 -23px no-repeat;
		/* need to fix the cursor  */
		cursor:pointer;
}


/**** SECONDARY PAGE STYLES ****/

#sec-left-col{
	position: relative;
	float: left;
	font-size: .8em;
	line-height: 1.4em;
	margin: 0 0 50px 0;
	padding: 0 0 0 40px;
	width: 340px;
	border: 0px solid #ccc;
}

#sec-right-col{
	position: relative;
	float: left;
	width: 556px;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	border: 0px solid #ccc;
}

#sec-left-col p{
	line-height: 1.5em;
	margin-bottom: 10px;
}

.siteplan{
	margin-left:45px;
}

.pagehead{
	clear:both;
	width: 960px;
	height: 60px;
	padding: 22px 0 0 0px;
	background: url(../images/headers/pagehead_grad_02.jpg) no-repeat;
}

.pagehead h2{
	font-size: 1.4em;
	font-weight:lighter;
    color: #fff;
	margin-left: 40px;
}


/*  BULLETED LISTS */

.bullets{
	list-style-type:disc;
	margin: 0 0 0 20px;
}

.bullets li{
	color: #078094;
	margin-bottom: .4em;
}

.bullets li span{
	color: #000;
}


/***** RESIDENCES BUTTONS ******/

a.onebed-apt { 
	background:url(../images/1bed_nav.jpg) 0px 0px;
	display: block;
	width: 269px;
	height: 42px;
	text-indent: -9999em;
}

a.onebed-apt:hover { 
	background-position: 0px -64px;
}
	
	
a.twobed-apt { 
	background:url(../images/2bed_nav.jpg) 0px 0px;
	display: block;
	width: 269px;
	height: 42px;
	text-indent: -9999em;

}

a.twobed-apt:hover { 
	background-position: 0px -64px;
}	

a.twobed-del-apt { 
	background:url(../images/2bed_del_nav.jpg) 0px 0px;
	display: block;
	width: 269px;
	height: 42px;
	text-indent: -9999em;

}

a.twobed-del-apt:hover { 
	background-position: 0px -64px;
}	

/*GOOGLE MAPS*/

.dircopy{
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
}

.dircopy p{
	margin-bottom: 10px;
}

 #directions{
	float: left;
	width: 380px;
	font-size: .8em;
	padding: 0;
	margin-left: 40px;
}
#directions button {
		/* size to your image file */
		width:118px;
		height:23px;
		vertical-align: middle;
		margin-left: 10px;
		/* get rid of default 'look' */
		border:none;
		/* our graphic and bg color */
		background:url(../images/dir_link.gif) top left no-repeat;
		text-indent: -9000px;
		overflow: hidden;
}

#directions button:hover {
		background:url(../images/dir_link.gif)  0 -29px no-repeat;
		/* need to fix the cursor  */
		cursor:pointer;
}
.fromAddress{
	padding: 4px;
	width: 200px;
	vertical-align: middle;
	margin: 0;
	height: 17px;
	background:#fff url(../images/input_grad_bg.gif) repeat-x ;
	border: 1px solid #567628;
}
#directions input{
	padding: 4px;
	width: 200px;
	vertical-align: middle;
	margin: 0;
	height: 17px;
	background:#fff url(../images/input_grad_bg.gif) repeat-x ;
	border: 1px solid gray;
}

#map_canvas{
	float: right;
	border: 1px solid #7e0227;
}

.push {
clear:both;
}

/************************* FORM STYLES ******************/


#submit button {
		/* size to your image file */
		width:118px;
		height:23px;
		vertical-align: middle;
		margin-left: 10px;
		/* get rid of default 'look' */
		border:none;
		/* our graphic and bg color */
		background:url(../images/submit_button.gif) top left no-repeat;
		text-indent: -9000px;
		overflow: hidden;
}

#submit button:hover {
		background:url(../images/submit_button.gif)  0 -29px no-repeat;
		/* need to fix the cursor  */
		cursor:pointer;
}

label{
	font-family:Arial, Helvetica, sans-serif;
	font-size: .8em;
}

input, select{
	margin-top: 4px;
}


.required-note{
	color:red;
	font-size: .7em;
	padding-left: 0px;
}

.required-text{
	color:red;
	font-size: .7em !important;
}


/************************* END FORM STYLES ******************/