* {
	margin: 0;
	padding: 0;
}

body {
	font: 100% "Arial", sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	color:#6a6b6b;
	line-height:19px;
	background: #ffffff;

}
#wrapper {
	position: relative;
	width: 812px;
	margin: auto;
	text-align: left;
	
	
}


#head {
	height:102px;
	background-image:url(../images/nhe_header.gif);
	background-repeat:no-repeat;
	text-indent:-999em;
	background-position:center left;


}

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

	

}
#content {
	border:#e1e1e3 solid 1px;
	font-size:0.85em;
	position:relative;
	padding-top:0px;

} 
.contentleft1 {

	min-height:421px;
	background:url(../images/pink-bg.jpg) top left repeat-y;
	clear:left;
	display:block;



}
.contentleft2 {
	float:left;
	clear:left;
	display:block;
	position:absolute;
	top:0px;
	left:310px;
}
.contentright{
	float:right;
	background-color:#e6f5f9;
	width:270px;
	height:421px;
	clear:left;
	display:block;
}
.padding {
	padding:15px;
}
ul#content li {
	float: left;
	position: relative;
	list-style-type: none; 
	display:block;
	height:421px;
}


#footer {
	position: relative;
	margin: auto;
	color:#666666;
	font-size:0.70em;
	text-align:center;

}
#pinkbanner{
	float:right;
	position:absolute;
	top:0;
	right:0;
	z-index:200;
}
#featurebox{
	background-color:#FFFFFF;
	border:#ff0066 solid 1px;
	text-align:center;
	padding:5px 5px 5px 5px;
}

/*------------------------------------------------------ FONT STYLINGS ---------------------------------------------------*/

p{ 

	font-size:0.85em;

}
.featurehead{
	font-family:'Calibri', 'Trebuchet MS', 'Calibri', 'Lucida Grande', 'Swis721 Th BT',Verdana, Arial, Sans-Serif;;
	font-size:1.1em;
	font-weight:900;
	color:#ff0066;	
	line-height:17px;
	margin-bottom:10px;
}
.featuretag{
	font-size:70%;
	color:#666666;
	font-style:italic;
	font-weight:normal;
}
h2#feature {
	height:65px;
	text-indent:-999em;
	background:url(../images/heading_featuredproduct.gif) no-repeat;
	margin-bottom:10px;
}
h2#enquiry {
	height:66px;
	text-indent:-999em;
	background:url(../images/heading_sendenquiry.png) no-repeat;
	margin-bottom:10px;
}
h2#bodylinks {
	height:66px;
	text-indent:-999em;
	background:url(../images/heading_links.png) no-repeat;
	margin-bottom:10px;
}
h2#bodytellfriend {
	height:66px;
	text-indent:-999em;
	background:url(../images/heading_tellfriend.png) no-repeat;
	margin-bottom:10px;
}

h2#bodyonlinestore {
	height:66px;
	text-indent:-999em;
	background:url(../images/heading_onlinestore.png) no-repeat;
	margin-bottom:10px;
}

.examples-header A {
	COLOR:#000; TEXT-DECORATION: none;
}
.examples-header A:visited {
	COLOR: #000; TEXT-DECORATION: none;
}
.examples-header A:hover {
	COLOR: #0fa71f; TEXT-DECORATION: none;
}
.examples-header A:active {
	COLOR: #000; TEXT-DECORATION: none;

}



.examples-description{
	font-size:0.90em;
	font-family: 'Calibri', 'Trebuchet MS', 'Calibri', 'Lucida Grande', 'Swis721 Th BT',Verdana, Arial, Sans-Serif;
	font-weight:normal;
	line-height:10px;
}
.footnote{
	font-size:0.80em;
	clear:left;
	padding-bottom:0px;
}
.footnote a{
	color:#666666;
	text-decoration:underline;
}
.footnote a:hover{
	color:#0b9fc9;
	background-color:#e6f5f9;
	text-decoration:none;
}
p.examples {
	padding-left:14px;
	padding-right:14px;
}

p.examples A {
	COLOR:#000; TEXT-DECORATION: underline;
}
p.examples A:visited {
	COLOR: #000; TEXT-DECORATION: underline;
}
p.examples A:hover {
	COLOR: #000; TEXT-DECORATION: none; background-color:#d4d4d4; border-top:1px solid #666;
}
p.examples A:active {
	COLOR: #000; TEXT-DECORATION: none; background-color:#d4d4d4;

}

.underline{
	border-bottom:1px solid #d4d4d4;
	width:715px;
	margin-bottom:5px;
	margin-left:14px;
	padding-top:0px;
	line-height:3px;
}
#footer A {
	color:#666; text-decoration:underline;
}
#footer A:visited {
	color:#666; text-decoration:underline;
}
#footer A:hover {
	color:#000; text-decoration:none;
}
#footer A:active {
	color:#000; text-decoration:none;
}
/*------------------------------------------------------ LOWER ADS ------------------------------------------*/
#promo-ads{
	padding:5px;

}
#promo-ads img#border{
	border:1px solid #cccccc;

}
#promo-ads img.padright{
	margin-right:5px;

}
/*------------------------------------------------------ HOME BODY ------------------------------------------*/

ol.HomeBody3 li.no1{
	list-style-image:url(../images/home_bullets1.gif);
	padding-bottom:10px;
	line-height:10px;	
}
ol.HomeBody3 li.no2{
	list-style-image:url(../images/home_bullets2.gif);
	padding-bottom:10px;
	line-height:10px;
}
ol.HomeBody3 li.no3{
	list-style-image:url(../images/home_bullets3.gif);
	line-height:8px;
}
#HomeBody3 p.body3{
	margin-left:25px;
	margin-right:25px;
	line-height:15px;
}

/*---------- FIND OUT MORE BUTTON -------------*/
ul.nostlyle li{
	list-style:none;
}

.contentright#featurebox#findoutmore{
	height:27px;
	width:116px;
	font-size: 0.91em;
	list-style-type: none;
}

.contentright#featureboxul#findoutmore li {
	position: relative;
	list-style-type: none;
}

.contentright#featureboxul#findoutmore li a{
	color:#333333;
	text-decoration:none;
	line-height:31px;
	display:block;
	font-size:0.91em;
	text-indent:-999em;
	height:27px;
}



a#fom_button{
	width:116px;
	height:27px;
	background:url(../images/fom.gif) top right no-repeat;
	display:block;
	font-size:0.91em;
	text-indent:-999em;
	margin-bottom:5px;
	padding-left:55px;
	padding-top:5px;
	
}
a#fom_button:hover {
	color: #000000;
	text-decoration:none;
	width:116px;
	height:27px;
	background:url(../images/fom_ova.gif) top right no-repeat;
	display:block;
	text-indent:-999em;
}




/*---------- VIEW SITE BUTTON -------------*/


#WorkExamples li ul{
	height:24px;
	width:69px;
	margin:0 0 0 0;
	padding:0;
	display:block;
	position: relative;
	top:14px;
	right:14px;
	float:right;
	list-style:none;

}

#WorkExamples li ul li {
	display:block;
	width:69px;
	
}

#WorkExamples li ul li a{
	color:#333333;
	text-decoration:none;
	display:block;
	font-size:0.91em;
	text-indent:-999em;
	height:24px;
	width:69px;
}



#Examples_ViewSite{
	width:69px;
	background:url(../images/viewsite.gif) top right no-repeat;
}
a#Examples_ViewSite:hover {
	color: #000000;
	text-decoration:none;
	width:69px;
	height:24px;
	background:url(../images/viewsite_ova.gif) top right no-repeat;
	display:block;
}

/*------------------------------------------------------ BREADCRUMB ------------------------------------------*/

.breadcrumb{
	width:400px;
	margin-bottom:10px;
	font-size:0.75em;
	color:#0b9fc9;
	position:absolute;
	top:75px;
	left:3px;
}

.breadcrumb a {
	color: #0b9fc9; text-decoration: underline;
}
.breadcrumb a:visited {
	 text-decoration: underline;
}
.breadcrumb a:hover {
	color: #ff0066; text-decoration: none;
}
.breadcrumb a:active {
	text-decoration: none;
}

