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

/* CSS reset - basic */

* {
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

/*************************************************************
******************** MAIN LAYOUT ELEMENTS ********************
*************************************************************/

html body {
    width: 100%;
    height: 100%;
	margin: 0 0 0 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

html{
	/*background: #ddb671 url(../images/background-image-sliver2.jpg) repeat-y top center;*/
	background: #c1d2e4 url(../images/background-image-sliver3.jpg) repeat-y top center;
}


body{
	/*background: url(../images/background-image-trans2.jpg) no-repeat top center;*/
	background:url(../images/New-Background.jpg) no-repeat top center;
}

div#content {
	position: relative;
	margin: auto;
	width: 980px;
	height: auto;
	border: red solid 0px;
}

div#header {
	z-index: 2;
	width: 980px;
	border: solid 0px yellow;
	position: relative;
}

div#logo
{
	border: solid 0px green;
	background-color: #dce8f6;
	width:240px;
	padding: 4px 2px 4px 0px;
}


div#leftmenu {
	z-index:2;
	/*
	float:left;
	*/
	position: absolute;
	width:238px;
	background-color: #dce8f6;
	padding: 0px 4px 4px 0px;
	border: solid 0px blue;
	font-family: Helvetica, arial, sans-serif;
}

div#centerpanel {
	position: relative;
	left: 252px;
	top: 10px;
	/*
	margin-left: 252px;
	margin-top: 10px;
	*/
	width: 708px; 
	min-height: 1400px; 
	height: 1400px;  /* fix for ie 6  undone for non-IE */
	padding: 10px 10px 4px 10px;
	background-color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.Shadow(strength=7,color=#232323,direction=135);
	-moz-border-radius: 10px;
	-webkit-border-radius: 5px;
	border: solid 0px orange;
}
html > body div#centerpanel {
	height: auto; /* fix for ie 6  undone for non-IE */
}



div#footer {
	z-index: 3;
	position:relative;
	background-color: #fff;
	width: 100%;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: solid 6px #c1d2e4;
	text-align: center;
}


/*************************************************************
********************* TEXT STYLES ****************************
*************************************************************/

h1 {
	font-family: Helvetica, arial, sans-serif;
	color: #fff;
	font-size:12px;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 10px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	margin: 0px;
	line-height: 1.5em;
	text-align:center;
}

h3 {
	font-family: Helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	font-style: normal;
}

h4 {
	font-family: Helvetica, arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 4px 4px 4px 0px;
	text-align:center;
}

h5 {
	font-family: Helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	font-style: normal;
	line-height: 2em;
}

h6 {
	font-family: Helvetica, arial, sans-serif;
	font-size: 19px;
	font-weight:bold;
	margin: 0px;
	line-height: 1.5em;
	text-align: center;
}

a {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}

b, strong {
	font-weight: bold;
}

em {
	font-style:italic;
}
p {
	margin-top: 5px;
	margin-bottom: 5px;
}

.red {
	color:#FF0000;
}

.green {
	color:#669900;
}

li {
	margin-left: 15px;
}

input, textarea, select {
	background-color: #ffffa0;
	border: solid 1px #333333;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.outsidepress {
	/*font-family: Helvetica, arial, sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color:#FFFFFF;
	margin: 0;
	font-style: normal;
	text-align:right;
}
	
.float-left
{
	float:left;
}
.align-right
{
	text-align:right;
}

table.center
{
	margin-left:auto;
	margin-right:auto;
}

.image {
	border: 1px solid #333;
}

.hvspace5
{
	margin: 5px;
}

.hspace1
{
	margin-left: 1px;
	margin-right: 1px;
}

.hspace5
{
	margin-left: 5px;
	margin-right: 5px;
}

.hspace10
{
	margin-left: 10px;
	margin-right: 10px;
}

.button {
	border: solid 1px #333;
}

.formheading {
	text-align:right;
	color:#FFFFFF;
}

.formrow {
	margin: 2px;
	height: 20px;
	text-align:center;
}

.formtitle {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	text-align: right;
	color:#FFFFFF;
	vertical-align: top;
}


.formtitlecentered {
	margin: 2px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5em;
}

.formtitlecentered a.tooltip:link {font-size: 14px; text-weight: bold; text-decoration: none; color: #000099;}
.formtitlecentered a.tooltip:visited {font-size: 14px; text-weight: bold; text-decoration: none; color: #000099;}
.formtitlecentered a.tooltip:active {font-size: 14px; text-weight: bold; text-decoration: none; color: #000099;}
.formtitlecentered a.tooltip:hover {font-size: 14px; text-weight: bold; text-decoration: none; color: #000099;}

.formsubmit {
	text-align: center;
	height: 60px;
}

.spacerdiv {
	height: 6px;
}
.inlinestyle {
	display: inline;
}

div#biline {
	margin-top: -26px;
}


.heading {
	text-align: center;
}

.biline {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

.bold {
	font-weight: bold;
}

.emphasised {
	font-style: italic;
}

.bolditals {
	font-weight: bold;
	font-style: italic;
}


div#itinerary-clear {
	clear: right;
}
/*************************************************************
******************* HEADER ELEMENTS **************************
*************************************************************/

/**************** HEADER FLOATING NAVIGATION ****************/
div#floatingnav {
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/floatingnavbg1.png) no-repeat;
	margin-top: -154px;
	float: right;
	width: 344px;
	height: 50px;
	padding: 6px 0px 6px 22px;
	font-size: 13px;
	text-align: justify;
	line-height: 1.5em;
	border: solid 0px red;

}

div#floatingnav a {
	font-weight: normal;
	text-decoration: underline;
}

/**************** HEADER BROCHURE IMAGE ****************/

div#brochureimage {
	/*background: url(../images/top-brochure-advert.gif) no-repeat;*/
	position: absolute;
	right: 0px;
	bottom: 50px;
	width: 150px;
	height: 121px;
	/*width: 190px;
	height: 152px;*/
	border:none;
}


/**************** HEADER QUOTE ****************/
div#headerquote {
	position: absolute;
	right: 280px;
	bottom: 35px;
	width: 370px;
	border: solid 0px yellow;
	font-family: Helvetica, Arial, sans-serif;
	font-size:18px;
	color: #023063;
	font-weight: bold;
	line-height: 21px;
}

div#headerquotequote {
	font-style:italic;
}

div#headerquotewriter {
	font-size:16px;
	text-align:center;
}

div#headerquotelink {
	font-size:12px;
	text-align:center;
}

/**************** TOP NAVIGATION MENU ****************/
div#topmenu {
	background: url(../images/navbg_drk.gif) repeat-x;
	width: 960px;
	height: 21px;
	padding: 4px 10px 4px 10px;
	border: solid 0px yellow;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.topmenu-item a:link, .topmenu-item a:visited {
	color: #000;
}

.topmenu-item a:active, .topmenu-item a:hover {
	color: #ffffff;
}

.topmenu-item-current a:link, .topmenu-item-current a:visited, .topmenu-item-current a:active   {
	text-decoration: none;
	color: #ffffff;
}

.topmenu-item-current a:hover {
	text-decoration: none;
	color: #ffffff;
}

span#topmenu-home
{
	width:40px;
}

span#topmenu-whyactive
{
	width:94px;
}

span#topmenu-schedule
{
	width:94px;
}

span#topmenu-itineraries
{
	width:116px;
}

span#topmenu-bookatrip
{
	width:90px;
}

span#topmenu-photogallery
{
	width:78px;
}

span#topmenu-contactus
{
	width:50px;
}

span#topmenu-booked
{
	width:40px;
}


/*************************************************************
********************* LEFT MENU ELEMENTS *********************
*************************************************************/


/**************** WRAPPED TEXT ON BUTTONS INDENTATION ****************/
.buttoncrlf {
	padding-left: 18px;
}


.btnaction a:hover {
	cursor: pointer;
}

/**************** BROCHURE REQUEST ****************/

div#brochurebutton {
	background:url(../images/button-brochure-request.png) no-repeat;
	height: 120px;
	width: 238px;
	margin-top: 10px;
}
div#brochurebutton:hover, div#brochurebuttoncurrent:hover {
	cursor: pointer;
}

div#brochurebuttoncurrent {
	background:url(../images/button-brochure-request.png) no-repeat;
	height: 120px;
	width: 238px;
	margin-top: 10px;
}

div#brochurebuttonheading {
	padding: 8px 0px 0px 14px;
	text-align: left;
	font-weight: bold;
	font-size: 20px;
	line-height: 21px;	
}
#brochurebuttonheading a:link, #brochurebuttonheading a:visited, #brochurebuttonheading a:active {
	text-decoration: none;
	color:#FFFFFF;
}
#brochurebuttonheading a:hover {
	text-decoration: none;
	/*color: rgb(190,85,60);*/
	color: #FFCC00;
}

div#brochurebuttontext {
	padding: 10px 0px 0px 8px;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.brochurebuttontext a {
	text-decoration: none;
	font-weight: normal;
	color:#FFFFFF;
}
.brochurebuttontext a:hover {
	text-decoration: none;
	color: #FFCC00;
}


/*** Book a Trip ***/

div#bookatrip {
	z-index:2;
	background:url(../images/LH-button-how-to-book.jpg) no-repeat;
	height: 94px;
	width: 238px;
	margin-top:5px;
}

div#bookatrip:hover, div#bookatripcurrent:hover {
	cursor: pointer;
}

div#bookatripcurrent {
	z-index:2;
	background:url(../images/LH-button-how-to-book-current.jpg) no-repeat;
	height: 94px;
	width: 238px;
	margin-top:5px;
}

div#bookatripheading {
	padding: 8px 0px 0px 120px;
	text-align: left;
	font-size: 16px;
	line-height: 21px;
}

#bookatripheading a:link, #bookatripheading a:visited, #bookatripheading a:active {
	text-decoration: none;
	color: #ffffff;
}

#bookatripheading a:hover {
	text-decoration: none;
	color: rgb(190,85,60);
}

div#bookatriptext{
	padding: 5px 0px 0px 120px;
	text-align: left;
	font-size: 11px;
	line-height: 16px;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.bookatriptext a  {
	text-decoration: none;
	font-weight: normal;
	color:#FFFFFF;
}
.bookatriptext a:hover  {
	text-decoration: none;
	color: rgb(190,85,60);
}

/*** Adventure ***/

div#adventure {
	z-index:2;
	background:url(../images/LH-button-adventure.jpg) no-repeat;
	height: 94px;
	width: 238px;
	margin-top:5px;
}

div#adventure:hover, div#adventurecurrent:hover {
	cursor: pointer;
}

div#adventurecurrent {
	z-index:2;
	background:url(../images/LH-button-adventure-current.jpg) no-repeat;
	height: 94px;
	width: 238px;
	margin-top:5px;
}

div#adventureheading {
	padding: 8px 0px 0px 10px;
	text-align: left;
	font-size: 16px;
	line-height: 21px;
}
#adventureheading a:link, #adventureheading a:visited, #adventureheading a:active {
	text-decoration: none;
	color: #ffffff;
}

#adventureheading a:hover {
	text-decoration: none;
	color: rgb(190,85,60);
}

div#adventuretext {
	padding: 5px 0px 0px 10px;
	text-align: left;
	font-size: 11px;
	line-height: 16px;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

.adventuretext a:link, .adventuretext a:visited, .adventuretext a:active  {
	text-decoration: none;
	font-weight: normal;
	color: #ffffff;
}

.adventuretext a:hover  {
	text-decoration: none;
	color: rgb(190,85,60);
}

/*** Hiking ***/

div#hiking {
	z-index:2;
	background:url(../images/LH-button-hiking.jpg) no-repeat;
	height: 94px;
	width: 238px;
	margin-top:5px;
}

div#hiking:hover, div#hikingcurrent:hover {
	cursor: pointer;
}

div#hikingcurrent {
	z-index:2;
	background:url(../images/LH-button-hiking-current.jpg) no-repeat;
	height: 94px;
	width: 238px;
	margin-top:5px;
}

div#hikingheading {
	padding: 8px 0px 0px 105px;
	text-align: left;
	font-size: 16px;
	line-height: 21px;
}
#hikingheading a:link, #hikingheading a:visited, #hikingheading a:active {
	text-decoration: none;
	color: #ffffff;
}

#hikingheading a:hover {
	text-decoration: none;
	color: rgb(190,85,60);
}

div#hikingtext {
	padding: 5px 0px 0px 105px;
	text-align: left;
	font-size: 11px;
	line-height: 16px;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

.hikingtext a:link, .hikingtext a:visited, .hikingtext a:active  {
	text-decoration: none;
	font-weight: normal;
	color: #ffffff;
}

.hikingtext a:hover  {
	text-decoration: none;
	color: rgb(190,85,60);
}

/*** Bicycle ***/

div#bicycle {
	z-index:2;
	background:url(../images/LH-button-cycling.jpg) no-repeat;
	height: 94px;
	width: 238px;
	margin-top:5px;
}

div#bicycle:hover, div#bicyclecurrent:hover {
	cursor: pointer;
}

div#bicyclecurrent {
	z-index:2;
	background:url(../images/LH-button-cycling-current.jpg) no-repeat;
	height: 94px;
	width: 238px;
	margin-top:5px;
}

div#bicycleheading {
	padding: 8px 0px 0px 10px;
	text-align: left;
	font-size: 16px;
	line-height: 21px;
}
#bicycleheading a:link, #bicycleheading a:visited, #bicycleheading a:active {
	text-decoration: none;
	color: #ffffff;
}

#bicycleheading a:hover {
	text-decoration: none;
	color: rgb(190,85,60);
}

div#bicycletext {
	padding: 5px 0px 0px 10px;
	text-align: left;
	font-size: 11px;
	line-height: 16px;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

.bicycletext a:link, .bicycletext a:visited, .bicycletext a:active  {
	text-decoration: none;
	font-weight: normal;
	color: #ffffff;
}

.bicycletext a:hover  {
	text-decoration: none;
	color: rgb(190,85,60);
}

/*** Family ***/

div#family {
	z-index:2;
	background:url(../images/LH-button-family.jpg) no-repeat;
	height: 94px;
	width: 238px;
	margin-top:5px;
}

div#family:hover, div#familycurrent:hover {
	cursor: pointer;
}

div#familycurrent {
	z-index:2;
	background:url(../images/LH-button-family-current.jpg) no-repeat;
	height: 94px;
	width: 238px;
	margin-top:5px;
}

div#familyheading {
	padding: 8px 0px 0px 105px;
	text-align: left;
	font-size: 16px;
	line-height: 21px;
}
#familyheading a:link, #familyheading a:visited, #familyheading a:active {
	text-decoration: none;
	color: #ffffff;
}

#familyheading a:hover {
	text-decoration: none;
	color: rgb(190,85,60);
}

div#familytext {
	padding: 5px 0px 0px 105px;
	text-align: left;
	font-size: 11px;
	line-height: 16px;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

.familytext a:link, .familytext a:visited, .familytext a:active  {
	text-decoration: none;
	font-weight: normal;
	color: #ffffff;
}

.familytext a:hover  {
	text-decoration: none;
	color: rgb(190,85,60);
}


/**************** CUSTOM TOURS ****************/
div#custom {
	z-index:2;
	background:url(../images/button-custom-trips.png) no-repeat;
	height: 120px;
	width: 238px;
	margin-top:5px;
}

div#custom:hover, div#customcurrent:hover {
	cursor:pointer;
}

div#customcurrent {
	z-index:2;
	background:url(../images/button-custom-trips-current.png) no-repeat;
	height: 120px;
	width: 238px;
	margin-top:5px;
}

div#customheading {
	padding: 8px 10px 0px 0px;
	text-align: right;
	font-weight: bold;
	font-size: 20px;
	line-height: 21px;
}

#customheading a:link, #customheading a:active, #customheading a:visited {
	text-decoration: none;
	color: #000000;
}

#customheading a:hover {
	text-decoration: none;
	color: rgb(190,85,60);
}

div#customtext {
	padding: 2px 10px 0px 0px;
	float: right;
	text-align: right;
	font-size: 15px;
	line-height: 16px;
}

.customtext a:link, .customtext a:active, .customtext a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

.customtext a:hover {
	text-decoration: none;
	color: rgb(190,85,60);
}


/**************** / QUOTE / GUIDE / PHOTO / ****************/

div.whitepanel-titletop
{
	background:url(../images/whitepanel-titletop.gif) no-repeat;
	width:238px;
	height: 20px;
}

div.whitepanel-top
{
	background:url(../images/whitepanel-top.gif) no-repeat;
	width:238px;
	height: 15px;
}

div.whitepanel-body
{
	background-color:#fff;
	padding-left: 2px;
	padding-right: 2px;
}

div.whitepanel-bottom
{
	background:url(../images/whitepanel-bottom.gif) no-repeat;
	width:238px;
	height: 15px;
}

div#photogallery {
	width: 238px;
	margin-top:5px;
	text-align: center;
	font-size: 13px;
	border: 0px solid red;
}

div.featuredphoto-trip
{

}
div.featuredphoto-caption
{
	font-weight: bold;
	font-style:italic;
}

div#guide {
	width: 238px;
	margin-top:5px;
	text-align: center;
	border: 0px solid red;
}

.guidename {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	font-weight: bold;
	
}

.featuredguide-quote
{
	margin-top: 3px;
	font-size:12px;
	font-style:italic;
}

div#quote {
	z-index:2;
	width: 238px;
	margin-top:5px;
	font-style:italic;
	font-size:12px;
	font-weight:bold;
	line-height: 1.25em;
	text-align: center;
	border: 0px solid red;
}

.quotename {
	font-style:normal;
}


div#airNZ {
	width: 238px;
	margin-top:5px;
}


div#twitter_ontheroad {
	width: 238px;
	margin-top:5px;
}

/*************************************************************
******************** CENTRE PANEL ELEMENTS *******************
*************************************************************/


/* brochure form */

div#brochureformpanel {
	margin-left:10px;
}

div#brochureform {
/*	background: url(../images/brochure-request-box.png) no-repeat;*/
	background: url(../images/brochure-background-test.gif) no-repeat;
	width: 292px;
	height: 250px;
	padding:6px 0px 0px 8px;
	border: solid 0px yellow;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	line-height: 16px;
}

div#brochureform input, textarea {
	font-size:12px;
}

div#frontbreq-header
{
	margin: 8px 7px 12px 0px;
	text-align: right;
	font-size: 14px;
	color:#FFFFFF;
}
.frontbreq-headline
{
	font-size: 25px;
	font-weight: bold;
	line-height: 25px;
}

div.frontbreq-field {
	margin-top: 3px;
	font-size: 12px;
	text-align: center;
	color:#FFFFFF;
}

.frontbreq-textarea
{
	width: 280px;
	height: 60px;
}
/**************** INTRODUCTION PANEL ****************/
div#introduction {
	position: relative;
	padding: 0px 2px 4px 0px;
	margin: 0;
}

div#introduction #introtext {
	border: solid green 0px;
	text-align: justify;
	line-height: 20px;
	margin-bottom: 20px;
}

.introtext {
	vertical-align:top;
	line-height: 1.7em;
}

.introimages {
	vertical-align:top;
	/*padding-top: 8px;*/
	padding-left: 10px;
}

.guidepanel{
	text-align:center;
}

.guidephoto {
	text-align:center;
	vertical-align:top;
	padding:2px;
}



/**************** TRIPS - BROCHURE ****************/

div#brochure {
	margin-top:10px;
	text-align:center;
}


/*************************************************************
******************** FOOTER PANEL ELEMENTS ********************
*************************************************************/
	

div#address {
	color: #000;
	text-align: center;
	font-weight: bold;
}

div#activelogos {
	margin: auto;
	width: 980px;
	border: solid 0px red;
}


/*************************************************************
****************** SITEMAP STYLES ****************************
**************************************************************/

.sitemap-subhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #669900;
	text-decoration: none;
	margin-top: 10px;
}
.sitemap-subhead a:link {text-decoration: none; color: #669900;}
.sitemap-subhead a:visited {text-decoration: none; color: #669900;}
.sitemap-subhead a:active {text-decoration: underline; color: #669900;}
.sitemap-subhead a:hover {text-decoration: underline; color: #669900;}

.sitemap-item {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	padding-left: 10px;
}
.sitemap-item a:link {text-decoration: none; color: #666666;}
.sitemap-item a:visited {text-decoration: none; color: #666666;}
.sitemap-item a:active {text-decoration: underline; color: #666666;}
.sitemap-item a:hover {text-decoration: underline; color: #666666;}
.sitemap-item-sub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
	padding-left: 20px;
}
.sitemap-item-sub a:link {text-decoration: none; color: #999999;}
.sitemap-item-sub a:visited {text-decoration: none; color: #999999;}
.sitemap-item-sub a:active {text-decoration: underline; color: #999999;}
.sitemap-item-sub a:hover {text-decoration: underline; color: #999999;}