body {
background-color: #F8ECB9;
margin-left: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
color: #444444;
}

#container {
background-image: url(images/main-bg.gif);
width: 752px;
margin-right: auto;
margin-left: auto;
position: relative; /* important for navigation */
}

#header {
width: 740px;
margin-right: 6px;
margin-left: 6px;
}

#flash {
width: 740px;
height: 210px;
}

#body {
width: 740px;
margin-right: 6px;
margin-left: 6px;
background-image: url(images/main-body-h1-bg.gif);
background-repeat: no-repeat;
}

#body-inner {
width: 485px;
padding-left: 40px;
float: left;
}

.section-inner-col {
float:left;
width:450px;
margin-right:10px;
position:relative;
}

#side-bar {
float: left;
width: 190px;
text-align: center;
}

#inner-home-sidebar {
float:right;
width:165px;	
}

#section-side-bar {
float:left;
width:200px;
}

#body-section-inner {
width: 660px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 20px;
float:left;
}

.body-section-inner-container {
width: 660px;
float: left;
clear: both;
}

.body-section-inner-text-left {
width: 440px;
float: left;
padding-bottom: 10px;
clear: both;
position:relative;
}

.body-section-side-bar {
float: left;
width: 200px;
padding-left: 20px;
}

.contact-box {
background-color: #457EAF;
width: 100%;
margin-top: 20px;
}

.contact-box p {
font-size: 10px;
color: #FFFFFF;
text-align: left;
line-height: 12px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 8px;
margin-right: 2px;
}

.contact-box a { color: #FFFFFF; }

.cta { background:#FF6600; margin-bottom:20px;}
.cta img { display:block;}
#footer {
background-color: #457EAF;
height: 56px;
width: 740px;
text-align: center;
clear: both;
}

#footer-links {
margin-top:-131px;
position:absolute;
right:0;
width:200px;
}

#qualmark {
display:block;
float:left;
}

#roto-tourism {
display:block;
float:left;
margin-right:10px;
}

#footer p {
color: #ffffff;
font-size: 10px;
line-height: 16px;
padding-top: 9px;
margin-top: 0;
margin-bottom: 0;
}

#footer a { color: #ffffff; }

.main-walk-box {
background-color: #FDF8E7;
background-image: url(images/main-walk-box-bg.gif);
background-repeat: repeat-x;
width: 485px;
clear: both;
}

.main-walk-box-image {
float: left;
text-align: center;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
position:relative;
}

.main-walk-box-text {
float: left;
width: 310px;
}

.main-walk-box-text p {
margin-top: 0;
margin-bottom: 8px;
}

.gold_medal_overlay {
position:absolute;
width:63px;
height:63px;
top:10px;
left:-21px;
background:transparent url(images/gold_medal_hike.png) top left no-repeat
}

.gold_medal_overlay_2 {
position:absolute;
width:63px;
height:63px;
top:-16px;
left:-70px;
background:transparent url(images/gold_medal_hike.png) top left no-repeat
}

.gold_medal_overlay_3 {
position:absolute;
width:63px;
height:63px;
top:-8px;
left:-70px;
background:transparent url(images/gold_medal_hike.png) top left no-repeat
}

p.waikaremoana_intro {
width:440px;
float:left
}

p.waikaremoana_goldmedal {
width:160px;
float:right
}

.noticerow {
width:580px;
margin:0 auto;
clear:both
}

.clear-floats {
clear: both;
height: 1%;
}

#body-inner blockquote {
background: url(images/quote-mark.gif) no-repeat 0px 10px;
margin: 0;
padding-top: 10px;
padding-bottom: 20px;
padding-left: 30px;
}

#body-inner blockquote p {
margin-bottom: 0ex;
padding: 1ex 0px 1ex 5px;
color: #034F93;
font-style: italic;
}

#body-inner blockquote cite {
display: block;
text-align: right;
font-style: normal;
color: #034F93;
}

#body-section-inner blockquote {
background: url(images/quote-mark.gif) no-repeat 0px 3px;
margin: 0;
padding-top: 10px;
padding-bottom: 20px;
padding-left: 30px;
}

#body-section-inner blockquote p {
margin-bottom: 10px;
padding: 0ex 0px 0ex 5px;
color: #034F93;
font-style: italic;
margin-top: 5px;
}

#body-section-inner blockquote cite {
display: block;
text-align: right;
font-style: normal;
color: #034F93;
}

p {
margin-top: 5px;
margin-bottom: 10px;
}

h3 {
font-size: 12px;
font-weight: bold;
color: #2F6B9F;
margin-top: 10px;
margin-bottom: 10px;
}

.section-title {
font-size: 12px;
font-weight: bold;
color: #2F6B9F;
margin-top: 10px;
margin-bottom: 10px;
}

a {
color: #2F6B9F;
text-decoration: underline;
}

a:hover { text-decoration: none; }

ul {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 30px;
padding-left: 0;
}

li {
margin-top: 4px;
margin-bottom: 6px;
background-image: url(images/bullet.gif);
padding-left: 20px;
background-repeat: no-repeat;
list-style-type: none;
background-position: 0px 4px;
margin-left: 0;
}

#body h1 {
height: 62px;
width: 740px;
margin: 0;
padding: 0;
}

#body h1 span { display: none; }

.main-h1 {
background-image: url(images/main-h1.gif);
background-repeat: no-repeat;
}

.sect-h1-walks {
background-image: url(images/sect-h1-walks.gif);
background-repeat: no-repeat;
}

.sect-h1-lake-waikaremoana-guided-walk {
background-image: url(images/sect-h1-lake-waikaremoana-guided-walk.gif);
background-repeat: no-repeat;
}

.sect-h1-waikaremoana-discovery-tour {
background-image: url(images/sect-h1-waikaremoana-discovery-tour.gif);
background-repeat: no-repeat;
}

.sect-h1-links {
background-image: url(images/sect-h1-links.gif);
background-repeat: no-repeat;
}


.sect-h1-tongariro-hiking-tour {
background-image: url(images/sect-h1-tongariro-hiking-tour.gif);
background-repeat: no-repeat;
}

.sect-h1-rotorua-day-trek {
background-image: url(images/sect-h1-rotorua-day-trek.gif);
background-repeat: no-repeat;
}

.sect-h1-custom-tours {
background-image: url(images/sect-h1-custom-tours.gif);
background-repeat: no-repeat;
}

.sect-h1-about-us {
background-image: url(images/sect-h1-about-us.gif);
background-repeat: no-repeat;
}

.sect-h1-environmental-policy {
background-image: url(images/sect-h1-environmental-policy.gif);
background-repeat: no-repeat;
}

.sect-h1-testimonials {
background-image: url(images/sect-h1-testimonials.gif);
background-repeat: no-repeat;
}

.sect-h1-the-area {
background-image: url(images/sect-h1-the-area.gif);
background-repeat: no-repeat;
}

.sect-h1-resources {
background-image: url(images/sect-h1-resources.gif);
background-repeat: no-repeat;
}

.sect-h1-contact-us {
background-image: url(images/sect-h1-contact-us.gif);
background-repeat: no-repeat;
}

.sect-h1-photo-gallery {
background-image: url(images/sect-h1-gallery.gif);
background-repeat: no-repeat;
}

.sect-h1-site-map {
background-image: url(images/sect-h1-site-map.gif);
background-repeat: no-repeat;
}

.sect-h1-terms-and-conditions {
background-image: url(images/sect-h1-terms-and-conditions.gif);
background-repeat: no-repeat;
}

.sect-h1-copyright {
background-image: url(images/sect-h1-copyright.gif);
background-repeat: no-repeat;
}

.sect-h1-bookings {
background-image: url(images/sect-h1-bookings.gif);
background-repeat: no-repeat;
}

.sect-h1-newsletter {
background-image: url(images/sect-h1-newsletter.gif);
background-repeat: no-repeat;
}

.sect-h1-information {
background-image: url(images/sect-h1-information.gif);
background-repeat: no-repeat;
}

#body h2 {
height: 28px;
width: 280px;
margin: 0;
padding: 0;
}

#body h2 span { display: none; }

.sect-h2-walks-lake-waikaremoana-guided-walk {
position:relative;
background-image: url(images/sect-h2-walks-lake-waikaremoana-guided-walk.gif);
background-repeat: no-repeat;
}

.sect-h2-walks-lake-urewera-discovery-tour {
background-image: url(images/sect-h2-walks-lake-urewera-discovery-tour.gif);
background-repeat: no-repeat;
}

.sect-h2-tongariro-hiking-tour {
background-image: url(images/sect-h2-tongariro-hiking-tour.gif);
background-repeat: no-repeat;
}

.sect-h2-walks-rotorua-day-trek {
background-image: url(images/sect-h2-walks-rotorua-day-trek.gif);
background-repeat: no-repeat;
}

.sect-h2-walks-custom-tours {
background-image: url(images/sect-h2-walks-custom-tours.gif);
background-repeat: no-repeat;
}

.image-padding { margin-top: 40px; }

.image-padding2 { margin-top: 10px; }

.pic-right {
margin-left: 10px;
margin-top: 2px;
margin-bottom: 10px;
float: right;
}

.pic-right-small {
margin-left: 5px;
margin-top: 0;
margin-bottom: 5px;
float: right;
}

#sect-bg {
background-image: url(images/sect-bg.gif);
background-repeat: repeat-y;
}

.sect-title-info {
font-size: 11px;
font-weight: bold;
color: #444444;
}

.captions { font-size: 10px; }

form input.text, form textarea {
font: 11px Verdana, sans-serif;
border: 1px solid #918E88;
background-color: #ffffff;
width: 250px;
margin-top: 5px;
}

form select {
font: 11px Verdana, sans-serif;
border: 1px solid #918E88;
background-color: #ffffff;
}

form .button {
background-color: #2F6B9F;
font: bold 11px Verdana, sans-serif;
color: white;
margin-right: 5px;
border-top: 1px solid #4269AD;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #4269AD;
}

.text-red { color: #990000; }

/*<navigation>*/
body { behavior:url("/csshover.htc"); /* Needed for menu to work in IE */ }

#nav-container {
width: 752px;
margin-right: auto;
margin-left: auto;
position: relative;
}

ul#navigation {
list-style-type: none;
padding: 0;
margin: 0;
border: 0;
top: 0;
left: 0;
width: 740px;
height: 23px;
background: #ffffff url(images/sect-nav.png) no-repeat;
}

/*<group=level 1>*/

ul#navigation li {
padding: 0;
margin: 0;
display: block;
float: left;
text-indent: -9999px;
}

ul#navigation a {
border: 0;
display: block;
height: 23px;
background: url(images/sect-nav.png) no-repeat;
}

ul#navigation a:hover {
border: 0;
display: block;
background: url(images/sect-nav.png) 0 -23px;
}

/*</group>*/

/*<group=level 1 ids>*/

li#home a { width: 81px; }

li#walks a {
width: 88px;
background-position: -81px 0;
}

li#walks a:hover { background-position: -81px -23px; }

li#photo-gallery a {
width: 81px;
background-position: -169px 0;
}

li#photo-gallery a:hover { background-position: -169px -23px; }

li#testimonials a {
width: 114px;
background-position: -250px 0;
}

li#testimonials a:hover { background-position: -250px -23px; }

li#about-us a {
width: 106px;
background-position: -364px 0;
}

li#about-us a:hover { background-position: -364px -23px; }

li#contact-us a {
width: 108px;
background-position: -470px -0;
}

li#contact-us a:hover { background-position: -470px -23px; }

li#bookings a {
width: 162px;
background-position: -578px 0;
}

li#bookings a:hover { background-position: -578px -23px; }

/*</group>*/

/*<group=level 2>*/

#navigation li ul#sub-menu1 {
display: block;
visibility: hidden;
position: absolute;
width: 748px;
margin: 0;
background: none;
height: 32px;
left:7px;
_padding-left:0;
_left:-84px;
}

#navigation li ul#sub-menu2 {
display: block;
visibility: hidden;
position: absolute;
left: 0;
width: 303px;
margin: 0;
}

#navigation li:hover ul#sub-menu1 , #navigation li:hover ul#sub-menu2{
visibility: visible;
z-index: 100;
}


#navigation li#about-us ul#sub-menu2 {
background: none;
height: 32px;
margin-left: 370px;
*left:-53px;
}

* html #navigation li#walks ul#sub-menu1 { margin-left: 92px; }

* html #navigation li#about-us ul#sub-menu2 { margin-left: 421px; }

/*</group>*/

/*<group=level 2 ids>*/

ul#navigation li#walks ul#sub-menu1 li#waikaremoana a:link, ul#navigation li#walks ul#sub-menu1 li#waikaremoana a:visited {
width: 207px;
height: 32px;
background: url(images/sect-nav-walks.gif) no-repeat 0px 0;
}

ul#navigation li#walks ul#sub-menu1 li#waikaremoana a:hover {
width: 207px;
height: 32px;
background: url(images/sect-nav-walks.gif) no-repeat 0px -32px;
}

ul#navigation li#walks ul#sub-menu1 li#urewera a:link, ul#navigation li#walks ul#sub-menu1 li#urewera a:visited {
width: 186px;
height: 32px;
background: url(images/sect-nav-walks.gif) no-repeat -207px 0;
}

ul#navigation li#walks ul#sub-menu1 li#urewera a:hover {
width: 186px;
height: 32px;
background: url(images/sect-nav-walks.gif) no-repeat -207px -32px;
}

ul#navigation li#walks ul#sub-menu1 li#tongariro a:link, ul#navigation li#walks ul#sub-menu1 li#tongariro a:visited {
width: 134px;
height: 32px;
background: url(images/sect-nav-walks.gif) no-repeat -393px 0;
}

ul#navigation li#walks ul#sub-menu1 li#tongariro a:hover {
width: 134px;
height: 32px;
background: url(images/sect-nav-walks.gif) no-repeat -393px -32px;
}

ul#navigation li#walks ul#sub-menu1 li#rotorua a:link, ul#navigation li#walks ul#sub-menu1 li#rotorua a:visited {
width: 113px;
height: 32px;
background: url(images/sect-nav-walks.gif) no-repeat -527px 0;
}

ul#navigation li#walks ul#sub-menu1 li#rotorua a:hover {
width: 113px;
height: 32px;
background: url(images/sect-nav-walks.gif) no-repeat -527px -32px;
}

ul#navigation li#walks ul#sub-menu1 li#custom a:link, ul#navigation li#walks ul#sub-menu1 li#custom a:visited {
width: 96px;
height: 32px;
background: url(images/sect-nav-walks.gif) no-repeat -641px 0;
}

ul#navigation li#walks ul#sub-menu1 li#custom a:hover {
width: 96px;
height: 32px;
background: url(images/sect-nav-walks.gif) no-repeat -641px -32px;
}

ul#navigation li#about-us ul#sub-menu2 li#environmental-policy a:link, ul#navigation li#about-us ul#sub-menu2 li#environmental-policy a:visited {
width: 134px;
height: 32px;
background: url(images/sect-nav-about-us.gif) no-repeat 0px 0;
}

ul#navigation li#about-us ul#sub-menu2 li#environmental-policy a:hover {
width: 134px;
height: 32px;
background: url(images/sect-nav-about-us.gif) no-repeat 0px -32px;
}

ul#navigation li#about-us ul#sub-menu2 li#testimonials a:link, ul#navigation li#about-us ul#sub-menu2 li#testimonials a:visited {
width: 89px;
height: 32px;
background: url(images/sect-nav-about-us.gif) no-repeat -134px 0;
}

ul#navigation li#about-us ul#sub-menu2 li#testimonials a:hover {
width: 89px;
height: 32px;
background: url(images/sect-nav-about-us.gif) no-repeat -134px -32px;
}

ul#navigation li#about-us ul#sub-menu2 li#the-area a:link, ul#navigation li#about-us ul#sub-menu2 li#the-area a:visited {
width: 80px;
height: 32px;
background: url(images/sect-nav-about-us.gif) no-repeat -223px 0;
}

ul#navigation li#about-us ul#sub-menu2 li#the-area a:hover {
width: 80px;
height: 32px;
background: url(images/sect-nav-about-us.gif) no-repeat -223px -32px;
}

/*</group>*/
/*</navigation>*/
.terms { text-transform: uppercase; }

/* This is used for anti-spam in the newsletter form.  We hide it from real users so we can */
/* tell if an automated spammer had filled out the form (they fill in all inputs). */
.myemail { display: none; }

/* ICONS
----------------------------------------------------------------------------------*/
.more-info, .gallery, .testimonial, .video {
padding-left:20px;
padding-right:10px;
padding-top:3px;
}

.more-info { background:transparent url(images/information.png) center left no-repeat; }
.gallery { background:transparent url(images/camera.png) center left no-repeat; }
.testimonial {background:transparent url(images/comment.png) center left no-repeat; font-weight:bold;}
.video { background:transparent url(images/film.png) center left no-repeat; }

.overlay-caption {
position:relative;
height:150px;
}
.overlay-caption img { border:none;}
.overlay-caption { border:none; }

.overlay-caption .caption, .overlay-caption .video-caption {
background:url(images/photo-overlay.png) bottom left no-repeat;
_background:url(images/photo-overlayie6.gif) bottom left no-repeat;
position:absolute;
bottom:0;
left:0;
width:200px;
height:23px;
}

.overlay-caption .caption a {
background:url(images/camera.png) left center no-repeat;
padding-left:20px;
margin-left:65px;
line-height:21px;
font-weight:bold;
}

.overlay-caption .video-caption a, .overlay-caption .video-caption a {
background:url(images/film.png) left center no-repeat;
padding-left:20px;
margin-left:49px;
line-height:21px;
font-weight:bold;
}

.overlay-caption-home {
position:relative;
height:120px;
}

.overlay-caption-home .video-caption {
background:url(images/photo-overlay-home.png) bottom left no-repeat;
_background:url(images/photo-overlayie6-home.gif) bottom left no-repeat;
position:absolute;
bottom:0;
left:0;
width:165px;
height:23px;
}

.overlay-caption-home .video-caption a {
background:url(images/film.png) left center no-repeat;
padding-left:20px;
margin-left:0px;
line-height:21px;
font-weight:bold;
}