/* 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 {
	background: #fff;
	color: #4C4C4C;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 75%; /* font-size percentage is of 16px (0.75 * 16px = 12px) */
	line-height: 1.6;
}

a img {border:none;}
.clearer {height:1px; clear:both;}
.hidden {visibility:hidden; display:none;}

/* headings
============================================================== */

h1 {
	color: #052e43;
	font-size: 1.7em;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 0.9em;
}

h2 {
	color: #052e43;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 0.25em;
	margin-top: 1.25em;
}

h3 {
	color: #052e43;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.25;
	margin-bottom: 0.25em;
}

	h2 a,
	h3 a {
		color: #052e43;
		text-decoration: none;
	}

	h2 a:hover,
	h3 a:hover {
		text-decoration: underline;
	}

/* text elements
============================================================== */

p {
	margin: 0 0 1em 0;
}

a {
	color: #0f8ec5;
	text-decoration: underline;
}

a:focus, a:active {
	outline: 0;
}

a:hover {
	text-decoration: none;
}

abbr {
	cursor: help;
}

em {
	font-style: italic;
}

/* lists
============================================================== */

li ul, li ol {
	margin: 0 1.5em;
}

ul, ol {
	margin: 0 1.5em 1.5em 2.5em;
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

/* site layout
============================================================== */

/* container */

div#container {
	margin: 1em auto;
	width: 960px;
}

	/* logo */

	div#container img.logo {
		position: absolute;
		z-index: 2;
		margin-left: 15px;
	}

	/* header */

	div#container div#header {

	}

		/* site nav */

		div#header div#site-nav-bar {
			background: url(../../images/navigation-bar.gif) repeat-x bottom left;
			border-bottom: 1px solid #CBCBCB;
			height: 41px;
			padding-top: 51px;
		}

			div#header img.tagline {
				float: left;
				margin: 18px 0 0 195px;
			}

			div#header ul#site-nav {
				float: right;
				list-style: none;
				margin: 0;
				padding: 0;
			}

				ul#site-nav li {
					float: left;
				}

					ul#site-nav li a {
						border-left: 1px solid #EDEDED;
						border-right: 1px solid #FFFFFF;
						display: block;
						font-family: Trebuchet MS;
						font-size: 1.1em;
						float: left;
						padding: 0.8em 28px;
						text-decoration: none;
					}

					ul#site-nav li a:hover {
						background: url(../../images/navigation-bar-highlight.gif) repeat-x top left;
					}

					ul#site-nav li a.last {
						border-right: none;
					}

					ul#site-nav li a.selected {
						background: url(../../images/navigation-bar-highlight.gif) repeat-x top left;
					}

	/* banners */
	
	div#slideshow {
		height: 375px;
		width: 954px;
	}
	
	div#slideshow,
	img.banner {
		border: 3px solid #E2E2E2;
		border-top: none;
		margin-bottom: 25px;
	}

	body.borneo img.banner,
	body.tasmania img.banner,
	body.srilanka img.banner,
	body.vietnam img.banner,
	body.bhutan img.banner {
		margin-bottom: 0;
	}
	
		/* content */

		div#container div#content {
			margin: 0 1.5em;
		}

/* footer */

div#footer {
	border-top: 1px solid #C4C4C4;
	clear: both;
	color: #999999;
	font-size: 0.95em;
	margin-top: 2em;
	overflow: auto;
	padding: 0.5em 0 50px 0;
}
	
	/* legal */
	
	p.legal {
		float: left;
		margin: 7px 0 0 0;
	}
	
		p.legal a {
			color: #999999;
			font-size: 0.95em;
			padding: 0 0.5em;
			text-decoration: none;
		}

		p.legal a:hover {
			text-decoration: underline;
		}
		
		p.legal a.first {
			padding-left: 0;
		}
		
		p.legal span.copyright {
			display: block;
			padding-left: .1em;
		}
	
	/* memberships */

	div.memberships {
		margin: 0;
		float: right;
	}
	
	/* social */

	p.social {
		margin: 7px 0 0 10px;
		float: right;
	}
	
		p.social a {
			padding: 0 .2em 0 0;
		}
	
		p.social span {
		    display: block;
			margin-right: .2em;
			margin-top: -.1em;
		}

		p.social a.last {
			padding-right: 0;
		}

/* section nav
============================================================== */

/* common */

ul#section-nav ul, 
ul#section-nav li {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

ul#section-nav a {
	display: block;
	text-decoration: none;
}

ul#section-nav a:hover {
	text-decoration: underline;
}

/* structure */

ul#section-nav {
	border-bottom: 1px solid #D1E2EA;
	margin: 0 0 25px 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

	ul#section-nav > li {
		float: left; /* force IE7 into NOT to showing whitespace */
		margin: 0;
		padding: 0;
		width: 100%;
	}

		/* section heading */
		
		ul#section-nav li h2 {
			color: #666666;
			float: left;
			margin: 1em 0 0 0; /* align with page links */
			padding: 0;
		}
			
			/* section pages */
		
			ul#section-nav li ul#pages {
				float: right;
			}
			
				ul#section-nav li ul li {
					float: left;
					padding: 0.8em 0 1em 3.25em;
				}

					ul#section-nav li ul li a.page {
						font-family: Trebuchet MS;
						font-size: 1.1em;
					}

					ul#section-nav li ul li a.page.selected {
						text-decoration: underline;
					}

/* content styles
============================================================== */

/* common */

a.action {
	background: url(../../images/bullet-arrow-red.png) no-repeat center left;
	font-size: 1em;
	padding: 0.5em 0 0.5em 18px; /* 18px for background image */
}

a.pdf {
	background: transparent url(../../images/icon-pdf.gif) no-repeat center left;
	padding: 0.5em 0 0.5em 20px; /* 18px for background image */
}

div#content p.last {
	margin-bottom: 0;
}

/* intro */

p.intro {
	font-size: 1.4em;
	margin-bottom: 20px;	/* 25px spacing - 3px line-height */
	width: 750px;
}

p.intro strong {
	font-weight: normal;
}

/* feature images */

img.feature {
	border: 3px solid #E2E2E2;
}

a.feature {
	border: 3px solid #E2E2E2;
	display: inline-block;
}

a.feature:hover {
	border-color: #AAAAAA;
}

	a.feature img.feature {
		border: none;
	}

/* itinerary */

ol.itinerary {
	list-style: none;
	margin: 0;
	overflow: hidden;
}

	ol.itinerary li {
		clear: left;
		margin: 0 0 25px;
		overflow: hidden;
		padding: 0 0 0 5em;
		position: relative;
	}

	ol.itinerary li.last {
		margin-bottom: 0;
	}
	
		ol.itinerary li h2 {
			margin-top: 0;
		}

			ol.itinerary li h2 span.day {
				left: 0;
				position: absolute;
				top: 0;
			}

		ol.itinerary li p.meals {
			margin: -0.5em 0 0 0;
		}

h2.itinerary {
	border-bottom: 1px solid #D1E2EA;
	padding-bottom: 0.25em;
	margin-top: 25px;
	margin-bottom: 1em;
}

/* contact */

abbr.phone {
	display: inline-block;
	width: 1em;
}

.nowrap {
	white-space: nowrap;
}

/* home page
============================================================== */

/* adventures */

ul#adventures {
	list-style: none;
	margin: 0;
	overflow: hidden;
}

	ul#adventures li {
		background: url(../../images/divider-horizontal.gif) no-repeat top right;
		float: left;
		/*height: 18em;*/
		width: 25%;
	}

	ul#adventures li.last {
		background: none;
	}

		ul#adventures li div.inner {
			margin: 0 auto;
			width: 190px;
		}
			
			/* heading */
			
			ul#adventures li div.inner h2 {
				margin: 0 0 10px 0;
			}

				ul#adventures li div.inner h2 a {   
					color: #052e43;
					text-decoration: none;
				}

				ul#adventures li div.inner h2 a:hover {   
					color: #052e43;
					text-decoration: underline;
				}
			
			/* photo */

			ul#adventures li div.inner a.photo {
				border: 3px solid #E2E2E2;
				display: block;
				height: 70px;
				margin-bottom: 8px;
			}

			ul#adventures li div.inner a.photo:hover {
				border: 3px solid #AAAAAA;
			}

			ul#adventures li div.inner p {
				margin-bottom: 0.5em;
			}

/* divider */

hr.divider {
	border: none;
	border-top: 3px solid #D1E2EA;
	height: 3px;
	margin: 1.75em 0;
	width: 100%;
}

/* company-info */

div#company-info {
	overflow: hidden;
	margin: 0 auto;
	width: 900px;
}

	div#company-info div.box-1 {
		float: left;
		width: 46.5%;
	}

	div#company-info div.box-2 {
		float: right;
		width: 46.5%;
	}

		div.box h2 {
			color: #B81D21;
			font-size: 1.2em;
			margin-top: 0;
		}
		
		div.box p {
			margin-bottom: 0.25em;
		}

/* adventure feature
============================================================== */

/* index (defaults to 2 column layout) */

div.index {
	overflow: hidden;
}

	div.index div {
		float: left;
		margin: 0 0 25px 0;
		width: 441px;
	}

	div.index div.even {
		float: right;
	}

	div.index div.last {
		margin-bottom: 0;
	}

		div.index div h2 {
			margin: 0 0 8px 0; /* 10px spacing - 2px line-height */
		}

		div.index div img.feature {
			
		}

		div.index div p {
			margin: 8px 0 0 0; /* 10px spacing - 2px line-height */
		}

/* page specific */

body.adventures div.index div p {
	margin-bottom: 5px;
}

/* summary (adventure)
============================================================== */

/* common */

div#summary {
	font-size: 0.95em;
}

div#summary div.inner {
	margin: 1.5em;
}

div#summary div.details ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* structure */

div#summary {
	margin: 25px 0 0 0;
	overflow: hidden;
	width: 100%;
}

	/* map */

	div#summary img.map {
		border-right: 1px solid #fff;
		float: left;
	}
	
	/* TODO: temp map solution*/
	div#summary div#map-panel {
		background: #F3F3F3 url(../../images/panel-light-blue-bg.jpg) repeat-x bottom right;
		border-right: 1px solid #fff;
		float: left;
		height: 333px;
		width: 250px;
	}

	/* details */
	
	div#summary div.details {
		background: #F3F3F3 url(../../images/panel-grey-bg.jpg) repeat-x bottom right;
		border-right: 1px solid #fff;
		float: left;
		height: 333px;
		width: 235px;
	}
	
	div#summary div.details#details-costs {
		border-left: 1px solid #D4D4D4;
	}

	div#summary div.details#details-booking {
		background: #F3F3F3 url(../../images/panel-light-blue-bg.jpg) repeat-x bottom right;
		border-left: 1px solid #D3D3D5;
		border-right: none;
		width: 234px;
	}

		div#summary div.details h2 {
			color: #333333;
			font-size: 1.05em;
			font-weight: bold;
			margin: 0 0 0.75em 0;
		}

		div#summary div.details ul.first {
			margin: 0 0 1em 0;
			min-height: 9em;
		}

		body.tasmania div#summary div.details ul.first {
			margin: 0 0 .5em 0;
			min-height: 9em;
		}
		
		body.borneo div#summary div.details ul.first {
			margin: 0 0 .5em 0;
			height: 120px;
		}

			div#summary div.details ul li {
				color: #707070;
				margin: 0 0 0.2em 0;
			}

				div#summary div#details-costs ul li ul.months {
					margin-top: 0.25em;
				}

		/* booking */

		div#summary div#details-booking h2 {
			color: #042E66;
			font-size: 1.6em;
			font-weight: normal;
			margin: 0 0 0.5em 0;
		}

		div#summary div#details-booking h3 {
			font-size: 1.05em;
			margin: 1.25em 0 0.5em 0;
		}

		div#summary div#details-booking p {
			color: #707070;
			margin: 0 0 0.25em 0;
		}
		
		div#summary div#details-booking p.booking-form {
			margin: 1em 0;
		}

/* itinerary
============================================================== */

div#main {
	overflow: hidden;
}

body.itinerary div#content,
body.explanation div#content,
body.information div#content,
body.book div#content,
body.about div#content,
body.tailored div#content {
	display: inline; /* IE6 fix for double margin bug */
	float: left;
	width: 678px; /* 3em (36px) gutter between content and aside */
}

body.itinerary div#aside,
body.explanation div#aside,
body.information div#aside,
body.book div#aside,
body.about div#aside,
body.tailored div#aside {
	display: inline; /* IE6 fix for double margin bug */
	float: right;
	margin-top: 62px; /* align with first paragraph */
	margin-right: 1.5em;
	width: 210px;
}

body.about div#aside,
body.tailored div#aside {
	margin-top: 42px;
}
	body.section-adventures div#aside p,
	body.about div#aside p,
	body.tailored div#aside p.last {
		font-size: 90%;
		margin-top: 0.25em;
		margin-bottom: 25px;
	}

	body.section-adventures div#aside p.last,
	body.about div#aside p.last,
	body.tailored div#aside p.last {
		margin-bottom: 0;
	}

body div#aside.tasmania-itinerary {
	margin-top: 191px;
}

/* gallery
============================================================== */

h2.divider {
	border-bottom: 1px solid #D1E2EA;
	padding-bottom: 0.25em;
	margin-top: 25px;
	margin-bottom: 1em;
}

.gallery ul {
	clear: left;
	list-style: none;
	margin: 0 0 0 -.5em;
	overflow: hidden;
	padding: 0;
	_zoom: 1;
}

	.gallery li {
		float: left;
		height: 150px;
		margin: .4em;
		padding: 0;
		
		/*
		overflow: hidden;
		_zoom: 1;
		*/
	}

		.gallery li a.thumb {
			border: 3px solid #E2E2E2;
			display: block;
		}

		.gallery li a.thumb:hover {
			border: 3px solid #AAAAAA;
		}

		.gallery li a.thumb img {
			display: block;
		}

/* image gallery */

.section-media h2.divider {
	font-size: 1.35em;
}

.section-media h3 {
	font-size: 1.25em;
}

/* photo gallery (adventure section) */

.photo-gallery .gallery li {
	height: auto;
}

/* news bar
============================================================== */
#news-bar {
    background: #F3F3F3 url(../../images/panel-grey-bg.jpg) repeat-x top right;
	margin: 1.75em auto;
    padding: .5em 0;
}
#news-bar h2 {
	display: inline;
	font-size: 110%;
	font-weight: normal;
	margin: 0 0 0 2em;
	padding: 0;
}
#news-bar fieldset {
	display: inline;
}
#news-bar legend, 
#news-bar label {
	position: absolute;
	left: -9999px;
}
#news-bar input {
	font-size: 95%;
	margin: 0 0 0 .2em;
}
#news-bar input.text {
	color: #4C4C4C;
	padding: .1em;
	width: 18em;
}
#news-bar input.button {
	background: #B71D14 url(../../images/button-bg.png) repeat-x top left;
	border: 1px solid #C5564F;
	color: #fff;
	cursor: pointer;
	padding: 0 .75em;
}

/* quotes
============================================================== */
#quotes {
	/*background: #F6F6F6 url(../../images/bg-grey-gradient-lg.png) repeat-x bottom left;*/
	background: #F6F6F6;
	clear: both;
    height: 356px;
	overflow: hidden;
	margin: 1.75em 0;
}
#quotes .box-1 {
    float: left;
    width: 49%;
}
#quotes .box-2 {
    float: right;
    width: 50%;
}
#quotes ul {
    list-style: none;
    height: 356px;
    margin: 0;
    padding: 0;
    width: 470px;
}
#quotes li {
    height: 356px;
    width: 470px;
}
#quotes .inner {
    clear: both;
    height: 306px;
    margin: 0;
	padding: 25px;
    width: 420px;
}
#quotes .inner h2 {
    font-size: 120%;
}
#quotes .inner img {
    background: #fff;
    border: 3px solid #E2E2E2;
    float: left;
    margin-right: 25px;
}
#quotes .inner blockquote {
    font-style: italic;
    margin: 1em 0;
}
#quotes .inner cite {
    font-style: normal;
    font-weight: normal;
}
 
/* form
============================================================== */

/* form */
.form {
	padding: 1em;
	background: #F6F6F6 url(../../images/bg-grey-gradient-lg.png) repeat-x bottom left;
}
/* form layout */
.form fieldset {
	border-style: none;
	margin: 0;
	padding: 0;
}
.form legend {
	display: block;
	font-weight: bold;
	margin-bottom: .5em;
	padding: .5em 0;
	width: 100%;
}
.form legend span {
	display: block;
	text-align: right;
	width: 28%;
}
/* field layout */
.form .field {
	clear: both;
	float: left;
	overflow: hidden;
	padding: .5em 0;
	width: 100%;
}
.form .field .field-label {
	float: left;
	padding: .25em 1% 0 0;
	text-align: right;
	width: 39%;
}
.form .field .input, .form .field .choices {
	float: left;
	width: 60%;
}
.form p.field-error {
	color: #DF0D0D !important;
	margin: 0;
}
/* form elements */
.input-text, select {
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
}
.form .field input.input-text {
	display: block;
	width: 20em;
}
.form .field textarea.input-text {
	height: 12em;
	width: 90%;
}
.form .field input.input-title {
	width: 6em;
}
/* misc elements */
abbr.required {
	color: #DF0D0D;
	border-bottom: none;
	padding-right: .1em;
}
.form .input-error {
	color: red;
	padding-left: .5em;
}
.form .field-hint {
	display: block;
	font-size: 90%;
}
/* choices */
.form .choices {
	list-style: none;
	margin: .25em 0 0 0;
	padding: 0;
}
.form .choices li {
	display: block;
	margin: 0 0 .5em 0;
	padding: 0 0 0 20px;
	position: relative;
}
.form .choices li input {
	left: 0;
	margin: 1px;
	position: absolute;
	top: .2em;
}
/* submit */
.form .submit {
	padding: .5em 0;
	margin-left: 40%;
}
.form .button {
	background: #B71D14 url(../../images/button-bg.png) repeat-x top left;
	border: 1px solid #C5564F;
	color: #fff;
	cursor: pointer;
	padding: 0 .75em;
}

/* sign-up
============================================================== */

#sign-up {
    clear: both;
    overflow: hidden;
}
#sign-up .form {
    float: left;
    padding-bottom: 0;
    margin: 0 1.5em 0 0;
    width: 60%;
}
#sign-up #aside {
    float: left;
    width: 25%;
}
#sign-up #aside h2 {
    margin-top: 0;
}
#sign-up #aside p {
    
}
#sign-up #aside h3 {
    margin-top: 0;
}

/* press
============================================================== */

/* common */
.press #content .even,
.press #content .odd {
    font-size: 115%;
}
.press #content img {
    border: 3px solid #E2E2E2;
    margin-bottom: 2em;
}
.press #content h2 {
    margin-bottom: .5em;
    padding-top: 40px;
}
.press #content p {
    margin-bottom: .5em;
}
.press #content blockquote {
    font-style: italic;
    margin: .5em 0;
}
/* even */
.press .even {
    clear: both;
    padding-right: 80px;
}
.press .even img {
    float: left;
    margin-right: 40px;
}
/* odd */
.press .odd {
    clear: both;
    padding-left: 80px;
}
.press .odd img {
    float: right;
    margin-left: 40px;
}