/*
—————————————————————
Global
—————————————————————
*/
html {
	min-width:1024px;
	background:#1f2968;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	html {
		min-height:1280px;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	html {
		min-height:700px;
	}
}
body {
	font:15px/1.5 Karla, sans-serif;
	color:#444;
}
.container {
	max-width:1132px;
	min-width:906px;
	margin:auto;
	padding:0 24px;
	position:relative;
}
h1, h2, h3 {
	line-height:1.2;
	margin-bottom:.7em;
	color:#1f2968;
	font-family:Raleway;
}
h1 {
	font-size:36px;
	line-height:100%;
	font-family:Raleway;
	font-weight:bold;
}
h2 {
	font-size:20px;
	padding-top:.3em;
	margin-bottom:.65em;
}
h2.room span {
	display:inline-block;
	padding:0 14px;
	border:1px solid #ccc;
	border-radius:18px;
}
h2 a {
	display:block;
}
h3 {
	margin:1.5em 0 0.6em 0;
	font-weight:bold;
	font-size:17px;
}
ul {
	margin-bottom:15px;
}
p {
	margin-bottom:1em;
}
strong {
	font-weight:bold;
}
a {
	text-decoration:none;
	color:#1f2968;
}
#content p a,
#content ol a,
#content ul.bullet a {
	border-bottom:1px dotted #bbb;
}
#content p a.imageLink {
	display:block;
	border:0;
	margin-top:30px;
}
div.clear {
	clear:both;
	line-height:0;
	font-size:0;
}
img.hero {
	border:8px solid #f0f0ee;
	display:block;
}

/*
—————————————————————
Header
—————————————————————
*/
#headerWrapper {
	background:#fff;
}
#header {
	height:140px;
	position:relative;
	z-index:2;
}
#header img {
	display:block;
}
#header #hamburger {
	display:none;
	border-radius:4px;
}
#close {
	display:none;
}
#logo {
	position:absolute;
	display:block;
	top:22px; left:24px;
	width:400px;
	height:90px;
}
#logo img {
	width:400px;
	height:90px;
}
#book {
	position:absolute;
	top:48px; right:277px;
	width:195px;
	height:44px;
	line-height:44px;
	color:#fff;
	background:#1f2968;
	font-size:28px;
	text-align:center;
	border-radius:5px;
	font-family:Raleway;
}
#reviews {
	position:absolute;
	top:48px; right:24px;
	width:172px;
	padding-left:65px;
	height:44px;
	line-height:44px;
	color:#000;
	background:#33e0a0 url(/Images/logo-ta.png) 14px center no-repeat;
	background-size:40px 26px;
	border-radius:5px;
	font-size:18px;
	font-weight:500;
	font-family:Poppins;
}
.ta-panel {
	background:#33e0a0;
	height:44px;
	border-bottom:5px solid #fff;
}
.ta-panel-mobile {
	margin:-31px -18px 31px -18px;
	border:0;
	display:none;
}
.ta-panel a {
	display:block;
	box-sizing:border-box;
	height:44px;
	padding:9px;
	font-weight:500;
	font-size:18px;
	line-height:26px;
	font-family:Poppins;
	color:#000;
	text-align:center;
}
.ta-panel span {
	display:inline-block;
	height:24px;
	line-height:24px;
	background:rgba(255,255,255,0.8);
	border-radius:4px;
	padding:0 6px;
	margin-right:4px;
}
.ta-panel span small {
	font-size:12px;
}
.ta-panel img {
	display:inline-block;
	width:40px;
	height:26px;
	vertical-align:top;
	margin-right:5px;
}
#ta-widgets {
	position:absolute;
	top:7px; right:0;
}
.ta-widget {
	float:left;
	margin-left:12px;
}


/*
—————————————————————
Content
—————————————————————
*/
#contentWrapper {
	background:#fff;
	padding:40px 0;
}
#content {
	position:relative;
	z-index:1;
}
#contentWithSidebar {
	float:left;
	width:70%;
}
#contentWithSidebar h2 {
	margin-top:25px;
}
#sidebar {
	width:316px;
	text-align:center;
	float:right;
	margin-top:40px;
	margin-right:0;
}
#sidebar img.hero {
	margin-bottom:15px;
	width:300px;
	height:225px;
}
#sidebar.activities {
	width:275px;
}
#sidebar.activities img.hero {
	width:259px;
	height:194px;
}
#sidebar a {
	margin:0 5px;
}
#sidebar li a {
	display:block;
	margin:0;
}
.infoDetails p {
	margin:0;
}

/*
—————————————————————
Footer
—————————————————————
*/
#footer {
	color:#fff;
	height:100px;
	text-align:center;
	font-size:14px;
}
#footer .container {
	padding-top:20px;
}
#footer span.copyright {
	float:left;
}
#footer #credit {
	position:absolute;
	top:20px; right:24px;
}

/*
—————————————————————
Navigation
—————————————————————
*/
#navWrapper {
	height:36px;
	position:relative;
	background:#eee;
	z-index:2;
}
#nav li, #nav a {
	float:left;
	line-height:36px;
	height:36px;
}
#nav li {
	position:relative;
}
#nav a {
	padding:0 18px;
	color:#888;
}
#nav li.active a,
#nav li.active:hover a,
#nav li.active a:hover {
	color:#1f2968;
	background:#fff;
}
#nav li.last {
	float:right;
}
#nav li ul {
	display:none;
	position:absolute;
	top:36px; left:0;
	width:190px;
	border:3px solid #eee;
}
#nav li ul li {
	background:#fff;
	width:190px;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #eee;
}
#nav li ul li:last-child {
	border-bottom:0;	
}
#nav li:hover a {
	color:#fff;
	background:#1f2968;
}
#nav li:hover li a,
#nav li.active:hover li a {
	float:none;
	display:block;
	height:30px;
	line-height:30px;
	color:#444;
	background:#f8f7f7;
	font-style:normal;
}
#nav li:hover li a:hover {
	background:#eee;
}
#nav li:hover ul {
	display:block;
}

/*
—————————————————————
Lists
—————————————————————
*/
ul.bullet, ol {
	margin:0 0 1em 20px;
	padding-left:20px;
}
ul.bullet li {
	list-style-type:disc;
}
ol li {
	list-style:decimal outside;
}
ul.gallery {
	margin:35px 0 25px 0;
	height:83px;
}
ul.gallery li,
ul.gallery a {
	float:left;
}
ul.gallery li {
	margin-right:15px;
}
ul.gallery a {
	border:4px solid #cfcfc1;
	cursor:-moz-zoom-in;
}
ul.gallery a:hover {
	border-color:#EFD6E0;
}
ul.gallery img {
	display:block;
}

/*
———————————————————
Home Page
———————————————————
*/
#homeLeftPanel {
	float:left;
	width:56%;
}
#carousel {
	width:100%;
	box-sizing:border-box;
	height:294px;
	border:12px solid #f0f0ee;
	margin-bottom:25px;
}
#carousel ul {
	position:relative;
	margin:0;
}
#carousel li {
	position:absolute;
	top:0; left:0;
	opacity:0;
	width:100%;
	height:294px;
}
#carousel a {
	display:block;
	height:270px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
#homeRightPanel {
	float:right;
	width:40%;
	min-height:200px;
	background:#eee;
	padding-bottom:40px;
}
#bookingInfo {
	background:#c9d8f2;
	padding:40px 0;
	position:relative;
	text-align:center;
	border-bottom:5px solid #fff;
}
#bookingInfo .phone {
	font-size:24px;
}
#bookingInfo .address {
	text-align:center;
	font-style:italic;
	font-size:16px;
	margin-bottom:1em;
}
#bookingInfo .address a:hover {
	text-decoration:underline;
}
#bookingInfo a.button {
	display:inline-block;
	width:135px;
	height:32px;
	line-height:32px;
	color:#fff;
	background:#1f2968;
	font-size:22px;
	text-align:center;
	border-radius:5px;
}
#nzOwned {
	text-align:center;
	margin:30px 0 -20px 0;
}
#nzOwned img {
	width:120px;
	height:60px;
}
#testimonialsBrief {
	margin-top:30px;
}
#testimonialsBrief li {
	padding:20px 40px;
	font-style:italic;
}
#testimonialsBrief li q {
	display:block;
}
#testimonialsBrief li cite {
	display:block;
	font-weight:bold;
}

/*
———————————————————
Content
———————————————————
*/
a.book {
	display:inline-block;
	width:104px;
	height:26px;
	line-height:26px;
	color:#fff;
	background:#1f2968;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	border-radius:5px;
	border:0 !important;
}

/*
———————————————————
Activity Page
———————————————————
*/
#activityContact p {
	margin:0;
}

/*
———————————————————
Gallery Page
———————————————————
*/
#gallery {
	margin-right:-16px;
}
#gallery li {
	float:left;
	margin:0 16px 14px 0;
}
#gallery a {
	display:block;
	border:1px solid #cfcfc1;
	padding:4px;
	cursor:-moz-zoom-in;
}
#gallery img {
	display:block;
	width:202px;
	height:151px;
}

/*
———————————————————
Forms
———————————————————
*/
.form {
	padding:25px 20px 15px 20px;
	background:#f0f0ee;
	margin-bottom:20px;
	min-height:1%;
}
.form h2 {
	padding-left:85px;
}
.form .recaptcha {
	margin:0 0 1em 85px;
}
.form .g-recaptcha {
	transform:scale(0.9);
	transform-origin:0;
}
.form p {
	position:relative;
	padding-left:85px;
	min-height:26px;
}
.form label {
	position:absolute;
	top:0; left:0;
	display:block;
	width:70px;
	text-align:right;
	padding:4px 0 2px 0;
	color:#999;
}
.form .inputGroup label {
	position:static;
	display:inline;
	padding:0 0 0 4px;
	font-weight:normal;
	color:#555;
}
.form span.value {
	display:block;
	padding-top:4px;
}
.form h3 {
	font-size:16px;
}
.form label span {
	font-size:11px;
	font-weight:normal;
}
.form input.text {
	padding:5px;
	width:260px;
	border:1px solid #ccc;
	margin-right:8px;
	font-family:inherit;
}
.form textarea {
	width:260px;
	height:180px;
	display:block;
	padding:5px;
	border:1px solid #bbb;
	font-family:inherit;
}
.form select {
	font-size:13px;
	padding:3px;
	width:271px;
}
.form span select {
	width:auto;
	margin-right:8px;
}
.form input.text:focus,
.form textarea:focus {
	border-color:#e0939c;
	background-color:#fbfbf9;
}
input.button {
	padding:4px 6px;
}

/*
————————————————————————
Validation
————————————————————————
*/
.validation-container {
	background:#fcebeb;
	color:#940833;
	padding:1em;
	margin-bottom:22px;
	line-height:130%;
}
.validation-title {
	font-weight:bold;
	margin-bottom:4px;
}
.validation-list {
	margin-bottom:0;
}
.validation-list li {
	line-height:150%;
	list-style:disc;
	margin-left:1.4em;
}

/*
———————————————————
Testimonials Page
———————————————————
*/
#testimonials {
	margin-top:20px
}
#testimonials li {
	margin-bottom:15px;
	background:url(/Images/bg-divider2.gif) top center no-repeat;
	padding-top:50px;
}
#testimonials q, #testimonials cite {
	display:block;
}
#testimonials cite {
	font-weight:bold;
}

/*
———————————————————
Contact Page
———————————————————
*/
#contactInfo {
	float:left;
	width:340px;
}
address {
	display:block;
	margin:20px 0 25px 0;
	border-left:5px solid #a1b6d3;
	padding-left:10px;
}
address span {
	display:block;
	line-height:150%;
}
#contactInfo dl {
	line-height:32px;
}
#contactInfo dt {
	float:left;
	clear:left;
	background-repeat:no-repeat;
	background-position:4px center;
	width:80px;
	height:33px;
	color:#888;
	border-bottom:1px solid #eee;
}
#contactInfo dd {
	float:left;
	border-bottom:1px solid #eee;
	width:200px;
	height:33px;
}
#contactInfo address a {
	font-weight:bold;
}
#contactInfo a:hover {
	text-decoration:underline;
}
.contactForm {
	float:right;
	background:#f0f0ee;
	padding:25px 20px 15px 20px;
	width:375px;
	position:relative;
}
.contactForm .form {
	border:0;
	margin:0;
	padding:0;
}