@charset "UTF-8";
/* CSS Document */

body {
  color: #222;
  font: 12px/20px Helvetica, Arial, sans-serif;
  background:url('images/bg.jpg');
}
::selection {
	background: #9bbe00;
	color: #FFF;
}
::-moz-selection {
	background: #9bbe00; 
	color:#FFF;
}
.green{
  color:#9bbe00;
  opacity:0.8;
  filter:alpha(opacity=80);	
}
.clear{
	clear:both;
}
p,
ul {
  margin: 0;
  padding: 0;
}
.twoSmallBtn{
	width: 50%;
	float:left;
}
#section-3 .twoSmallBtn a{
	opacity: 1;
	filter: alpha(opacity=100);
}
#section-2 ul li{
	margin-bottom: 1em;
	line-height: 1.3;
	font-weight: bold;
	font-size: 1.3em;
	position: relative;
	left: 0px;
	-webkit-transition: left 0.1s;
	-moz-transition: left 0.1s;
	-o-transition: left 0.1s;
}
#section-2 ul li a, #section-3 a, #section-7 a{
	opacity: 0.8;
	filter: alpha(opacity=80);
	font-weight:800;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	position: relative;
	left: 0px;
	-webkit-transition: left 0.1s;
	-moz-transition: left 0.1s;
	-o-transition: left 0.1s;
}
#section-2 ul li a:hover, #section-7 a:hover{
	position: relative;
	left: 2px;
	-webkit-transition: left 0.1s;
	-moz-transition: left 0.1s;
	-o-transition: left 0.1s;
}
#section-5 p a, #section-2 a img{
	font-weight:800;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	position: relative;
	left: 0px;
	margin: 5px 0 5px 0;
	-webkit-transition: left 0.1s;
	-moz-transition: left 0.1s;
	-o-transition: left 0.1s;
}
#section-2 a img:hover{
	position: relative;
	left: 2px;
	-webkit-transition: left 0.1s;
	-moz-transition: left 0.1s;
	-o-transition: left 0.1s;
}
#section-2 ul{
	padding-left: 1.6em;
	margin-top:1em;
}
#section-7 h2{
	margin-top:-1px;
	letter-spacing:-1px;
	line-height:1;
}
#section-7 .row .large-6{
	padding-left: 1em;
}
.invisableTitle{
	height:75px;
}
p {
  font-weight:bold;
  margin-bottom: 8px;
}
p.small{
	font-size:1.05em;
}
p.large{
	line-height: 1.2;
	font-size: 1.3em;
	margin: 15px 0;
}
.active {

}
.section {
  border-bottom: 5px solid #ccc;
  padding: 20px;
}
.section p:last-child {
  margin-bottom: 0;
}
.blackLine{
  position:absolute;
  z-index: 2;
  top:36px;
  border-top:3px solid #000;
  width:100%;
}
.whiteSpace{
  background:#FFF;
  opacity:0.9;
  filter:alpha(opacity=90);	
  height:28px;
  width:100%;  
  position:absolute;  
  top:36px;  
  -webkit-box-shadow: 0px 3px 0px 3px #d1d1d1;
  box-shadow: 0px 3px 0px 3px #d1d1d1;
}
.blackLine2{
  height:28px;
  position:absolute;
  z-index: 2;
  top:64px;
  border-top:3px solid #000;
  width:100%;
}
.cta{
	width: 100%;
	max-width: 350px;
	margin-top:10px;
	position:relative;
	left:0px;
	-webkit-transition: left 0.1s;
	-moz-transition: left 0.1s;
	-o-transition: left 0.1s;	
}
.cta:hover{
	left:3px;
	-webkit-transition: left 0.1s;
	-moz-transition: left 0.1s;
	-o-transition: left 0.1s;	
}
a h3, a h2{
	position:relative;
	left:0px;
	-webkit-transition: left 0.1s;
	-moz-transition: left 0.1s;
	-o-transition: left 0.1s;	
}
a h3:hover, a h2:hover{
	left:2px;
	-webkit-transition: left 0.1s;
	-moz-transition: left 0.1s;
	-o-transition: left 0.1s;	
}
.dottedVer{
	background-image:url(images/bg_dot.png);
	width:3px;
	height:500px;	
	float:left;
	display:block;
}
.dottedHor{
	background-image:url(images/bg_dotHor.png);
	height:3px;
	width:100%;	
	float:left;
	display:none;
}
#section-4 .dottedHor{
display: block !important;
margin-bottom: 30px;
}
.tear{
	margin-top:1em;
	width:100%;
	height:19px;
	background-image:url('images/bg_tear.png');
	background-repeat:repeat-x;
}
#section-2 h1{
	width:65%
}
#section-0{
	position:absolute;
	top:0px;
}
.wrapper{
	height:120%;
	border:1px solid green;
}
#section-1, #section-2, #section-3, #section-4, #section-5, #section-6, #section-7{
	clear:both;
	height:100%;
	padding-top:85px;
}
/* the the .contain-to-grid & #section-1 fixes the default non-100% hight for section1 */
.contain-to-grid{
	position:fixed;
	z-index:9999; /* this fixes overlayed dropdown menu */
}
#section-1{
	min-height:900px;
}
#section-1 h1.small{ /* only for "THE ADVENTURE BEGINS!" */
	font-size: 3.1em;
	margin-top: 0.75em;
}
#section-1 h1, #section-1 h4{

}
#section-1 .large-3 img{
	margin-top:30px;
}
#section-1 .small-4 {
	float:left;
}
#section-1 .small-4 a img{
	position: absolute;
	top: 145px;
    -webkit-transition: top 0.1s;
    -moz-transition: top 0.1s;
    -o-transition: top 0.1s;
	padding-top:10px;
}
#section-1 .small-4 a img:hover{
	position: absolute;
	top: 147px;
    -webkit-transition: top 0.1s;
    -moz-transition: top 0.1s;
    -o-transition: top 0.1s;
}
#section-1 .large-9 {
	min-height: 370px;
}
#section-1 .large-9 h4{
	line-height: 1.2;
}

/* adjust ribbon for s1  */
#s1{
  margin-right: -5px;
  padding-left: 5px;
}
/* adjust ribbon for s2  */
.top-bar-section ul li.active a#s2{
  background-position: 20px -25px !important;
}
.top-bar-section ul.left li a#s2:hover, ul.left li a#s2:focus, ul.left li a#s2:active{
  background-position: 20px -86px;
}
.top-bar-section ul.left li a#s2{
  background: url(images/bg_selected.png) no-repeat 20px -106px;
}
/* adjust ribbon for s3  */
.top-bar-section ul li.active a#s3{
  background-position: 50px -25px !important;
}
.top-bar-section ul.left li a#s3:hover, ul.left li a#s3:focus, ul.left li a#s3:active{
  background-position: 50px -86px;
}
.top-bar-section ul.left li a#s3{
  background: url(images/bg_selected.png) no-repeat 50px -106px;
}
/* adjust ribbon for s4  */
.top-bar-section ul li.active a#s4{
  background-position: 12px -25px !important;
}
.top-bar-section ul.left li a#s4:hover, ul.left li a#s4:focus, ul.left li a#s4:active{
  background-position: 12px -86px;
}
.top-bar-section ul.left li a#s4{
  background: url(images/bg_selected.png) no-repeat 12px -106px;
}
/* adjust ribbon for s5  */
#s5{
  margin-right: -6px;
  padding-left: 6px;
}
/* adjust ribbon for s6  */
.top-bar-section ul li.active a#s6{
  background-position: 1px -25px !important;
}
.top-bar-section ul.left li a#s6:hover, ul.left li a#s6:focus, ul.left li a#s6:active{
  background-position: 1px -86px;
}
.top-bar-section ul.left li a#s6{
  background: url(images/bg_selected.png) no-repeat 3px -106px;
}
/* adjust ribbon for s7  */
.top-bar-section ul li.active a#s7{
  background-position: 0px -25px !important;
}
.top-bar-section ul.left li a#s7:hover, ul.left li a#s7:focus, ul.left li a#s7:active{
  background-position: 0px -86px;
}
.top-bar-section ul.left li a#s7{
  background: url(images/bg_selected.png) no-repeat 0px -106px;
}
/* 3 icons on top right  */
.top-bar-section ul.right li > a{
	position:relative;
	top:20px;
	z-index:3;
}
.top-bar-section ul.right li > a img{
	position:relative;
	top:0px;
    -webkit-transition: top 0.1s;
    -moz-transition: top 0.1s;
    -o-transition: top 0.1s;
}
.top-bar-section ul.right li > a img:hover{
	top: 2px;
    -webkit-transition: top 0.1s;
    -moz-transition: top 0.1s;
    -o-transition: top 0.1s;
}
#section-5 a img{
	margin:1em 0 0 0;
	position:relative;
	top:0px;
	left:0px;
	-webkit-transition: top 0.1s;
	-moz-transition: top 0.1s;
	-o-transition: top 0.1s;
}
#section-5 a img:hover{
	position:relative;
	top:2px;
	-webkit-transition: top 0.1s;
	-moz-transition: top 0.1s;
	-o-transition: top 0.1s;	
}
.twoSmallBtn a img, #section-5 .twoSmallBtn a img{
	margin:1em 0 0 0;
	position:relative;
	top:0px;
	left:0px;
	-webkit-transition: left 0.1s;
	-moz-transition: left 0.1s;
	-o-transition: left 0.1s;
}
.twoSmallBtn a img:hover, #section-5 .twoSmallBtn a img:hover{
	position:relative;
	left:2px;
	top:0px;
	-webkit-transition: left 0.1s;
	-moz-transition: left 0.1s;
	-o-transition: left 0.1s;	
}
#section-5 .row .large-6 .large-6{
	width:49%;
	padding-left:0;
}
/* animated menu */
.top-bar-section ul.left {list-style:none;margin:0;padding:0;}
.top-bar-section ul.left li:active, .top-bar-section ul.left li:focus{
	outline:none;
	border:none;
}
.top-bar-section ul.left li {float:left;margin:0;padding:0;}
.top-bar-section ul.left li a {display:block;padding:46px 32px 30px 0px;height:100%;color:#000;text-decoration:none;text-transform:uppercase;font-family:'Open Sans', sans-serif;font-style: normal;font-weight: 800;}
.top-bar-section ul.left li a {line-height:1em;background:url(images/bg_selected.png) no-repeat 0 -106px;}
.top-bar-section ul.left li a:hover, ul.left li a:focus, ul.left li a:active {background-position:0 -86px}

#featureArea{
	margin-top: -5px;
	padding-top: 0;
}
div.row .columns:first-child{
	padding-left:1em;
}
/* contact form */
input.large, select.large {
	width:90%;
}
#fo3li7 div{
	
}
select{
	display: inline-block;
	height: 28px;
	line-height: 28px;
	border: 1px solid #aaa;
	padding: 4px;
	color: #555;	
}
.wufoo .info h2, #header, #errorLi{
	display:none !important;
}
.wufoo label.desc, .wufoo legend.desc{
	font-weight:800 !important;
	color:#000 !important;
	font-size:1.3em !important;
	font-family: 'Open Sans',  Arial, Helvetica, sans-serif;
}
body#public, #container, html.embed{
	background:transparent !important;
	background-image:none !important;
}
textarea.textarea{
	min-width:90% !important;
	max-width: 90% !important;	
}
input.medium, select.medium{
	width:94% !important;
	border: 3px solid black;
	height:35px;
	padding:5px;
}
option{
	padding:6x;
}
.wufoo input.text, .wufoo textarea.textarea, .wufoo input.file {
	-webkit-box-shadow: 0px 2px 0px 1px #d1d1d1;
	box-shadow: 0px 2px 0px 1px #d1d1d1;
	padding: 5px 7px;
	background: #f8f8f8;
	border: 3px solid black;
	font-family: inherit;
	font-size: 16px;
	outline:none;
	background-color: #f9f9f9;
      transition: background-color .4s linear;
      -moz-transition: background-color .4s linear;    /* FF3.7+ */
      -o-transition: background-color .4s linear;      /* Opera 10.5 */
      -webkit-transition: background-color .4s linear; /* Saf3.2+, Chrome */
}
.wufoo input.text:focus, .wufoo textarea.textarea:focus, .wufoo input.file:focus{
	background:#fff;
	outline:none;
} 
form.wufoo{
	width:100%;
}
select#Field12 {
	width: 430px;
	border: 1px solid #ddd;
	background: #F9F9F9;
	padding: 5px !important;
	height: 36px !important;
}
form span.req{
	color:#FC7A77 !important;
}
#container form li.error{
	background-color:transparent !important;
}
form li.error .desc{
	color:#231F20 !important;
}
form p.error{
	font-size:1em !important;
	color:#FC7A77 !important;
}
.wufoo input.btTxt {
	  color:#9bbe00;
	  opacity:0.8;
	  filter:alpha(opacity=80);	
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif !important;
	font-style: normal;
	font-weight: 800 !important;
	background: none;
	padding: 12px 12px 10px 12px;
	line-height: 1.2;
	font-size: 2.3125em;
	border:none !important;
	cursor:pointer;
	position:relative;
	left:0px;
	-webkit-transition: left 0.1s;
	-moz-transition: left 0.1s;
	-o-transition: left 0.1s;	
}
.wufoo input.btTxt:hover {
	position:relative;
	left:3px;
	-webkit-transition: left 0.1s;
	-moz-transition: left 0.1s;
	-o-transition: left 0.1s;	
}
.wufoo li.focused{
	background:none !important
}
@media only screen and (max-width: 75.5em) {
#section-1 .large-9 h4{
	margin-top:0px;
	margin-left:0px;
}
}
/* before menu shows up, to prevent 3 icons break into next line */
@media only screen and (max-width: 63em) { 
.top-bar-section ul.right li > a {
	margin-top: 13px;
	width: 40px;
	top:20px;
}
.contain-to-grid .top-bar-section ul.left li a{
	font-size:0.7em;
	padding-right:16px;
}
p.small{
	font-size:0.9em;
}
#section-1 .large-9 h4{
	margin-top:0px;
	margin-left:0px;
}
#section-1 .small-4 a img{
	width: 94%;
}
#section-7 .row .column, #section-7 .row .columns{
	width:100%;
}
#section-7 .dottedVer, .invisableTitle{
	display:none;
}
}
@media only screen and (min-width: 40.1em) and (max-width: 52em){ 
.top-bar-section ul.right li > a {
	display:none;
}
#section-1 h2{
	width:100%;
}
/* was in foundation.css line 95 */
.row .column,
.row .columns {
	position: relative;
	padding-left: 0.9375em;
	padding-right: 0.9375em;
	width: 100%;
	float: left; 
}
#section-5 .large-3 {
	width: 50%;
}
.dottedVer{
	display:none;
}
.dottedHor{
	width: 95%;
	background-repeat: repeat-x;
	margin: 10px 0 10px 15px;
	display: block;
}
#boat{
	right: 0;
	position: absolute;
	width: 12%;
}
}
@media only screen and (max-width: 40em){ 
#section-1 .small-4 {
	width:100%;
}
#section-1 .small-4 a img{
	width:227px;
	position:relative;
	top:0px;
}
.top-bar-section ul.right li > a {
	top:0px;
}
.row .column,
.row .columns {
	position: relative;
	padding-left: 0.9375em;
	padding-right: 0.9375em;
	width: 100%;
	float: left; 
}
.dottedVer{
	display:none;
}
.dottedHor{
	width: 95%;
	background-repeat: repeat-x;
	margin: 10px 0 10px 15px;
	display: block;
}
}