/*
Theme Name: Beck & Caul
Theme URI: http://www.beckandcaul.co.nz
Author: Beck & Caul
Version: 1.0

*/
.clear{ clear:both; }
.cl20{ height:20px; }

a.helihikeenquire {
    background: #9F131C;
    color: #FFF;
    padding: 10px 20px;
    line-height: 30px;
    display: block;
    margin: 20px 0;
}

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
* {	margin:0;	padding: 0;}

html, body {	height: 100%;}

body {	background: #fff;	font-family: Arial, sans-serif;	font-size: 10pt;	line-height: 15pt;	color:#222;}

a {	text-decoration: none;	outline: none;	color: #333;	border: 1px;	font-weight: bold;}

a:hover{	color: #ddd;}

li, li a {	list-style-type: none;}

h1 {	font-size: 25pt;	line-height: 34px;	font-weight: bold;	margin: 5px 0 20px 0;	color: #CD071E;	text-transform: uppercase;}

h1.header {	margin: 5px 0 0 0;}

h1.header2 {	margin: 0 0 20px 46px;}

h1 img {	padding-right: 16px;	display: inline;}

h2 {	font-size: 12pt;	font-weight: bold;	margin: 20px 0 0 0;	color: #00aaeb;	text-transform: uppercase;}

h2.header {	font-size: 12pt;	margin: 0 0 20px 50px;	color: #CD071E;}

h3 {	font-size: 12pt;	font-weight: bold;	margin: 0;}

p {	margin-bottom: 10px;	width: 100%;}

.intro {	font-size: 14pt;	line-height: 20pt;	margin-bottom: 15px;}

a img {	border: 0;}

.mobilmenu, #mobilemenu_button{display:none; }
#banner img {	display: block;}

#sending, #sent, #sending2, #sent2{	display:none;}
/*	Structure	
---------------------------------------------------------------------------------------------------*/

#background {	background: url('images/header.jpg') repeat-x;	width: 100%;	min-height: 100%;	height: auto !important;	height: 100%;	margin-bottom: -180px;}

#container {	margin: 0 auto 0;	width: 960px; }

#contentWrapper { 	width: 960px;	padding: 20px 0px;	overflow: hidden;}

#content {	float: right;	width: 500px;	margin-bottom: 20px;}

#content li{	list-style: disc;	margin:  0px 0 0px 15px;	padding-left: 10px;}	

#content ul {	margin-bottom: 10px;}

.right {	float: right;}

.left {	float: left;}

#left {	float: left;	width: 400px;	margin-top: 8px;}

 
/*	Header	---------------------------------------------------------------------------------------------------*/

#header {	overflow: hidden;	height: 190px;	padding-top: 80px;}

#logo {float: left;width: 173px;padding: 20px 0 0 0;text-align: center;}
#logo2 {float: left;width: auto;  padding: 30px 0 0 20px; text-align: center;}

#banner {	background: #eee;	height: 300px;	margin-bottom: 15px;}

#slogan {	font-weight: bold;	font-size: 13pt;	text-align: center;	float: right;	width: auto;	color: #CD071E;	padding-top: 110px;}

#slogan span {	color: #00aaeb;	padding: 0 10px;}


/*	Navigation ---------------------------------------------------------------------------------------------------*/

#nav {	width: 960px;	padding: 0px 0px;	overflow: hidden;	text-align: center;}

#nav li{	padding: 6px 0 10px 0;	float: left;	-webkit-border-top-left-radius: 10px;	-webkit-border-top-right-radius: 10px;	-moz-border-radius-topleft: 10px;	-moz-border-radius-topright: 10px;	border-top-left-radius: 10px;	border-top-right-radius: 10px;	background: url('images/nav.jpg') repeat-x;/*	background: -webkit-gradient(linear, left top, left bottom, from(#005a9a), to(#0286d3));	background: -moz-linear-gradient(top,  #005a9a,  #0286d3);*/	margin-right: 1px;}

#nav li#none{	margin-right: 0;}
#nav a{	color: #fff;	font-size: 9pt;	text-transform: uppercase;}

#nav li.active {	background: url('images/nav-hover.jpg') repeat-x;}

#nav li:hover {	background: url('images/nav-hover.jpg') repeat-x;}

#menu_home{ width:64px; }
#menu_ourflights{ width:106px; }
#menu_hhoptions{ width:145px; }
#menu_whychooseus{ width:138px; }
#menu_location{ width:90px; }
#menu_enquires{ width:169px; }
#menu_aboutus{ width:90px; }
#menu_otheradventures{ width:150px; }


/*	Options ---------------------------------------------------------------------------------------------------*/
.options {	border-bottom: 1px dotted #00aaeb;	padding: 10px 0 10px 0; position:relative;}
.options #booking{ position:absolute; right:0; background:#CD071E;padding:5px 10px 0px; }
.options #booking a{ color:#FFF !important; position:relative; bottom:5px; left:2px;}

.options {	border-bottom: 1px dotted #00aaeb;	padding: 10px 0 10px 0;}

.options h2 {	margin: 0;}

.options p {	margin: 0;}

#content .options ul {	margin-bottom: 10px;}

#content .options ul li {	color: #777;	padding-left: 5px;}


/*	Flights Options	---------------------------------------------------------------------------------------------------*/

.flights {	float: left;	width: 284px;	padding: 10px;	border: 1px solid #ccc;	margin-right: 20px;	margin-top: 20px;}

.flights h2 {	margin: 0;	font-size: 18pt;	font-weight: bold;}

.flights a {	color: #555;}
h2.temptation a{	color: #eb9113;}

h2.middleEarth a{	color: #ad0067;}

h2.panorama a{	color: #7da31b;}


/*	Other Adventures---------------------------------------------------------------------------------------------------*/

.adventure {	float: left;	width: 448px;	padding: 10px;	border: 1px solid #ccc;	margin-right: 20px;	margin-top: 20px;}


/* Form Success / Errors
---------------------------------------------------------------------------------------------------*/

#success, #errors  {	width: 395px;	margin-bottom: 15px;	padding: 0px;}

#errors  ul, #success ul{	margin: 4px 0 4px 14px;}

#errors li, #success li{	list-style: disc;	padding: 0 0 0 10px;}

h3.error {	font-size: 14pt;	margin: 0 0 10px 0;	color: #CD071E;	text-transform: uppercase;}

h3.success {	font-size: 14pt;	margin: 0 0 10px 0;	color: #00A5E5;	text-transform: uppercase;}


/* Contact Form---------------------------------------------------------------------------------------------------*/

#contact {	background: url('images/enquiries.jpg') repeat-x;	height: 400px;	float: left;	width: 360px;	margin-top: 8px;	padding: 20px;}

#contact p{	width: 360px;	margin: 0 0 10px 0;}

input, textarea {	width: 344px;	background: #fff;	font-family: Arial, san-serif;	font-size: 10pt;	border: 0px;	padding: 6px;	color: #01447B;	font-weight: bold;}

#submit input{	background: none;	font-size: 16pt;	text-align: right;	border: 0px;	width: 70px;	color: #fff;	margin: 0;	padding: 0;}

p#submit  {	vertical-align: middle;	text-align: right;}

#contact #submit input:hover {	color: #CD071E;}

#map {	height: 400px;	width: 400px;}

.address {	display: none;}


/* Footer
---------------------------------------------------------------------------------------------------*/

#footer, .push {	height: 180px;}


#bookings {	width: 945px;	height: 49px;	margin: 0 auto;	background: url('images/bookings.jpg') repeat-x top;	padding: 35px 15px 0 0;	text-align: right;	font-size: 12pt; position:relative; top: -73px; margin-top:70px; }

#footer {	background: url('images/footer.jpg') repeat-x bottom;	width: 100%;	color: #fff;}

#footer a {	color: #fff;}

#footer a:hover {	border-bottom: 1px solid #fff;}

#footerContainer {	overflow: hidden;	padding: 20px 0 0 0;	width: 960px;	margin: 0 auto;}

#footer ul li{	padding: 0 6px;	border-right: 0px solid #ccc;}

#footer ul li.none{	border: 0;}
.footer_bigtext{ text-align:center; padding:0 0 20px 0; font-size:20px; line-height:25px; margin-top:-20px;}




/*----------------------------------------------------------------------- TABLET ------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
	#notonmobile{ display:none; }
	h1 {	font-size: 18pt;	line-height: 24px;	font-weight: bold;	margin: 5px 0 10px 0;	color: #CD071E;	text-transform: uppercase;}
	h1.header {	margin: 5px 0 0 0;}
	h1.header2 {	margin: 0 0 20px 46px;}
	h1 img {	padding-right: 16px; width:30px;	display: inline;}
	h2 {	font-size: 12pt;	font-weight: bold;	margin: 20px 0 0 0;	color: #00aaeb;	text-transform: uppercase;}
	h2.header {	font-size: 12pt;	margin: 0 0 20px 50px;	color: #CD071E;}
	h3 {	font-size: 12pt;	font-weight: bold;	margin: 0;}

	/*	Structure		---------------------------------------------------------------------------------------------------*/

	#background {	background: url('images/header.jpg') repeat-x;	width: 100%;	min-height: 100%;	height: auto !important;	height: 100%;	margin-bottom: -180px;}

	#container {	margin: 0 auto 0;	width: 760px; }

	#contentWrapper { 	width: 600px; margin:0 auto;	padding: 20px 0px;	overflow: hidden;}

	#content {	float: right;	width: 600px;	margin-bottom: 20px;}

	#content li{	list-style: disc;	margin:  0px 0 0px 15px;	padding-left: 10px;}	

	#content ul {	margin-bottom: 10px;}

	.right {	float: right;}

	.left {	float: left;}

	#left {	float: left;	width: 600px; text-align:center;	margin-top: 8px;}

	.makecenter{ width:600px; margin:0 auto;}
	#mcyoutube{ width:400px; }
	#mc448{ width:448px; }

	 
	/*	Header	---------------------------------------------------------------------------------------------------*/

	#header {	overflow: hidden;	height: 190px;	padding-top: 80px;}

	#logo {	float: left;	width: 50%;	padding: 20px 0 0 0;	text-align: center;}

	#banner {	background: #eee;	height: auto;	margin-bottom: 15px;}
	#banner img{ width:600px; }

	#slogan {	font-weight: bold;	font-size: 13pt;	text-align: center;	float: right;	width: 600px;	color: #CD071E;	padding-top: 110px;}

	#slogan span {	color: #00aaeb;	padding: 0 10px;}


	/*	Navigation ---------------------------------------------------------------------------------------------------*/

	#nav {	width: 600px;	padding: 0px 0px;	overflow: hidden;	text-align: center;}

	#nav li{	padding: 6px 0 10px 0;	float: left; line-height:11px;	-webkit-border-top-left-radius: 10px;	-webkit-border-top-right-radius: 10px;	-moz-border-radius-topleft: 10px;	-moz-border-radius-topright: 10px;	border-top-left-radius: 10px;	border-top-right-radius: 10px;	background: url('images/nav.jpg') repeat-x;/*	background: -webkit-gradient(linear, left top, left bottom, from(#005a9a), to(#0286d3));	background: -moz-linear-gradient(top,  #005a9a,  #0286d3);*/	margin-right: 1px;}

	#nav li#none{	margin-right: 0;}
	#nav a{	color: #fff;	font-size: 10px; line-height:11px;	text-transform: uppercase;}

	#nav li.active {	background: url('images/nav-hover.jpg') repeat-x;}

	#nav li:hover {	background: url('images/nav-hover.jpg') repeat-x;}
	#menu_home{ width:54px; }
	#menu_ourflights{ width:66px; }
	#menu_hhoptions{ width:73px; }
	#menu_whychooseus{ width:87px; }
	#menu_location{ width:56px; }
	#menu_enquires{ width:106px; }
	#menu_aboutus{ width:56px; }
	#menu_otheradventures{ width:94px; }

	#nav #menu_home, #nav #menu_location, #nav #menu_aboutus{ padding-top:14px; padding-bottom:12px; }

	/*	Options ---------------------------------------------------------------------------------------------------*/

	.options {	border-bottom: 1px dotted #00aaeb;	padding: 10px 0 10px 0;}

	.options h2 {	margin: 0;}

	.options p {	margin: 0;}

	#content .options ul {	margin-bottom: 10px;}

	#content .options ul li {	color: #777;	padding-left: 5px;}


	/*	Flights Options	---------------------------------------------------------------------------------------------------*/

	.flights {	float: left;	width: 170px;	padding: 10px;	border: 1px solid #ccc;	margin-right: 10px;	margin-top: 20px; overflow:hidden;}

	.flights h2 {	margin: 0;	font-size: 16pt;	font-weight: bold;}

	.flights a {	color: #555;}
	h2.temptation a{	color: #eb9113;}

	h2.middleEarth a{	color: #ad0067;}

	h2.panorama a{	color: #7da31b;}
	.flights img{ width:170px;}
	#ourflights_bigimg{ width:600px; height:auto;}


	/*	Other Adventures---------------------------------------------------------------------------------------------------*/

	.adventure {	float: left;	width: 448px;	padding: 10px;	border: 1px solid #ccc;	margin-right: 20px;	margin-top: 20px;}


	/* Form Success / Errors
	---------------------------------------------------------------------------------------------------*/

	#success, #errors  {	width: 395px;	margin-bottom: 15px;	padding: 0px;}

	#errors  ul, #success ul{	margin: 4px 0 4px 14px;}

	#errors li, #success li{	list-style: disc;	padding: 0 0 0 10px;}

	h3.error {	font-size: 14pt;	margin: 0 0 10px 0;	color: #CD071E;	text-transform: uppercase;}

	h3.success {	font-size: 14pt;	margin: 0 0 10px 0;	color: #00A5E5;	text-transform: uppercase;}


	/* Contact Form---------------------------------------------------------------------------------------------------*/

	#contact {background: url('images/enquiries.jpg') repeat-x;height: 320px;float: left;width: 360px;margin-top: 8px;padding: 20px;height: a;}

	#contact p{	width: 360px;	margin: 0 0 10px 0;}

	input, textarea {	width: 344px;	background: #fff;	font-family: Arial, san-serif;	font-size: 10pt;	border: 0px;	padding: 6px;	color: #01447B;	font-weight: bold;}

	#submit input{	background: none;	font-size: 16pt;	text-align: right;	border: 0px;	width: 70px;	color: #fff;	margin: 0;	padding: 0;}

	p#submit  {vertical-align: middle;text-align: right;right: 20px;position: r;}

	#contact #submit input:hover {	color: #CD071E;}

	#map {	height: 400px;	width: 400px;}

	.address {	display: none;}


	/* Footer
	---------------------------------------------------------------------------------------------------*/

	#footer, .push {	height: 180px;}


	#bookings {	width: 545px;	height: 49px;	margin: 0 auto;	background: url('images/bookings.jpg') repeat-x top;	padding: 35px 15px 0 0;	text-align: right;	font-size: 12pt; }

	#footer {	background: url('images/footer.jpg') repeat-x bottom;	width: 100%;	color: #fff;}

	#footer a {	color: #fff;}

	#footer a:hover {	border-bottom: 1px solid #fff;}

	#footerContainer {	overflow: hidden;	padding: 20px 0 0 0;	width: 600px;	margin: 0 auto;}

	#footer ul li{	padding: 0 6px;	border-right: 0px solid #ccc;}

	#footer ul li.none{	border: 0;}

	.footer_bigtext{ text-align:center; padding:0 0 10px 0; font-size:16px; line-height:20px; margin-top:-20px;}

}




/*----------------------------------------------------------------------- MOBILE ------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 690px) {
	.footer_bigtext{ text-align:center; padding:0 0 10px 0; font-size:16px; line-height:20px; margin-top:-20px;}

	#logo2 {
		float: none;
		display:block; clear:both;
		height:180px;
		width: auto;
		padding: 30px 0 0 20px;
		text-align: center;
	}


	#nav{display:none;}
	#mobilemenu_button{		display:block;		width: 90px; height: 55px; padding-top:25px; float: left; margin-right: 10px;		background: #00ACEC; border-radius:15px; text-align: center; color: #fff; font-size: 22px; line-height: 20px; letter-spacing: 0.05em;		position:absolute;		text-transform:lowercase;		top:20px;		right:20px;		z-index:10000000;		padding-bottom:10px;	}
	#mobilemenu_button div{		clear:both;		width:40px;		margin-left:25px;		height:2px;		background:#FFF;		margin-top:5px;		margin-bottom:2px;	}
	.mobilmenu{		width:240px;		height:100%;		min-height:500px;		background:#494949;		position:fixed;;		top:0px;		right:0px;		display:block;		z-index:100000001;		margin-right:-240px;	}
	#access_mobile a{ color:#FFF; padding-left:20px; width:200px; font-size:16px; line-height:22px;}

	h1 {	font-size: 16px;	line-height: 22px;	font-weight: bold;	margin: 5px 0 10px 0;	color: #CD071E;	text-transform: uppercase;}
	h1.header {	margin: 5px 0 0 0;}
	h1.header2 {	margin: 0 0 20px 46px;}
	h1 img {	padding-right: 16px; width:20px;	display: inline;}
	h2 {	font-size: 12pt;	font-weight: bold;	margin: 20px 0 0 0;	color: #00aaeb;	text-transform: uppercase;}
	h2.header {	font-size: 12pt;	margin: 0 0 20px 50px;	color: #CD071E;}
	h3 {	font-size: 12pt;	font-weight: bold;	margin: 0;}

	/*	Structure		---------------------------------------------------------------------------------------------------*/

	#background {	background: url('images/header.jpg') repeat-x;	width: 100%;	min-height: 100%;	height: auto !important;	height: 100%;	margin-bottom: -180px;}

	#container {	margin: 0 auto 0;	width: 320px; }

	#contentWrapper { 	width: 300px; margin:0 auto;	padding: 20px 0px;	overflow: hidden;}

	#content {	float: right;	width: 300px;	margin-bottom: 20px;}

	#content li{	list-style: disc;	margin:  0px 0 0px 15px;	padding-left: 10px;}	

	#content ul {	margin-bottom: 10px;}

	.right {	float: right;}

	.left {	float: left;}

	#left {float: left;width: 300px;text-align:center;margin-top: 8px;}
	#left #formdiv{padding-bottom: 70px;}

	.makecenter{ width:300px; margin:0 auto;}
	#mcyoutube{ width:300px; }
	#mc448{ width:288px; }

	 
	/*	Header	---------------------------------------------------------------------------------------------------*/

	#header {	overflow: hidden;	height: 300px;	padding-top: 0px; }

	#logo {	float: left;	width: 100px;	padding: 20px 0 0 20px;	text-align: left; }
	#logo img{ -moz-border-radius: 15px; border-radius: 15px; width:100px; }

	#banner {	background: #eee;	height: auto;	margin-bottom: 15px;}
	#banner img{ width:300px; }

	#slogan {	font-weight: bold;	font-size: 13pt;	text-align: center;	float: right;	width: 300px;	color: #CD071E;	padding-top: 110px;}

	#slogan span {	color: #00aaeb;	padding: 0 10px;}


	/*	Navigation ---------------------------------------------------------------------------------------------------*/

	#nav {	width: 300px;	padding: 0px 0px;	overflow: hidden;	text-align: center;}

	#nav li{	padding: 6px 0 10px 0;	float: left; line-height:11px;	-webkit-border-top-left-radius: 10px;	-webkit-border-top-right-radius: 10px;	-moz-border-radius-topleft: 10px;	-moz-border-radius-topright: 10px;	border-top-left-radius: 10px;	border-top-right-radius: 10px;	background: url('images/nav.jpg') repeat-x;/*	background: -webkit-gradient(linear, left top, left bottom, from(#005a9a), to(#0286d3));	background: -moz-linear-gradient(top,  #005a9a,  #0286d3);*/	margin-right: 1px;}

	#nav li#none{	margin-right: 0;}
	#nav a{	color: #fff;	font-size: 10px; line-height:11px;	text-transform: uppercase;}

	#nav li.active {	background: url('images/nav-hover.jpg') repeat-x;}

	#nav li:hover {	background: url('images/nav-hover.jpg') repeat-x;}
	#menu_home{ width:200px; }
	#menu_ourflights{ width:200px; }
	#menu_hhoptions{ width:200px; }
	#menu_whychooseus{ width:200px; }
	#menu_location{ width:200px; }
	#menu_enquires{ width:200px; }
	#menu_aboutus{ width:200px; }
	#menu_otheradventures{ width:200px; }

	#nav #menu_home, #nav #menu_location, #nav #menu_aboutus{ padding-top:14px; padding-bottom:12px; }

	/*	Options ---------------------------------------------------------------------------------------------------*/

	.options {	border-bottom: 1px dotted #00aaeb;	padding: 10px 0 10px 0;}

	.options h2 {	margin: 0;}

	.options p {	margin: 0;}

	#content .options ul {	margin-bottom: 10px;}

	#content .options ul li {	color: #777;	padding-left: 5px;}


	/*	Flights Options	---------------------------------------------------------------------------------------------------*/

	.flights {	float: left;	width: 284px;	padding: 10px;	border: 1px solid #ccc;	margin-right: 20px;	margin-top: 20px;}

	.flights h2 {	margin: 0;	font-size: 18pt;	font-weight: bold;}

	.flights a {	color: #555;}
	h2.temptation a{	color: #eb9113;}

	h2.middleEarth a{	color: #ad0067;}

	h2.panorama a{	color: #7da31b;}

	.flights img{ width:300px;}
	#ourflights_bigimg{ width:300px; height:auto;}


	/*	Other Adventures---------------------------------------------------------------------------------------------------*/

	.adventure {	float: left;	width: 320px;	padding: 5px;	border: 1px solid #ccc;	margin-right: 20px;	margin-top: 20px;}
	.adventure img{ width:280px; }


	/* Form Success / Errors
	---------------------------------------------------------------------------------------------------*/

	#success, #errors  {	width: 300px;	margin-bottom: 15px;	padding: 0px;}

	#errors  ul, #success ul{	margin: 4px 0 4px 14px;}

	#errors li, #success li{	list-style: disc;	padding: 0 0 0 10px;}

	h3.error {	font-size: 14pt;	margin: 0 0 10px 0;	color: #CD071E;	text-transform: uppercase;}

	h3.success {	font-size: 14pt;	margin: 0 0 10px 0;	color: #00A5E5;	text-transform: uppercase;}


	/* Contact Form---------------------------------------------------------------------------------------------------*/

	#contact {background: url('images/enquiries.jpg') repeat-x;height: auto;float: left;width: 300px;margin-top: 8px;padding: 0px;background-size:300px 360px;}

	#contact p{	width: 300px;	margin: 0 0 10px 0;}

	input, textarea {	width: 260px;	background: #fff;	font-family: Arial, san-serif;	font-size: 10pt;	border: 0px;	padding: 6px;	color: #01447B;	font-weight: bold;}

	#submit input{background: none;font-size: 16pt;text-align: right;border: 0px;width: 70px;color: #fff;margin: 0;padding: 0;position: relative;}

	p#submit  {vertical-align: middle;text-align: right;position: relative;right: 10px;}

	#contact #submit input:hover {	color: #CD071E;}

	#map {	height: 300px;	width: 300px;}

	.address {	display: none;}


	/* Footer
	---------------------------------------------------------------------------------------------------*/

	#footer, .push {	height: 180px;}


	#bookings {	width: 300px;	height: 49px;	margin: 0 auto;	background: url('images/bookings.jpg') repeat-x top;	padding: 35px 15px 0 0;	text-align: right;	font-size: 11px; }

	#footer {	background: url('images/footer.jpg') repeat-x bottom;	width: 100%;	color: #fff; font-size:11px;}

	#footer a {	color: #fff;}

	#footer a:hover {	border-bottom: 1px solid #fff; font-size:11px;}

	#footerContainer {overflow: hidden;padding: 20px 0 0 0;width: 300px;margin: 0 auto;margin-top: -40px;}

	#footer ul li{	padding: 0 6px;	border-right: 0px solid #ccc;}

	#footer ul li.none{	border: 0;}
}