@import url("reset.css");
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	font-size : 100.01%;
	background-color: #FFFFFF;
}

body.homepage {background-color: #FFFFFF;}

h1 {
	color: #F96800;
	font-size : 2em;
	font-weight : normal;
	margin : 0 ; 
	padding: 0 0 0.3em 0;
	font-family: Trebuchet MS, Helvetica, sans-serif; 
}

h2 {
	color: #F96800;
	font-size : 1.2em;
	font-weight : bold;
	margin : 0 ; 
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h3 {
	color: #F96800;
	font-size : 1.1em;
	font-weight : bold;
	margin : 0 ; 
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

blockquote {padding: 20px;}

p {margin : 0  0 1em 0; color: #666666;}

hr {
    color:#0C8303;
	height:1px;
}

ul {
	padding : 0;
	margin: 0;
}

ul li {
	margin : 0 0 0.5em 0;
	padding : 0.1em 0 0.3em 1em;
	line-height: 1em;
}

ul.contentlist{
    list-style:disc;
    padding-left:30px
}

ul.contentlist li{
	line-height:1.2em;
	
}

ol {}
ol li {}

dl dt {}
dl dd {}

a:link, a:visited, a:hover, a:active {
	margin: 0; 
	padding: 0;
	text-decoration : underline;
	color : #0C8303;
}

a:hover {color : #0C8303; text-decoration : none;}
a:visited {color: #075501;}

table {}

th {}

td {}

form {clear:both !important;}

input {font-family: Arial, Helvetica, sans-serif;font-size:0.9em;}

input.radio {}

input.checkbox {}

textarea {font-size:1em;}

select {font-size:1em;}

/* page wrapper */

#page-wrapper {
	position:relative;
	text-align:left;
	margin:0 auto;
	width: 966px;
	font-size:0.75em;
}

/* header top section */

#header-top {
	width: 966px;
	background-color: #01621F;
	background-repeat: repeat-x;
	margin: 28px 0 0 0;
	padding: 28px 0 0 0;
	float: left;
}

#header-top img {float: left;}

a:link.header-top, 
a:visited.header-top,
a:hover.header-top, a:active.header-top {
	margin: 0; 
	padding: 0 0 0 12px;
	text-decoration : none;
	color : #FFFFFF;
	position: absolute;
	top: 35px;
	left: 875px;
	background: transparent url(../images/img_arrow.gif) 0 5px no-repeat;
}

a:hover.header-top {color : #FFFFFF; text-decoration : underline;}

/* header mid seciton */

#header-mid {
	width: 966px;
	float: left;
	height: 130px;
}

#header-mid h1 {
	float: left;
	margin : 43px 0 0 0 ; 
	padding: 12px;
	font-family: Trebuchet MS, Helvetica, sans-serif; 
}

#header-mid span {display : none;}

#header-mid .logo {
	float: left;
	margin: 43px 41px 33px 142px;
}

/* hp nav */

#hp-nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 966px;
	background: transparent url(../images/img_orange_grad.jpg) 0 0 no-repeat;
	float: left;
	height: 28px;
}

#content-nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 966px;
	background: transparent url(../images/img_orangeGrad_content.gif) -2px 0 no-repeat;
	float: left;
	height: 48px;
}

#hp-nav ul, #content-nav ul {
	margin: 8px 2px 0 0 ;
	float: right;
}

#hp-nav li, #content-nav li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0 9px 0 9px;
	border-left: 1px solid #FCAC73;
}

#hp-nav li.first, #content-nav li.first {border-left: none;}

#hp-nav li a:link, #content-nav li a:link,
#hp-nav li a:visited, #content-nav li a:visited,
#hp-nav li a:hover, #content-nav li a:hover,
#hp-nav li a:active, #content-nav li a:active {
	color : #FFFFFF;
	text-decoration : none;
}
#hp-nav li a:hover, #content-nav li a:hover {text-decoration: underline;}

#header-bottom {
	width: 966px;
	float: left;
}

#header-bottom img {float: left;}

/******************************************* content section ********************************************/

/* outer-wrapper */

#outer-wrapper {
	margin: 13px auto 20px auto;
	border: 4px solid #CCCCCC;
	width: 968px;
	position: relative;	
}

/* content-wrapper */

#content-wrapper {
	position:relative;
	text-align:left;
	margin:0 auto;
	width: 966px;
	font-size:0.75em;
	border: 1px solid #FFFFFF;
	border-bottom: none;
	background-color: #FFFFFF;

}

/* content-header */

#content-header {
	width: 966px;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	float: left;
}

#content-header-top {
	background-color: #01621F;
	float: left;
	width: 966px;
	height: 28px;
	border-bottom: 1px solid #FFFFFF;
}

#content-header-top a:link, 
#content-header-top a:visited,
#content-header-top a:hover, 
#content-header-top a:active {
	float: right;
	margin: 7px 10px 0 0;
	padding: 0 0 0 12px;
	text-decoration : none;
	color : #FFFFFF;
	background: transparent url(../images/img_arrow.gif) 0 5px no-repeat;
}
#content-header-top a:hover {color : #FFFFFF; text-decoration : underline;}
#content-header-top a:visited {color: #FFFFFF;}


#content-header-top {
	background-color: #01621F;
	float: left;
	width: 966px;
	height: 28px;
	border-bottom: 1px solid #FFFFFF;
}

a:link.content-header-top, 
a:visited.content-header-top,
a:hover.content-header-top, 
a:active.content-header-top {
	float: right;
	display: block;
	width: 966px;
	margin: 7px 0 0 0;
	padding: 0 0 0 0;
	text-decoration : none;
	color : #FFFFFF;
	background: #01621F url(../images/img_arrow.gif) 0 5px no-repeat;
}w
a:hover.content-header-top {color : #FFFFFF; text-decoration : underline;}
a:visited.content-header-top {color: #FFFFFF;}

#content-header .logo {
	float: left;
	margin: 43px 41px 0 140px;
	background-color: #FFFFFF;	
}

/* content section */

#content-pad {
	margin: 0 0 0 140px;
	padding: 0 140px 0 0;
	width: 686px;
	height:645px;
	*height:500px;

}

profiles

#content-pad-location{
	margin: 0 0 0 140px;
	width: 900px;
}

#content-left {
    width:350px;
	padding: 0 0 0 140px;
	float:left;
}


#content-right {
   width:431px;
   float:right;
   padding-right:10px
}

img#about-us{
position:absolute; top:220px; left:840px;
}

#area ul li.auckland{
position:absolute; top:297px; left:658px;
}

#area ul li.tauranga{
position:absolute; top:325px; left:755px;
}

#area ul li.gisborne{
position:absolute; top:355px; left:810px;
}

#area ul li.havelock{
position:absolute; top:387px; left:782px;
}

#area ul li.palmerston{
position:absolute; top:417px; left:625px;
}

#area ul li.nelson{
position:absolute; top:440px; left:640px;
}

#area ul li.blenheim{
position:absolute; top:456px; left:706px;
}

#area ul li.christchurch{
position:absolute; top:517px; left:690px;
}

#area ul li.otago{
position:absolute; top:572px; left:635px;
}

#area ul li a{
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#bf5509;
text-decoration:none;
}

#area ul li a:hover{
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#00611f
}

#area ul li a:visited{
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#00611f;
text-decoration:none
}

div.tooltip {
	clear:both;
    position:absolute; 
	top:730px; 
	left:550px;
	width:317px;
	border:1px solid #0C8303;
	background-color:#E3F6D5;
	padding-left:5px;
	padding-right:5px;
}

div.tooltip h2{
	font:Arial;
	font-weight:bold;
	font-size:12px;
	color:#00611f;
}

div.tooltip p{
	font:Arial;
	font-size:11px;
	color:#000000;
}

div.tooltip h2{
margin-top:10px;
}

/* footer homepage */

#footer-homepage {
	float: left;
	font-size: 0.8em;
	background: transparent url(../images/img_footer_homepage.gif) -1px 0 no-repeat;
	width: 966px;
	height: 49px;
	margin: 0;
	padding:  0;
}

#footer-homepage p.left {
	float: left;
	color: #FFFFFF;
	margin: 8px 0 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
* html #footer-homepage p.left {margin: 8px 0 0 5px;}

#footer-homepage p.right {
	float: right;
	color: #80B08F;
	margin: 8px 10px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
* html #footer-homepage p.right {margin: 8px 5px 0 0;}

/* footer */

#footer {
	font-size: 0.8em;
	background: transparent url(../images/img_footer_content.gif) -1px 0 no-repeat;
	width: 966px;
	height: 49px;
	margin: 0 ;
	padding:  0;
	clear: both;
}

#footer p.left {
	float: left;
	color: #FFFFFF;
	margin: 27px 0 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
* html #footer p.left {margin: 27px 0 0 5px;}

#footer p.right {
	float: right;
	color: #80B08F;
	margin: 27px 10px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
* html #footer p.right {margin: 27px 5px 0 0;}

.floatleft {float: left;}

.floatright {float: right;}

.clear-hidden {
	margin : 0;
	padding : 0;
	font-size : 1px;
	line-height: 1px;
	clear : both;
	height: 1px;
}


table#profiles td{
	padding-bottom:15px
}
table#profiles td.text{
    padding-left:10px;
}

div#content-pad.profiles{
	margin: 0 0 0 140px;
	padding: 0 140px 0 0;
	width: 686px;
	height:1200px;
	*height:700px;

}