#bg { position: fixed; top: 0; left: 0; z-index: 100;}
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

/* 
---------- 
Adapted from BluePrint CSS framework 
by Iain Urquhart - shout@iain.co.nz
---------- 
*/

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography  */
body {font-size:75%; background:#fff url(../gfx/header-bg.png) no-repeat top center;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color: #5c7289;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em; font-weight: bold;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {}
a:focus, a:hover {color:#c25400;}
a {color:#f7832a;text-decoration:underline;}
blockquote {margin:1.5em;color: #5c7289;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0; color: #bababa;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
th.borderless,
td.borderless {border: none;}
td.last {padding-bottom: 10px;}
th, td {padding:4px 10px 4px 5px; border-bottom: 1px solid #bababa;}
tr.even td {}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* bits */
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.reset, .reset * {margin: 0; padding: 0;}

/* forms */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#f5cf8c;color:#000;border-color:#e69d1c;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

#rankers_widget,
#rankers_widget_50 {margin-bottom: 30px;}

.wrapper {text-align: center; z-index: 1000;}
.canvas {margin: 0 auto; text-align: left; width: 980px;}

#banner {position: relative;}
#banner a {color: #fff; text-decoration: none;}
#banner h1,
#banner h1 a {width: 339px; height: 120px; display: block;}
#banner h1 a {text-indent: -3000px; background: url(../gfx/nzst_logo.png) no-repeat 0 50px ;  margin: 0 0 0 10px;}

#banner ul {list-style-type: none;}
#banner ul li {float: left; display: block;  text-transform: uppercase; font-weight: bold; font-size: 14px; letter-spacing: 0.1em; text-align: center;}
#banner ul li.active {background-color: #adb8c4;}
#banner ul li#home-tab  {width: 99px; height: 44px;}
#banner ul li#tours-tab {width: 210px; height: 44px;}
#banner ul li#destinations-tab {width: 160px; height: 44px;}
#banner ul li#guides-tab {width: 205px; height: 44px;}
#banner ul li#news-tab {width: 165px; height: 44px;}
#banner ul li#enquiries-tab {width: 141px; height: 44px;}
#banner ul li a {display: block; padding: 11px 0; background-color: #5c7289; color: #c2cdd9;}
#banner ul li a.active {background-color: #adb8c4; color: #fff;}
#banner ul li a.active a:hover {color: #fff;}
#banner ul li a:hover {color: #fff;}

#jap-link a {background: url(../gfx/jap-flag.gif) no-repeat; position: absolute; top: 7px; left: 10px; height: 17px}
#jap-link p a {padding-left: 30px; color: #fff; font-size: 10px; text-decoration: none;}

#eng-link a {background: url(../gfx/british-flag.gif) no-repeat; position: absolute; top: 7px; left: 10px; height: 17px}
#eng-link p a {padding-left: 30px; color: #fff; font-size: 10px; text-decoration: none;}

#top-nav {position: absolute; top: 0; right: 0;}
#top-nav ul {list-style-type: none; padding-right: 10px;}
#top-nav ul li {display: block; float: left; text-transform: uppercase; font-size: 13px; font-weight: normal; height: 32px;}
#top-nav ul li a {text-decoration: none; color: #5c7289; background-color: #adb8c4; padding: 6px 0;}

#search {position: absolute; right: 0; top: 50px; padding: 10px;}
#search table {width: 390px;;}
#search table td {border-bottom: none;}
#search table td.search_icon {background: url(../gfx/search_icon.jpg) no-repeat center;}
#search table td input.text {color: #5c7289; background: #fff; border: solid 1px #c2cdd9; padding: 9px 5px;  max-height: 35px; margin-right: 5px;}
#search table td input.submit {width: 40px; height: 32;}

#search_results table {width: 740px;}

.wrapper.hero {background-color: #9cc8e6; border-bottom: solid 5px #adb8c4;}
#hero-header {background: url(../gfx/hero-image.jpg) no-repeat top left; height: 310px; width: 980px; position: relative;}
#hero-header img {position: absolute; top: 0; left: 0;}
#hero-header #watermark {height: 310px; width: 980px; background: url(../gfx/hero-overlay.png) no-repeat right bottom; position: absolute; right: 0; text-align: right;}

#crumbs {border-bottom: 2px solid #adb8c4; height: 28px;}
#crumbs p {font-size: 11px; line-height: 28px; margin-left: 10px;}

#sub-nav {float: left; width: 210px; border-top: 30px solid #fff; border-left: 10px solid #fff;}
#sub-nav h3.item-header {margin-right: 15px; color: #0775c1; font-weight: bold; margin-bottom: 10px; font-size: 17px; line-height: 19px;}
#sub-nav ul { margin:10px 0 30px 0; padding: 0; list-style-type: none;}
#sub-nav ul li {padding:0; clear: left; display: block; border-bottom: 1px solid #bababa;}
#sub-nav ul li a {background: url(../gfx/subnav-link-icon.png) no-repeat center left; display: block; padding: 10px 0 10px 20px; text-decoration: none;  font-size: 16px; font-weight: bold;  color: #818a95;}
#sub-nav ul li a.active {background: url(../gfx/subnav-link-icon.png) no-repeat center left; color: #e79c19;}
#sub-nav ul li a:hover {background: #eee url(../gfx/subnav-link-icon.png) no-repeat center left; color: #e79c19;}
#sub-nav ul ul {margin: 0;}
#sub-nav ul ul li {border: none;}
#sub-nav ul ul li a {font-size: 12px; font-weight: normal; background: none;}
#sub-nav ul ul li a.active {background-image: none; color: #e79c19}
#sub-nav ul ul li a:hover {color: #e79c19; background: #eee;}

.sub-nav-item {clear: left;}
.sub-nav-item img {float: left; margin: 0 10px 0 0; border-bottom: solid #fff 30px;}
.sub-nav-item a {text-decoration: none; color: #5c7289; float: right;}
.sub-nav-item a:hover {color: #16c1e4;}
.sub-nav-item h3 {text-transform: uppercase; margin: 0 15px 10px 0; color: #0775c1; font-weight: bold;}

.odd {}
.even {}
.odd p,
.even p {padding: 10px 10px 0 10px;} 
.odd p.post-details,
.even p.post-details {color: #0775c1; margin-top: -20px; padding-bottom: 10px;}

#main_content_img_wrapper {width: 510px; background-color: #cde3f3;}
#main_content_img_wrapper img {padding-top: 10px;}
#main_content_img_wrapper .image-caption {font-style: italic; font-size: 11px; clear: left; display: block; padding: 7px;}

img#destination-logo {float: right; margin: 0 0 10px 20px;}

#text-wrapper {width: 510px; float: left; border-top: 25px solid #fff; border-left: 20px solid #fff; margin-bottom: 20px;}
.intro {font-size: 1.125em; font-weight: bold;}
#text-wrapper .book-now {float: right;}


#text-wrapper-home {float: left; border-top: 25px solid #fff; border-left: 10px solid #fff; width: 740px;}

#text-wrapper li.tweet_btn {list-style-type: none; background: url(../gfx/tweet_btn.png) no-repeat; width: 136px; height: 32px; padding-bottom: 15px;}
#text-wrapper li.tweet_btn a {display: block; color: #fff; text-decoration: none; text-transform: uppercase; padding: 7px 0 0 45px; font-weight: bold;}
#text-wrapper li.tweet_btn a:hover {text-decoration: underline;}

.tour-includes {padding: 15px 15px 15px 15px; border: 1px solid #bababa;}
#page79 .tour-includes {margin-bottom: 15px;}
.pricing {font-size: 1.25em;}

.teaser-wrapper-home {float: left; width: 360px; background: #cde3f3; padding: 10px 0; margin: 0 10px 15px 0; min-height: 110px;}
.teaser-wrapper-home dl {float: left; width: 340px; display: inline; margin: 0 10px;}
.teaser-wrapper-home dt {float: right; width: 210px; margin-bottom: 10px; padding: 0;}
.teaser-wrapper-home dt a {text-transform: uppercase; font-weight: bold; color: #0775c1; font-size: 1.5em;}
.teaser-wrapper-home dd {margin-left: 130px; padding: 0;}
.teaser-wrapper-home dl dd.img {margin: 0}
.teaser-wrapper-home dd.img img {float: left; border: solid 1px #5c7289;}

.teaser-wrapper {float: left; width: 450px; background-color: #cde3f3; padding: 10px 0; margin: 0 0 15px 0;}
.teaser-wrapper dl {float: left; width: 430px; display: inline; margin: 0 10px;}
.teaser-wrapper dt {float: right; width: 300px; margin: 0 0 10px 10px; padding: 0;}
.teaser-wrapper dt a {text-transform: uppercase; font-weight: bold; color: #0775c1; font-size: 1.5em;}
.teaser-wrapper dd {margin-left: 130px; padding: 0;}
.teaser-wrapper dl dd.img {margin: 0; float: left;}
.teaser-wrapper dd.img img {float: left; border: solid 1px #5c7289;}

.accommodation-item {background:#f5cf8c; color:#5c7289; border: solid 1px #e69d1c; margin-bottom: 20px;}
.accommodation-item p {padding: 10px;}
.accommodation-item h4 {line-height: 30px;}
.accommodation-item a {margin-left: 10px; text-transform: uppercase; font-weight: bold;}

.dates {border-bottom: 20px solid #fff;}

.item {width: 490px; margin-bottom: 15px;}
.item h5 {letter-spacing:0.1em; text-transform: uppercase; font-weight: bold; margin-left: 50px; line-height: 40px;}
.item h5 a {background: url(../gfx/comment-icon.png) no-repeat center left; padding-left: 24px; float: right; margin-right: 10px; text-decoration: none; font-weight: normal;}
.item h4 {text-transform: uppercase; padding: 0; margin: 0 0 5px 10px; color: #0775c1; font-weight: bold; font-size: 15px;}
.item h4 a {text-decoration: none; color: #0775c1;}
.item p {margin: 0 0 10px 10px;}

.item.video { background: #cde3f3 url(../gfx/video-icon.png) no-repeat 10px 10px;}

.item.photo {background: #cde3f3 url(../gfx/image-icon.png) no-repeat 10px 10px;}
.item.photo img {padding: 0 0 10px 10px;}
.item.photo ul {list-style-type: none;}
.item.photo ul li {float: left;}

.item.blog {background: #cde3f3 url(../gfx/blog-icon.png) no-repeat 10px 10px;}
.item.blog .teaser-img {float: left; padding: 3px 10px 10px 10px;}
.item.blog .teaser-text {float: left; width: 360px;}
.item.blog .teaser-text a {text-decoration: none;}
.item.blog .no-image {width: 470px;}

.item.testimonial {background: #cde3f3 url(../gfx/quote-icon.png) no-repeat 10px 10px;}
.item.testimonial blockquote cite {font-style: normal; line-height: 40px; font-weight: bold; font-size: 12px; margin-left: 10px;}
.item.testimonial blockquote p {margin: 6px 12px 0 12px; font-size: 15px; line-height: 18px; text-indent: -7px; letter-spacing: 0.1em;}

.vid-wrapper {padding-bottom: 10px;};
.img-wrapper {};

#img-caption {margin: 0 0 20px 10px; clear: left;}
.caption {clear: left !important;}

p img.category-image {float: right; margin: 0 15px 20px 20px;}

.page-image {margin: 0; padding: 0; width: 260px; margin: 5px 15px 15px 15px;}
.page-image.align-left {float: left; margin-left: 0;}
.page-image.align-right {float: right; margin-right: 0;}
.page-image a {text-decoration: none; display: block;}

#contact-form {width: 90%;}
#contact-form th {width: 170px;}

.required {color: red;}

#filter {margin-bottom: 30px;}
#filter ul {padding: 0; list-style-type: none;}
#filter ul li {padding:0; clear: left; display: block; border-bottom: 1px solid #bababa;}
#filter ul li a {background: url(../gfx/subnav-link-icon.png) no-repeat center left; display: block; padding: 10px 0 10px 20px; text-decoration: none;  font-size: 16px; font-weight: bold;  color: #818a95;}
#filter ul li a.active {background: url(../gfx/subnav-link-icon.png) no-repeat center left; color: #e79c19;}
#filter ul li a:hover {background: #eee url(../gfx/subnav-link-icon.png) no-repeat center left; color: #e79c19;}

#sidebar {border-left: 20px solid #fff; width: 210px; float: left; border-top: 30px solid #fff;}
#sidebar h3 {text-transform: uppercase; margin-bottom: 10px; color: #0775c1; font-weight: bold; line-height: 22px;}
#sidebar p {margin-right: 15px;}
#sidebar ul {list-style-type: none; margin: 0;}
#sidebar ul li a {color: #16c1e4;}

.sidebar-item {margin-bottom: 30px;}
.sidebar-item th {background: none;}
.sidebar-item p.note {color:#f7832a; font-style: italic; font-size: 11px;}

#sidebar .sidebar-item.module p a {color: #5c7289; text-decoration: none;}
#sidebar .sidebar-item.module p a:hover {color: #16c1e4;}
#sidebar .sidebar-item.module ul {}

#testimonials a {color: #16c1e4;}
#testimonials p {width: 175px;}
#quote-wrapper {background-color: #cde3f3;}
#quote-wrapper img {float: right; margin: 0 0 10px 10px;}
#quote-wrapper blockquote {width: 174px; margin-left: 17px; text-indent: -5px; padding: 15px 0; font-size: 11px;}
#quote-wrapper blockquote p {margin-bottom: 5px;}
#quote-wrapper blockquote cite {font-weight: bold; font-style: normal; margin-left: 5px;}

#album img {margin: 10px 0 10px 10px; border: solid 1px #5c7289;}
#album a {color: #16c1e4;}
#album p {margin-top: 10px;}
#image-wrapper {background-color: #cde3f3;}

#footer {clear: both; padding: 2em 1em; border-top: 1px solid #adb8c4; margin: 1em;}	
#footer ul {padding: 0;margin: 0;list-style-type: none;}
#footer ul li {display: inline;margin-right: 1em;}








#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/core/js/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/core/js/images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/core/js/images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

#lightboxIframe {
	display: none;
}