@charset "utf-8";

/* CSS Document */



html {

	background-attachment: fixed;

	background-color: #003d85;

	background-image: url(../images/bg.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	min-height:100%;

	height: 100%;

	font-family: HelveticaNeue;

}



body {

	height: 100%; 

	margin: 0; 

	padding:0;

	min-height:100%;

	background-image: url(../images/wave-top.png);

	background-repeat: no-repeat;

	background-position: center 29px;

}



article, aside, figure, header, nav, section {

	display: block;

}



.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.group { display: inline-block; clear: both; }

/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */



#wrap {

	min-height: 100%;

	margin: auto;

}



header {

	width: 962px;

	height: 191px;

	margin: auto;

	position: relative;

}



#logo {

	margin: 0;

	padding: 0;

	z-index: 100;

	left: 0;

	top: 0;

	position: absolute;

}



nav {

	z-index: 90;

	width: 816px;

	height: 53px;

	position: absolute;

	padding: 89px 0 0 240px;

	

}



#topmenu1 {

	height: 53px;

	width: 73px;

	background-image: url(../images/menu.png);

	background-repeat: no-repeat;

	text-indent: -9999px;

	display: block;

	outline:none;

	float: left;

	background-position: 0px 0px;

}



#topmenu1:hover {

	background-position: 0px -53px;

}



#home #topmenu1 { 

	background-position: 0px -53px;

}



#topmenu2 {

	height: 53px;

	width: 129px;

	background-image: url(../images/menu.png);

	background-repeat: no-repeat;

	text-indent: -9999px;

	display: block;

	outline:none;

	float: left;

	background-position: -73px 0px;

}



#topmenu2:hover {

	background-position: -73px -53px;

}



#activities #topmenu2 { 

	background-position: -73px -53px;

}



#topmenu3 {

	height: 53px;

	width: 94px;

	background-image: url(../images/menu.png);

	background-repeat: no-repeat;

	text-indent: -9999px;

	display: block;

	outline:none;

	float: left;

	background-position: -199px 0px;

}



#topmenu3:hover {

	background-position: -199px -53px;

}



#fish #topmenu3 { 

	background-position: -199px -53px;

}



#topmenu4 {

	height: 53px;

	width: 123px;

	background-image: url(../images/menu.png);

	background-repeat: no-repeat;

	text-indent: -9999px;

	display: block;

	outline:none;

	float: left;

	background-position: -295px 0px;

}



#topmenu4:hover {

	background-position: -295px -53px;

}



#reservation #topmenu4 { 

	background-position: -295px -53px;

}



#topmenu5 {

	height: 53px;

	width: 115px;

	background-image: url(../images/menu.png);

	background-repeat: no-repeat;

	text-indent: -9999px;

	display: block;

	outline:none;

	float: left;

	background-position: -417px 0px;

}



#topmenu5:hover {

	background-position: -417px -53px;

}



#price #topmenu5 { 

	background-position: -417px -53px;

}



#topmenu6 {

	height: 53px;

	width: 115px;

	background-image: url(../images/menu.png);

	background-repeat: no-repeat;

	text-indent: -9999px;

	display: block;

	outline:none;

	float: left;

	background-position: -624px 0px;

}



#topmenu6:hover {

	background-position: -624px -53px;

}



#comment #topmenu6 { 

	background-position: -624px -53px;

}



#main {	

	padding-bottom: 148px;

	position: relative;

	width: 962px;	

	margin:auto;

	clear: both;

} 



/*activities main*/



.stronger {

	margin: 0;

	padding: 0;

	font-size: 24px;

	font-family: HelveticaNeue-MediumCond;

	font-weight: bold;

	vertical-align: 20%;	

}



.stronger2 {

	margin: 10px 0 10px 0;

	padding: 0;

	font-size: 16px;

	font-weight: bold;

}



hr {

	color: #fff;

	height: 1px;

	background-color:#FFFFFF;

}



.pactivities{

	margin: 0;

	padding: 0;

	font-size: 13px;

	font-family: HelveticaNeue;

	width: 213px;

	float: right;

	margin-top: 20px;

	padding-right: 16px;

}



.pactivities2{

	font-size: 13px;

	font-family: HelveticaNeue;

	width: 636px;

	float: left;

	margin-top: 20px;

	padding-left: 140px;

}



.submenu{

	margin: 43px 0 0 0;

	padding: 0 0 0 0;

	text-align: center;	

	font-size: 10px;

}



.submenu a{

	text-decoration: underline;

	color: #000;

}



.submenu a:hover{

	color: #666;

}



.boxCircle{

	margin: 0;

	padding: 0;

	z-index: 2230;

	left: 8px;

	top: 23px;

	position: absolute;

}



.boxCircle2{

	margin: 0;

	padding: 0;

	z-index: 2230;

	left: 100px;

	top: 122px;

	position: absolute;

}



/*activities box1*/



.boxContainer1 {

	width: 440px;

	height: auto;

	position: relative;

	z-index: 250;

	left: 33px;

	top: 0px;	

	background-color: #F00;

}



#boxPink {

	margin: 0;

	padding: 0;

	z-index: 220;

	left: 105px;

	top: 7px;

	position: absolute;

	width: 326px;

	height: 280px;

	border-radius: 15px;

	border: 3px solid #FFF;	

	background-color: #ed4d9a;

	box-shadow: 1px 1px 5px #000;

}



#boxPinkSub {

	width: 278px;

	height: 66px;

	z-index: 210;

	left: 129px;

	top: 260px;

	position: absolute;

	border-radius: 15px;

	border: 3px solid #FFF;	

	background-color: #ed4d9a;

}



/*activities box2*/



.boxContainer2 {

	width: 440px;

	height: auto;

	position: relative;

	z-index: 300;

	left: 498px;

	top: 0px;	

	background-color: #F00;

}



#boxGreen {

	margin: 0;

	padding: 0;

	z-index: 320;

	left: 105px;

	top: 7px;

	position: absolute;

	width: 326px;

	height: 280px;

	border-radius: 15px;

	border: 3px solid #FFF;	

	background-color: #8bc53f;

	box-shadow: 1px 1px 5px #000;

}



#boxGreenSub {

	width: 278px;

	height: 66px;

	z-index: 310;

	left: 129px;

	top: 260px;

	position: absolute;

	border-radius: 15px;

	border: 3px solid #FFF;	

	background-color: #8bc53f;

}



/*activities box3*/



.boxContainer3 {

	width: 440px;

	height: auto;

	position: relative;

	z-index: 400;

	left: 33px;

	top: 350px;	

	background-color: #F00;

}



#boxYellow {

	margin: 0;

	padding: 0;

	z-index: 420;

	left: 105px;

	top: 7px;

	position: absolute;

	width: 326px;

	height: 320px;

	border-radius: 15px;

	border: 3px solid #FFF;	

	background-color: #fff100;

	box-shadow: 1px 1px 5px #000;

}



#boxYellowSub {

	width: 278px;

	height: 66px;

	z-index: 410;

	left: 129px;

	top: 295px;

	position: absolute;

	border-radius: 15px;

	border: 3px solid #FFF;	

	background-color: #fff100;

}



/*activities box4*/



.boxContainer4 {

	width: 440px;

	height: auto;

	position: relative;

	z-index: 500;

	left: 498px;

	top: 350px;	

	background-color: #F00;

}



#boxBrown {

	margin: 0;

	padding: 0;

	z-index: 520;

	left: 105px;

	top: 7px;

	position: absolute;

	width: 326px;

	height: 320px;

	border-radius: 15px;

	border: 3px solid #FFF;	

	background-color: #f05a28;

	box-shadow: 1px 1px 5px #000;

}



#boxBrownSub {

	width: 278px;

	height: 66px;

	z-index: 510;

	left: 129px;

	top: 295px;

	position: absolute;

	border-radius: 15px;

	border: 3px solid #FFF;	

	background-color: #f05a28;

}



/*box long brown*/



.longBrownContainer {

	width: 905px;

	height: auto;

	position: relative;

	z-index: 600;

	left: 33px;

	top: 720px;	

	background-color: #F00;

}



#longBrown {

	margin: 28px 0 0 0;

	padding: 0;

	z-index: 620;

	left: 105px;

	top: 7px;

	position: absolute;

	width: 791px;

	height: 180px;

	border-radius: 15px;

	border: 3px solid #FFF;

	background-color: #7800B3;

	box-shadow: 1px 1px 5px #000;

	color: #fff;

}



/*registration*/



#regbox {

	margin: auto;

	padding: 22px 34px 34px 34px;

	width: 550px;

	background-color: #fff1b6;

	-moz-border-radius-bottomright: 50px;

	border-radius: 20px;

	font-family: HelveticaNeue, Geneva, sans-serif;	

	color: #716558;

	font-size: 16px;

	/*filter: alpha(opacity=0);

	opacity: 0;*/

}



#reg{

	width: 100%;	

}



.regformBox {

	width: 293px;

	height: 34px;

	border: 1px solid #b6b3a5;	

	margin-left: 5px;

	padding: 0;

}



.regformBox2 {

	width: 100px;

	height: 34px;

	border: 1px solid #b6b3a5;	

	margin-left: 5px;

	padding: 0;

}



.regformBox3 {

	width: 293px;

	height: 105px;

	border: 1px solid #b6b3a5;	

	margin-left: 5px;

	padding: 0;

	resize: none;

}



.styled-select select {

	margin-left: 5px;

	background: #FFF;

	font-family: HelveticaNeue, Geneva, sans-serif;

	font-size: 16px;

	padding: 5px;

	font-size: 16px;

	line-height: 1;

	border: 0;

	border-radius: 0;

	height: 34px;

	border: 1px solid #b6b3a5;

	-webkit-appearance: none;

	/*background: url(../images/arrow.png) no-repeat right #fff;

	overflow: hidden;

	text-align: center;*/

}



/*comments*/



#comm1 {

	margin: 0;

	padding: 0;

	z-index: 10;

	left: 45px;

	top: 15px;

	position: absolute;	

	/*transform:scale(0,0);

	-ms-transform:scale(0,0); 

	-moz-transform:scale(0,0); 

	-webkit-transform:scale(0,0); 

	-o-transform:scale(0,0);*/ 

} 



#comm2 {

	margin: 0;

	padding: 0;

	z-index: 20;

	left: 199px;

	top: 256px;

	position: absolute;

	/*transform:scale(0,0);

	-ms-transform:scale(0,0); 

	-moz-transform:scale(0,0); 

	-webkit-transform:scale(0,0); 

	-o-transform:scale(0,0); */

}



#commentbox {

	margin: 0;

	padding: 22px 34px 34px 34px;

	width: 463px;

	z-index: 40;

	left: 464px;

	top: 0px;

	position: absolute;

	background-color: #fff1b6;

	-moz-border-radius-bottomright: 50px;

	border-radius: 20px;

	font-family: Verdana, Geneva, sans-serif;	

	color: #716558;

	font-size: 16px;

	/*filter: alpha(opacity=0);

	opacity: 0;*/

}



h1{

	margin: 0;

	padding: 0;

	display:inline; 

	font-family: HelveticaNeue-Heavy, Verdana, Geneva, sans-serif;	

	color: #1b75bb;

	font-size: 27px;

}



#commentbox p{

	margin: 0;

	padding: 0;	

}



#commentbox #contactus{

	width: 100%;	

}



.formBox {

	width: 370px;

	height: 34px;

	border: 1px solid #b6b3a5;	

}



.messageBox {

	width: 370px;

	height: 194px;

	border: 1px solid #b6b3a5;	

	resize: none;

}



#button {

	float: right;

	/*background-image: url(../images/submit.png);

	background-repeat: no-repeat;

	background-position: center center;

	border-style:none;

	background-color: transparent;*/

	width: 64px;

	height: 30px;

	/*color : transparent;*/

}



/*#button:hover{

	background-image: url(../images/submit-hover.png);

	background-repeat: no-repeat;

	background-position: center center;

	border-style:none;

	background-color: transparent;

	width: 64px;

	height: 30px;

	color : transparent;

}*/



/*fish*/



#fishbox {

	margin: 0;

	padding: 26px;	

	-moz-border-radius-bottomright: 50px;

	border-radius: 20px;

	position: relative;

	background: rgb(43, 56, 143);

	background: rgba(43, 56, 143, 0.50);

	/*transform:scale(0,0);

	-ms-transform:scale(0,0); 

	-moz-transform:scale(0,0); 

	-webkit-transform:scale(0,0); 

	-o-transform:scale(0,0); */

}



#fishcircle {	

	position: absolute;

	z-index: 500;

	top: 19px;

	left: 56px;

	/*transform:scale(0,0);

	-ms-transform:scale(0,0); 

	-moz-transform:scale(0,0); 

	-webkit-transform:scale(0,0); 

	-o-transform:scale(0,0); */

}



#fishboxpink {

	width: 210px;

	background-color:#eb008b;

	padding: 90px 10px 10px 10px;

	z-index: 400;

	top: 170px;

	left: 80px;

	position: absolute;

	border-radius: 10px;

	/*filter: alpha(opacity=0);

	opacity: 0;*/

}



#fishboxpink h2{

	font-family: HelveticaNeue-Heavy, Verdana, Geneva, sans-serif;

	padding: 0 0 5px 0;

	margin: 0;

	color: #fff100;

	font-size: 22px;

	letter-spacing: -1px;

}



#fishboxpink p{

	font-family: HelveticaNeue, Verdana, Geneva, sans-serif;

	padding: 0;

	margin: 0;

	color: #ffffff;

	font-size: 13px;

		

}



#fishrightbox {

	width: 850px;

	margin: auto;

	/*filter: alpha(opacity=0);

	opacity: 0;*/

}



#fishrightbox img{

	margin: 0;

	padding: 3px;

	border: 1px solid #FFF;

	border-radius: 10px;

}



footer {	

	margin-top: -148px; /* negative value of footer height */

	height: 148px;

	clear:both;

	background-image: url(../images/wave-bottom.png);

	background-repeat: no-repeat;

	background-position: center center;

	font-family: HelveticaNeue, Verdana, sans-serif;

	font-size: 12px;

	color: white;

	clear:both;

	width:100%;

} 



.footer2 {	

	height: 148px;

	margin: 0 15px 0 0;

}



#footnote {

	

	height: 148px;

	float: right;

}



#footnote p {	

	margin-top: 121px;

	padding: 0;

}



#footnote2 {

	height: 148px;

	float: left;

}



#footnote2 p {

	margin-top: 121px;

	padding: 0;

}



.push {

	height: 930px;

}



.push2 {

	height: 500px;

}



.clearfloat{

	clear:both;

   	height:0;

   	font-size: 1px;

   	line-height: 0px;

	height:auto;

}



/*Opera Fix*/

body:before {

	content:"";

	height:100%;

	float:left;

	width:0;

	margin-top:-32767px;/

}



/*Modal*/



.modalPink {

	position: fixed;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background: rgba(0,0,0,0.8);

	z-index: 99999;

	opacity:0;

	-webkit-transition: opacity 400ms ease-in;

	-moz-transition: opacity 400ms ease-in;

	transition: opacity 400ms ease-in;

	pointer-events: none;

	visibility: hidden;

}



.modalPink:target {

	opacity:1;

	pointer-events: auto;

	visibility: visible;

}



.modalPink > div {

	width: 600px;

	position: relative;

	top: 0;

	bottom: 0;

	margin: 5% auto;

	padding: 10px 20px 13px 20px;

	border-radius: 10px;

	background: #ed4d9a;

}



.modalYellow {

	position: fixed;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background: rgba(0,0,0,0.8);

	z-index: 99999;

	opacity:0;

	-webkit-transition: opacity 400ms ease-in;

	-moz-transition: opacity 400ms ease-in;

	transition: opacity 400ms ease-in;

	pointer-events: none;

	visibility: hidden;

}



.modalYellow:target {

	opacity:1;

	pointer-events: auto;

	visibility: visible;

}



.modalYellow > div {

	width: 600px;

	position: relative;

	top: 10%;

	bottom: 10%;

	margin: 10% auto;

	padding: 10px 20px 13px 20px;

	border-radius: 10px;

	background: #fff100;

}



.modalGreen {

	position: fixed;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background: rgba(0,0,0,0.8);

	z-index: 99999;

	opacity:0;

	-webkit-transition: opacity 400ms ease-in;

	-moz-transition: opacity 400ms ease-in;

	transition: opacity 400ms ease-in;

	pointer-events: none;

	visibility: hidden;

}



.modalGreen:target {

	opacity:1;

	pointer-events: auto;

	visibility: visible;

}



.modalGreen > div {

	width: 600px;

	position: relative;

	top: 10%;

	bottom: 10%;

	margin: 10% auto;

	padding: 10px 20px 13px 20px;

	border-radius: 10px;

	background: #8bc53f;

}



.modalBrown {

	position: fixed;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background: rgba(0,0,0,0.8);

	z-index: 99999;

	opacity:0;

	-webkit-transition: opacity 400ms ease-in;

	-moz-transition: opacity 400ms ease-in;

	transition: opacity 400ms ease-in;

	pointer-events: none;

	visibility: hidden;

}



.modalBrown:target {

	opacity:1;

	pointer-events: auto;

	visibility: visible;

}



.modalBrown > div {

	width: 600px;

	position: relative;

	top: 10%;

	bottom: 10%;

	margin: 10% auto;

	padding: 10px 20px 13px 20px;

	border-radius: 10px;

	background: #f05a28;

}



.close {

	background: #606061;

	color: #FFFFFF;

	line-height: 25px;

	position: absolute;

	right: -12px;

	text-align: center;

	top: -10px;

	width: 24px;

	text-decoration: none;

	font-weight: bold;

	-webkit-border-radius: 12px;

	-moz-border-radius: 12px;

	border-radius: 12px;

	-moz-box-shadow: 1px 1px 3px #000;

	-webkit-box-shadow: 1px 1px 3px #000;

	box-shadow: 1px 1px 3px #000;

}



.close:hover { 

	background: #00d9ff; 

}



.leftP {

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	float: left;

	width: 200px;

	height: 134px;

}



.leftP img{

	border: 2px solid #FFF;

}



.leftP3{

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	float: left;

	width: 200px;

	height: 134px;

	border: 2px solid #FFF;

}



.rightP {

	margin: 0 0 0 0;

	padding: 0 0 0 15px;

	float: right;

	width: 360px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #FFF;	

}



.leftP2 img{

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	float: left;

	width: 200px;

	border: 2px solid #000;

}



.rightP2 {

	margin: 0 0 0 0;

	padding: 0 0 0 15px;

	float: right;

	width: 360px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #000;	

}



/*#fadeshow1 {

	border: 2px solid #FFF;

}*/



.line {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #FFF;	

	width: 100%;

	margin: 5px 0 5px 0;

}



.line2 {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #000;	

	width: 100%;

	margin: 5px 0 5px 0;

}



.clearfloat {

  clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}



.btnbig {

	width: 373px;

	height: 35px;

}



.btnbig2 {

	width: 100px;

	height: 35px;

	width: 293px;

	margin-left: 5px;

}



.red {

	color: #F00;

}



/*Fonts*/



@font-face {

	font-family: 'HelveticaNeue-MediumCond';

	src: url('../fonts/helveticamedcd.eot');

	src: url('../fonts/helveticamedcd.eot?#iefix') format('embedded-opentype'),

			 url('../fonts/helveticamedcd.woff') format('woff'),

			 url('../fonts/helveticamedcd.ttf') format('truetype'),

			 url('../fonts/helveticamedcd.svg#helveticamedcd') format('svg');

	font-weight: normal;

	font-style: normal;

}

		

@font-face {

	font-family: 'HelveticaNeue';

	src: url('../fonts/helveticaneue.eot');

	src: url('../fonts/helveticaneue.eot?#iefix') format('embedded-opentype'),

			 url('../fonts/helveticaneue.woff') format('woff'),

			 url('../fonts/helveticaneue.ttf') format('truetype'),

			 url('../fonts/helveticaneue.svg#helveticaneue') format('svg');

	font-weight: normal;

	font-style: normal;

}

		

@font-face {

	font-family: 'HelveticaNeue-Heavy';

	src: url('../fonts/helveticaneueheavy.eot');

	src: url('../fonts/helveticaneueheavy.eot?#iefix') format('embedded-opentype'),

			 url('../fonts/helveticaneueheavy.woff') format('woff'),

			 url('../fonts/helveticaneueheavy.ttf') format('truetype'),

			 url('../fonts/helveticaneueheavy.svg#helveticaneueheavy') format('svg');

	font-weight: normal;

	font-style: normal;

}