/* _______________________________________________________________________________________________________________________________________

We are human.

 ____                          __                      ______          __                __                                 
/\  _`\                       /\ \      __            /\__  _\        /\ \__          __/\ \__  __                          
\ \ \L\_\  _ __   __     _____\ \ \___ /\_\    ___    \/_/\ \/     ___\ \ ,_\  __  __/\_\ \ ,_\/\_\    ___    ___     ____  
 \ \ \L_L /\`'__\'__`\  /\ '__`\ \  _ `\/\ \  /'___\     \ \ \   /' _ `\ \ \/ /\ \/\ \/\ \ \ \/\/\ \  / __`\/' _ `\  /',__\ 
  \ \ \/, \ \ \/\ \L\.\_\ \ \L\ \ \ \ \ \ \ \/\ \__/      \_\ \__/\ \/\ \ \ \_\ \ \_\ \ \ \ \ \_\ \ \/\ \L\ \\ \/\ \/\__, `\
   \ \____/\ \_\ \__/.\_\\ \ ,__/\ \_\ \_\ \_\ \____\     /\_____\ \_\ \_\ \__\\ \____/\ \_\ \__\\ \_\ \____/ \_\ \_\/\____/
    \/___/  \/_/\/__/\/_/ \ \ \/  \/_/\/_/\/_/\/____/     \/_____/\/_/\/_/\/__/ \/___/  \/_/\/__/ \/_/\/___/ \/_/\/_/\/___/ 
                           \ \_\                                                                                            
                            \/_/             
                 
_______________________________________________________________________________________________________________________________________ */ 

/*Bring in those wonderful fonts!*/
@import url(http://fonts.googleapis.com/css?family=Metrophobic&v2);
@import url(http://fonts.googleapis.com/css?family=Rokkitt&v2);
@import url(http://fonts.googleapis.com/css?family=Candal&v2);
@import url(http://fonts.googleapis.com/css?family=Cabin&v2);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin : 0;
padding : 0;
border : 0;
font-size : 100%;
font : inherit;
vertical-align : baseline; }

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display : block; }

abbr[title] { 
border-bottom : 1px dotted; 
cursor : help; }

/* 1.ROOT */

html {
overflow-y : scroll;
background : rgb(255,255,255) /* url(../img/tmp/grid.png) repeat-y 50% 0 */;
background:transparent url(../images/footer-bg.png) repeat; }

body { 
margin : 0 auto;
padding : 0;
font : 100%/1.4;
font-family:"Metrophobic", Cambria, Georgia, Times;
color : rgb(40,40,40); 
background-color : transparent; }

body.home {
	background:#4E4033 url(../images/home-bg.png) repeat-x;
	width:100%;
} 

.grid-960 {
	width:960px;
	margin:0 auto;
	position:relative;
}

.myriad {
	font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
}

.rokkitt {
	font-family : "Rokkitt", Helvetica, Arial;
}

.cabin {
	font-family : "Cabin", Helvetica, Arial;
}

/* 2.HEADINGS */

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
font-family : "Rokkitt", "Helvetica Neue", Helvetica, Arial;
font-weight : bold; }

h1 { 
margin-bottom : .75em;
font-size : 3em; /* 48 / 16 = 3 */
font-family : "Candal", "Rokkitt", "Helvetica Neue", Helvetica, Arial;
line-height : 1.2; }

h2 { 
margin-bottom : .75em;
font-weight:normal;
font-size : 26px; /* 36 / 16 = 2 */
line-height : 1.2; }

h3 { 
margin-bottom : 1em;
font-size : 1.5em; /* 24 / 16 = 1.5 */
line-height : 1.3; }

h4 { 
margin-bottom : 1.25em;
font-size : 1.25em; /* 20 / 16 = 1.25 */
line-height : 1.25; }

h5 { 
margin-bottom : 1.5em;
font-size : 1em; /* 16 / 16 = 1 */ }

h6 { 
font-size : 1em; /* 16 / 16 = 1 */ }

/* 3.TYPOGRAPHY */

p, 
ol, 
ul, 
dl, 
address { 
margin-bottom : 1.5em; 
font-size : 1em; /* 16 / 16 = 1 */ }

ul, 
ol { 
margin : 0 0 1.5em -24px; 
padding-left : 24px; }

ul { 
list-style-type : disc; }

ol { 
list-style-type : decimal; }

li ul, 
li ol { 
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */ }

dl, 
dd { 
margin-bottom : 1.5em; }

dt { 
font-weight : normal; }

blockquote  { 
margin : 0 0 1.5em -24px; 
padding-left : 24px; 
border-left : 1px solid rgb(200,200,200);
font-style : italic; }

blockquote:before, 
blockquote:after, 
q:before, 
q:after {
content : '';
content : none; }

b, 
strong	{ 
font-weight : bold; }

i, 
em { 
font-style : italic; }

sup, 
sub { 
position : relative;
font-size : 75%; 
line-height : 0; }

sup { 
top : -.5em; }

sub { 
bottom : -.25em; }

address { 
font-style : normal; }

pre { 
margin-bottom : 1.5em; 
white-space : pre; 
white-space : pre-wrap; 
word-wrap : break-word; }

pre, 
code { 
font : .875em 'andale mono', 'lucida console', monospace; 
line-height : 1.5; }

small {
font-size : 1em; /* 16 / 16 = 1 */ }

.b { font-weight:bold; }

/* 4.LINKS */

a, 
a:visited {
outline : none;
color : rgb(23,119,175);
text-decoration : none; }
 
a:hover { 
outline : none;
color : rgb(40,40,40); 
text-decoration : underline; }
 
a:active, 
a:focus { 
outline : none;
color : rgb(0,0,0); }

/* 5.FIGURES & IMAGES */

figure {
margin-bottom : 1.5em; }

figure img,
figure object,
figure embed {
margin-bottom : .75em;
max-width : 100%; }

figcaption {
display : block;
font-weight : normal; }

/* 6.TABLES */

table { 
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em; 
width : 100%;
font-size : .875em; /* 14 / 16 = .875 */ }

th { 
font-weight : bold; }

th, td, caption { 
padding : .25em 10px .25em 5px; }

tfoot { 
font-style : italic; }

caption { 
background-color : transparent; }

/* 7.FORMS (See css/mylibs/forms.css) */

/* 8.BANNER */

#header {
	position:relative;
}

#info-bar-container {
	position:relative;
	margin:0 0 0 46px;
	height:21px;
}

#info-bar {
	position:absolute;
	z-index:4;
}

#info-bar p {
	font-size:12px;
	line-height:21px;
	vertical-align:middle;
}

.social-media-container {
	position:relative;
	margin-right:226px;
	height:15px;
}

.social-media {
	position:absolute;
	z-index:3;
	right:0;
}

.social-media a {
	display:block;
	width:37px;
	height:36px;
	float:right;
	margin:-21px 7px 0 7px;
}

.social-media a.twitter {
	background: url(../images/social-media.png)  0px 0px no-repeat;
}

.social-media a.facebook {
	background: url(../images/social-media.png) -50px -0px no-repeat;
}

.social-media a.vimeo {
	background: url(../images/social-media.png)  -99px 0px no-repeat;
}

/* 9.NAVIGATION */

#navigation-container {
	position:relative;
	width:697px;
	height:56px;
	margin:56px 0 0 10px;
	float:left;
	background:url(../images/nav-bg.png) no-repeat;x
}

#navigation {
	position:absolute;
	z-index:2;
	width:697px;
}

#navigation ul {
	width:100%;
	margin-left:5px;
}

#navigation ul li {
	line-height:56px;
	vertical-align:middle;
	margin-left:0px;
	width:auto;
	float:left;
	text-align:center;
	list-style-type:none;
}

#navigation ul li a {
	float:left;
	font-size:20px;
	color:#fff;
	padding:0 20px;
	z-index:10;
}

#navigation ul li a:active, #navigation ul li a:hover, #navigation ul li a.selected {
	background:url(../images/hover-tent.png) top center no-repeat;
	text-decoration:none;
	padding-top:49px;
	margin-top:-49px;
}

#big-banner-container {
	position:relative;
	z-index:2;
	float:right;
	width:241px;
	height:255px;
	background:url(../images/big-button.png) no-repeat;
	margin:-34px 10px 0 0;
}

#big-banner {
	position:absolute;
	z-index:2;
}

#big-banner a {
	display:block;
	width:241px;
	height:211px;
	margin-top:	-20px;
	padding-top:20px;
}

#big-banner a:hover {
	text-decoration:none;
}

#big-banner h1 {
	font-size:34px;
	color:#2C5D00;
	text-transform:uppercase;
	padding:20px;
	text-align:center;
	margin-top:30px;
	
	text-shadow: 0px 1px 0px #214500;
	
	*padding-top:36px;
}

.trees {
	position:absolute;
	background:url(../images/trees.png) 0% 0% no-repeat;
	width:816px;
	height:508px;
	margin:1px 0 0 -48px;
}

#book-now-container {
	position:relative;
	float:right;
	width:222px;
	height:300px;
}

#book-now {
	position:absolute;
	z-index:2;
}

#book-now p {
	font-size:17px;
}

#book-now a {
	color:#935997;
}

#book-now a.book-button {
	float:right;
	font-size:32px;
	display:block;
	width:205px;
	height:59px;
	line-height:59px;
	vertical-align:middle;
	padding-left:20px;
	background:url(../images/book-button.png) no-repeat;
	text-decoration:none;
	
	font-size:28px\9;
}

#book-now a.book-button:hover {
	margin:1px 0px 0 -1px;
}

#mid-bar {
	height:268px;
}

.divide {
	clear:both;
	background: url(../images/divide-et-impera.png) 0% 100% no-repeat;
	height:2px;
	width:100%;
}

/* ========== */
/* = Slider = */
/* ========== */

#slider-wrapper {
    background:url(../images/slider/slider.png) no-repeat; /* Slider border and shadows */
    width:668px;
    height:299px;
    margin:0 auto;
    padding-top:17px; /* Push the actual slider into the centre */
    position:relative;
		float:left;
		margin:-50px 0 0 21px;
}

#slider {
    position:relative;
    width:630px;
    height:235px;
    margin-left:19px; /* Push the actual slider into the centre */
    background:url(../images/slider/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    width:630px;
    height:235px;
}
#slider a {
    border:0;
    display:block;
}

.nivo-controlNav {
    background:url(../images/slider/controlnav.png) no-repeat; /* Background for the bullets */
    width:251px;
    height:40px;
    position:absolute;
    left:200px; /* Manually position in centre. Not perfect */
    bottom:-42px;
    padding:8px 0 0 82px;
    z-index:20; /* Make sure it is visible above the slides */
}
.nivo-controlNav a {
    display:block;
    width:22px;
    height:22px;
    background:url(../images/slider/bullets.png) no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:3px;
    float:left;
}
.nivo-controlNav a.active {
    background-position:0 -22px; /* Selected bullet */
}

.nivo-caption {
    bottom:20%; /* Vertically centre the captions */
    left:auto;
    right:0px; /* Put them on the right */
    width:auto;
    max-width:630px;
    overflow:hidden;
    background:#90D872;
    text-shadow:none;
    color:#4c4b4b;
		height:auto;
}
.nivo-caption p {
    padding:5px 15px;
}
.nivo-caption a {
    color:#333;
		font-weight:bold;
    font-size:25px;
    text-transform:uppercase;
		text-decoration:none;
}

#featured {
    background:url(../images/slider/featured.png) no-repeat;
    width:115px;
    height:110px;
    position:absolute;
    top:-8px; /* Bump up a bit to give the fold effect */
    left:-8px; /* Bump left a bit to give the fold effect */
    z-index:20; /* Make sure it is visible above the slides */
}

/*Slider*/


/* 10.CONTENT */

.content {
}


/* 11.MAIN */

#main-block {
	height:auto;
	padding:0 15px;
	margin:20px 0 40px 0;
	float:left;
	width:100%;
	padding-bottom:1em;
	
	*padding-top:2em;
}

#main-block h2 {
	color:#333;
}

#main-block p {
	padding:0 10px;
	color:#4c4c4c;
}

#main-block a {
	color:#935997;
}

#main-block a.pricing-button {
float: right;
font-size: 32px;
display: block;
width: 205px;
height: 59px;
line-height: 59px;
vertical-align: middle;
padding-left: 40px;
background: url(../images/book-button.png) no-repeat;
text-decoration: none;
font-size: 28px	9;
margin-right:10px;
}

#main-block a.pricing-button:hover {
	margin: 1px 10px 0 -1px;
}

/* 12.COMPLIMENTARY */

#bottom-three {
	height:290px;
	margin-top:-15px;
	margin-bottom:15px;
}

.info-box {
	float:left;
	width:25%;
	margin:0 2%;
}

.info-box.big {
	width:60%;
}

.info-box h2 {
	color:#333;
	margin-left:-5px;
	margin-bottom:.5em;
	padding-top:30px;
}

#bottom-three .who {
	background:url(../images/person.png) 65% 0% no-repeat;
}

#bottom-three .we {
	background:url(../images/check.png) 85% 5% no-repeat;
}

#bottom-three .tent {
	background:url(../images/mini-tent.png) 95% 10% no-repeat;
}

.info-box p, .info-box ul {
	color:#4c4c4c;
	max-height:230px;
}

.info-box ul {
	margin-left:5px;
}

/* 13.CONTENTINFO */

footer {
	height:64px;
	font-size:12px;
	color:#fff;
	
	*padding-top:3em;
}

footer a {
	color:#CEDCA0;
	text-decoration:underline;
}

footer a:hover {
	color:#f1f1f1;
	text-decoration:none;
}

footer .address {
	float:left;
	width:600px;
	padding-top:26px;
	margin-left:30px;
}

footer .social-media {
	float:left;
	width:160px;
	position:relative;
	margin:40px 0 0 30px;
}

footer .created {
	margin-top:15px;
	float:right;
	width:200px;
}

footer .created p {
	font-size:14px;
	color:#CEDCA0;
}

footer .created a {
	font-size:14.5px;
	font-style:italic;
	color:#f1f1f1;
}

footer .created a:hover {
	color:#CEDCA0;
}

/* INSIDE PAGES */

body.inside {
	background:#CCDB9B url(../images/inside-bg.png) repeat-x;
}

body.inside .trees {
	display:none;
}

body.inside header {
	height:274px;
}

body.inside footer {
	position:relative;
	background:#5D4F40 url(../images/footer-bg.png) repeat;
	height:73px;
}

body.inside footer-container {
	background:#5D4F40;
}

body.inside footer .created {
}

.inside-container {
	min-height:608px;
	margin-bottom:2em;
}

.inside-container h2 {
	padding:1em 0 .3em 0;
	background: url(../images/divide-et-impera.png) 0% 100% no-repeat;
}

#testimonial {
	float:left;
	width:75%;
	margin:-120px 0 0 0px;
	padding:50px 20px 0 20px;
	background:url(../images/testimonial-bg.png) 50% 12% no-repeat;
}

#testimonial h6 {
	font-weight:normal;
	font-style:italic;
	letter-spacing:.1em;
	color:#726553;
	
	letter-spacing:normal\9;
}

#testimonial .big {
	padding-top:5px;
	font-size:1.2em;
	font-weight:normal;
}

#pricing h6 {
	font-size:18px;
	margin-top:.8em;
}

#pricing p {
	margin:0 0 0 0;
	padding:0;
}

#pricing hr {
	margin-top:1em;
}

.pricing-box {
	width:40%;
	margin-right:10%;
	float:left;
}

.pricing-box h4 {
	margin:0;
}

.pricing-box a {
	color:#2C5D00;
}

.pricing-box .table {
	border:1px solid #DDD;
	background:#fff;
}

.pricing-box .table th, .pricing-box .table td {
	padding: 8px 0;
	line-height: 18px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #DDD;
	border-right:1px solid #ddd;
	width:auto;
	text-align:center;
}

.pricing-box .table tr.rowa {
	background:#B0D9F3;
}

.pricing-box .table tr.rowa.title {
	background:#66B6FC;
	font-weight:bold;
}

.pricing-box .table a {
	font-weight:bold;
}

/* FAQ */

#faq ul {
	list-style-type:none;
}

#faq ul li {
	margin:.5em 0;
}

#faq ul li a {
	color:#985F9C;
	text-decoration:none;
}

#faq ul li a:hover {
	text-decoration:underline;
}

#faq ul li a:visited {
	color:#bc90bf;
	text-decoration:none !important;
}

.faq-item {
	margin:0 0 1.5em 0;
}

.faq-item h5 {
	margin-bottom:.2em;
	padding-bottom:0;
	color:#67B7FC;
	font-weight:normal;
	color:#333;
	width:auto;
	font-size:1.5em;
	padding-top:.5em;
}

.faq-item a.top {
	float:right;
	margin-right:.8em;
	margin-top:-1.8em;
}

/* GALLERY */

#gallery {
}

.showcase img {
	float:left;
	max-width:280px;
	border:5px solid #fff;
	margin:.8em;
	
	-webkit-box-shadow: 1px 1px 2px 0px #999999;
	-moz-box-shadow: 1px 1px 2px 0px #999999;
	box-shadow: 1px 1px 2px 0px #999999;
}

/* CONTACT US */


.contact-form {
	width:50%;
	float:left;
	padding-right:1em;
}

.contact-form h5 {
	float:left;
}

#contact-us iframe {
	float:right;
	width:40%;
	border:5px solid #fff;
	
	-webkit-box-shadow: 1px 1px 2px 0px #999999;
	-moz-box-shadow: 1px 1px 2px 0px #999999;
	box-shadow: 1px 1px 2px 0px #999999;
}

/* CONTACT US FORM */


.contact-form form p.alert {
	font-size:12px;
	float:right;
	margin-right:5em;
	margin-top:-1em;
}

.contact-form b.required {
	color: #FF0000;
	font-size:12px;
}

.contact-form .alert, .contact-form .error {
	color: #FF0000;
	font-size:12px;
}

ol.forms {
	float: left;
	list-style: none;
	width: 100%;
}

ol.forms li {
	clear: left;
	float: left;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	width: 100%;
}

ol.forms label {
	cursor: pointer;
	display: block;
	float: left;
	line-height: 1.5em;
	text-align: right;
	width:35%;
	margin-left:-15%;
	font-size:.9em;
}

ol.forms input { 
	width: 65%;
	margin-left:.8em;
	padding:.2em 0;
}

ol.forms textarea {
	margin-left:.8em;
	height: 15em; 
	width: 65%; 
	max-width:65%;
}

ol.forms .error { 
	display: block;
	margin: 0.15em 0 0 25%;
	color: #FF0000;
	font-size:12px;
}

ol.forms li.buttons {
	padding-left: 22%;
	width: 89%;
}

input, textarea, select {
  padding: 0.5em;
  font-size: 15px;
   line-height: 1.2em;
   width: 80%;
   background: #fff;
   color: #444;
   font-family: helvetica, sans-serif;
-webkit-box-shadow: 1px 1px 3px 0px #47599e;
-moz-box-shadow: 1px 1px 3px 0px #47599e;
box-shadow: 1px 1px 3px 0px #47599e;
}

input:focus, textarea:focus, select:focus {outline-color: #569CD7;}

 
 input[type=submit] {
   width: auto;
   padding: 0.25em .5em;
   line-height: 1.5em;
   background: rgba(152,95,156,1);
	background:	#985F9C;
   border: 2px solid rgba(212,214,146,1);
   font-weight: bold;
   margin-right: 0.5em;
		color:#fff;
		cursor: pointer;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
 }
 
 input[type=submit]:hover {
   border: 2px solid rgba(128,197,253,1);
 }
 
 input[type=reset] {
    width: auto;
    padding: 0.25em 1em;
    line-height: 1.5em;
    background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#222));
    border: 2px solid #444;
    text-shadow: 0 0 2px #300;
    font-weight: bold;
    color: #999;
    -webkit-box-shadow: 1px 1px 3px #000;
  }
 
 input[type=checkbox],
 input[type=radio] {
   display: inline-block;
   font-size: 15px;
   line-height: 1em;
   margin: 0 0.25em 0 0;
   padding: 0;
   width: 1.25em;
   height: 1.25em;
   -webkit-border-radius: 0.25em;
   vertical-align: text-top;
 }
 
 input[type=radio] {
    -webkit-border-radius: 2em;
  }


/* 14.GLOBAL OBJECTS */

.clearfix { 
zoom : 1; }

.clearfix:before, 
.clearfix:after { 
content : "\0020"; 
display : block; 
height : 0; 
overflow : hidden; }

.clearfix:after { 
clear : both; }

/* 15.VENDOR-SPECIFIC */

body {
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

a:link { 
-webkit-tap-highlight-color : rgb(52,158,219); }

::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

/* input[type=search] {
-webkit-appearance : none; }

input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
display : none; } */

::-webkit-input-placeholder {
padding : 10px;
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
padding : 10px;
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

div,
input,
textarea  { 
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
-o-box-sizing : border-box;
box-sizing : border-box; }

/* Non-semantic helper classes */

/* Image replacement */
.ir { 
display : block; 
text-indent : -999em; 
overflow : hidden; 
background-repeat : no-repeat; 
text-align : left; 
direction : ltr; }

/* Hide for screenreaders and visual browsers */
.hidden { 
display : none; 
visibility : hidden; }

/* Hide visually */
.visuallyhidden { 
position : absolute;
clip : rect(0 0 0 0); 
overflow : hidden;
margin: -1px;
padding : 0;
height : 1px;      
width : 1px;
border : 0; }

/* Allow an element to be focusable via keyboard  */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { 
position : static;
clip : auto; 
overflow : visible;
height : auto; 
margin : 0;   
width : auto; }

/* Hide but maintain layout */
.invisible { 
visibility : hidden; }

/* 16.TEMPLATE SPECIFICS */

#goog-fixurl ul  {
list-style-type : none; }

#goog-fixurl input  {
margin-bottom : 1.5em; }