/* CSS Document */
/* text-align: center; will center the layout for IE5-Win and IE6-Win
running quirks mode (no DOCTYPE tag at beginning of document). */
body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:62.5%;
	text-align:center;
	background-color:#FFFFFF;
}

/* The auto left and right margins center the layout in standards
browsers, IE6-Win (in standards mode) and IE5-Mac. */
#wrapper {
	position:relative;
	margin: 0 auto 0 auto;
	text-align: left; /* Reset text alignment for Western languages. */
	width: 955px;
	}

/* Standards browsers will cut off portions of the left and right edges
of a layout if the browser viewport is too narrow, unless the
#wrapper <div> has a left and right border. Internet Explorer is not
affected by this, and the style rules are hidden. Setting the border
color to transparent initially returns a CSS syntax error at the W3C
CSS validator, so for the sake of validation, the border color is
set to transparent on a separate line. */
html>body #wrapper {
	border: 1px solid #fff;
	border-color: transparent;
	border-top: 0;
	border-bottom: 0;
}
/*Styles*/

p {
	font-size:1.2em;	
}
h1 {
	font-size:1.4em;
	color:#FF0000;
	font-weight:bold;
}
h2	{
	font-size:1.3em;
	font-style:italic;
	padding-top:10px;
}
h3	{
	clear:left;
	font-size:1.2em;
	padding-top:20px;
}
.smallred  {
	font-size:1.2em;	
	color:#FF0000;
	font-weight:bold;
}
.smallgrey  {
	font-size:1.0em;	
	color: #999999;
	font-weight:normal;
}
.medgrey  {
	font-size:1.2em;	
	color: #999999;
	font-weight:normal;
}.subheads {
	font-size:1.2em;
	color:#FF0000;
	font-style:italic;
	font-weight:bold;
}	

/* Layers */

#Layer1 {
	position:absolute;
	left:134px;
	top:24px;
	width:550px;
	height:110px;
	background-image:url(nhpix/NH_logojpg.jpg);
	background-repeat:no-repeat;	
	z-index:1;
}
#Layer2 {
	position:absolute;
	left:127px;
	top:95px;
	width:5px;
	height:505px;
	background-image:url(nhpix/stripe_vert.jpg);
	background-repeat:no-repeat;
	z-index:2;
}
#Layer21 {
	position:absolute;
	left:100px;
	top:118px;
	width:504px;
	height:5px;
	background-image:url(nhpix/stripe_hor.jpg);
	background-repeat:no-repeat;
	z-index:3;
}
#Layer3 {
	position:absolute;
	left:200px;
	top:182px;
	width:498px;
	height:30px;
	z-index:5;
	border: 2px solid #FF0000;
	text-align: center;
	font-size:1.3em;
	color:#FF0000;
	font-weight:bold;
	padding-top: 12px;
}
#Layer4 {
	position:absolute;
	left:750px;
	top:231px;
	background-color: #f4f4f4;
	padding: 0px;
	border-top-width: 1px;
	border-top-style:solid;
	border-top-color: #FF0000;
	text-align: center;
	z-index:6;
}
#Layer5 {
	position:absolute;
	left:522px;
	top:38px;
	width:230px;
	height:11px;
	z-index:7;
}
#Layer6 {
	position:absolute;
	left:160px;
	top:146px;
	width:560px;
	height:200px;
	z-index:16
}
#Layer7 {
	position:absolute;
	left:752px;
	top:444px;
	width:234px;
	height:145px;
	z-index:8;
}
#Layer9 {
	position:absolute;
	left:200px;
	top:440px;
	width:500px;
	height:115px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	text-align: center;
	font-size:1.1em;
	color:#FF0000;
	font-weight:bold;	
	padding-top: 18px;
	z-index:9;
}
#Layer14 {
	position:absolute;
	left:200px;
	top:237px;
	width:500px;
	height:343px;
	z-index:10;
	text-align: justify;
}
#Layer16 {
	position:absolute;
	left:160px;
	top:360px;
	width:564px;
	height:1750px;
	padding: 5px;
	z-index:12;
}
#Layer19 {
	position:absolute;
	left:50px;
	top:125px;
	width:759px;
	height:12px;
	z-index:14;
}
#Layer20 {
	position:absolute;
	left:600px;
	top:120px;
	width:212px;
	height:110px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	z-index:15;
}
#Layer22 {
	position:absolute;
	left:41px;
	top:43px;
	width:84px;
	height:74px;
	background-image:url(nhpix/camera.jpg);
	background-repeat:no-repeat;
	z-index:16;
}
#Layer23 {
	position:absolute;
	left:752px;
	top:612px;
	width:86px;
	height:12px;
	z-index:17;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #b3b3b3;
}

/* CLASSES */
.spacer {
clear:left;
}
.spacer2 {
clear:right;
}
.image_float {
float:left;
margin:0 10px 5px 0;
}
.image_float2 {
float:right;
margin:0 0 5px 10px;
}

/* lINKS*/

a:link {
	color: #FF0000;
	text-decoration:none;
}
a:visited {
	color: #FF0000;
	text-decoration:none;
}
a:hover {
	color: #FF9900;
	text-decoration:none;
}
a:active {
	text-decoration: none;
	color:#CC3300;
}
/* Navigation lists*/
#navbar {
	list-style-type:none;
	margin:2px;
	padding:2px;
	width:120px;
}
#navbar li {
	margin:0;
	background: #DDDDDD;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
	border-bottom:1px solid #666666;
}
/* Clients page */
#clients	{
	list-style-type:none;
	margin:1px;
	padding:1px;
}	
#clients li {
	font-size:1.1em;
	color: #999999;
	font-weight:normal;
	line-height:140%;
}
/* Clients page */


ul a:link, ul a:visited, ul a:hover, ul a:active {
	display:block;
	padding:4px 10px;
	font-size:10px;
}
ul a:link {
	color:#FF0000;
}
ul a:visited {
	color:#FF0000;
}	
ul a:hover {
	color:#FF9900;
	background:#f4f4f4;
	}
ul a:active {
	color:#CC3300;
}
#current a {
	color: #FFFFFF;
	background:#999999;
}
/* Ends*/