/****** FILE: themes/hbbc/css/thickbox.css *****/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:1100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 1102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:1103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:199;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

/****** FILE: themes/hbbc/css/layout.css *****/
* {
	margin: 0;
	padding: 0;
}

@font-face {
    font-family: 'MidoMedium';
    src: url('../fonts/mido/mido-webfont-webfont.eot');
    src: url('../fonts/mido/mido-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mido/mido-webfont-webfont.woff') format('woff'),
         url('../fonts/mido/mido-webfont-webfont.ttf') format('truetype'),
         url('../fonts/mido/mido-webfont-webfont.svg#midomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Quick';
    src: url('../fonts/quick/quick-regular.eot');
    src: url('../fonts/quick/quick-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quick/quick-regular.woff') format('woff'),
         url('../fonts/quick/quick-regular.ttf') format('truetype'),
         url('../fonts/quick/quick-regular.svg#midomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'QuickBold';
    src: url('../fonts/quick/quick-bold.eot');
    src: url('../fonts/quick/quick-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quick/quick-bold.woff') format('woff'),
         url('../fonts/quick/quick-bold.ttf') format('truetype'),
         url('../fonts/quick/quick-bold.svg#midomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/bebas/BebasNeue-webfont.eot');
    src: url('../fonts/bebas/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebas/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/bebas/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/bebas/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PacificoRegular';
    src: url('../fonts/pacifico/Pacifico-webfont.eot');
    src: url('../fonts/pacifico/Pacifico-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pacifico/Pacifico-webfont.woff') format('woff'),
         url('../fonts/pacifico/Pacifico-webfont.ttf') format('truetype'),
         url('../fonts/pacifico/Pacifico-webfont.svg#PacificoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
	background: #FFF;
	-webkit-font-smoothing: antialiased;
	height: 100%; 
}

body {
	background: #00396d;
	color: #404040;
	font-family: 'MidoMedium', Georgia, Times, serif;
	font-weight: normal;
	height: 100%; 
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.clear {
	clear:both;
}

.no-sidebar {
	overflow: auto;
}

.no-margin {
	margin: 0;
}

/* CONTAINER
----------------------------------------- */

#PageContainer {
	width: 100%;
	overflow: hidden;
}

.Wrapper {
	border: 2px solid red;
	margin: 0px auto;
	padding: 15px;
	width: 970px;
}

#Layout {
	background: #126c84 url(../images/layout/layout-gradient-bg.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	padding-top: 50px;
	clear: both;
	z-index: 1;
}

#Layout .texture-overlay {
	background: url(../images/layout/layout-texture-bg.png);
	padding-top: 50px;
}

/*#Layout .waves-overlay {
	background: url(../images/layout/waves-new.png);
	background-position: center top;
	
}*/

#Layout .wood-overlay {
	background: url(../images/layout/wood-repeater-2.png);
	background-position: center bottom;
	background-repeat: repeat-x;
}

#Content {	
	text-align: left;
}

/* HEADER
----------------------------------------- */

.mainHeader-wrapper {
	background: #FFF;
	width: 100%;
}

.mainHeader {
	border-bottom: 1px solid #e3e3e3;
	margin: 0 auto;
	overflow: auto;
	padding: 10px 0;
	position: relative;
	width: 960px;
	z-index: 999;
}

.mainHeader.announcements {
	margin: -30px auto 0;
}

#Header a.Logo {
	background: url(../images/hbbc-logo.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 146px;
	position: absolute;
		top: 10px;
		left: 50%;
		margin-left: -125px;
	width: 250px;
}

#Header h1 { 
  	display: none;
}

/* SHARE
----------------------------------------- */

#Header .activity {
	float: right;
	padding-top: 20px;
	width: 335px;
}

#Header .ShareIcons span {
}

#Header .activity a.facebook {
	background-color: #3d5999;
	background-image: url(../images/fb-icon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	border-bottom: 2px solid #2d4375;
	border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	box-sizing: border-box;
	color: #FFF;
	display: block;
	float: right;
	font-size: 12px;
	line-height: 12px;
	margin: 0 0 8px 2%;
	padding: 4px 10px 4px 35px;
	text-align: left;
	text-decoration: none;
	width: 35%;
}

#Header .activity a.facebook:hover {
	border-bottom: none;
	margin-top: 2px;
}

#Header .addthisshare {
	line-height: 32px;
}

#Header .ShareIcons a.share-button,
#Header .ShareIcons a.twitter,
#Header .ShareIcons a.facebook {
	border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;	
	box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.3);
		-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.3);
		-moz-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.3);
	height: 30px;
	margin: 0 2px;
}

#Header .ShareIcons a.share-button {
	background-image: url(../images/layout/share-icon-1x.png);
	background-position: 50px -1px;
	background-repeat: no-repeat;
	background-color: #ca4142;
	border-bottom: 2px solid #992B31;
	color: #FFF;
	line-height: 30px;
	padding-left: 10px;
	text-decoration: none;
	text-shadow: 1px 2px 1px rgba(162, 52, 53, 1);
	width: 70px;
}

#Header .ShareIcons a.twitter,
#Header .ShareIcons a.facebook {
	background: url(../images/layout/social-icons-1x.png);
	background-repeat: no-repeat;
	width: 30px;
}

#Header .ShareIcons a.facebook {
	background-color: #3d5999;
	background-position: 1px 1px;
	border-bottom: 2px solid #2d4375;
}

#Header .ShareIcons a.twitter {
	background-color: #25aae1;
	background-position: -30px 1px;
	border-bottom: 2px solid #1a79a1;
}

.addthis_sharing_toolbox {
	min-width: 60%;
}

.addthis_sharing_toolbox span {
	line-height: 32px;
}

#Header .ShareIcons a.facebook:hover,
#Header .ShareIcons a.twitter:hover,
#Header .ShareIcons a.share-button:hover,
#Header .ShareIcons a.share-button.on {
	border-bottom: none;
	margin-top: 2px;
}

#Header .ShareIcons a.share-button.on {
	border-left: 1px solid #FFF;
	border-top-left-radius: 0;
		-moz-border-radius-topleft: 0;
		-webkit-border-top-left-radius: 0;
	border-top-right-radius: 4px;
		-moz-border-radius-topright: 4px;
		-webkit-border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 0;
		-moz-border-radius-bottomleft: 0;
		-webkit-border-bottom-left-radius: 0;
}

.addthis_toolbox {
	width: 120px;
	white-space: nowrap;
}

.shareCollapse {
	margin-top: 2px;
	background-color: #ca4142;
	padding: 7px 12px;
	-moz-border-radius-topleft: 4px;
		-webkit-border-top-left-radius: 4px;
	 	border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-left-radius: 4px;
		border-bottom-left-radius: 4px;
	box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.3);
		-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.3);
		-moz-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.3);	
	position: absolute;
	top: 60px;
	right: 278px;
	overflow: hidden;
	width: 70px;
	display: none;
}

/* MAIN NAVIGATION - TABS
----------------------------------------- */

.TA_certificateOfExcellence {
	float: left;
}

#Navigation {
	margin: 0 auto;
	display: table;
	font-size: 18px;
	list-style: none;
	width: 960px;
	z-index: 9999;	
	position: relative;
}

#Navigation > li {
	display: table-cell;
	float: none!important;
}

#Navigation li {
	float: left;
	position: relative;
}
#Navigation li a {
	text-align: center;
}

#Navigation a {	
	border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
	color: #2e5281;
	font-family: 'MidoMedium', Helvetica, Arial, sans-serif;
	font-size: 18px;
	display: block;
	margin-bottom: 3px;
	padding: 6px 8px;
	
	text-decoration: none;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#Navigation a { padding: 8px 8px; }
}

#Navigation li.DropDown a {
	border-radius: 0;
	border-top-left-radius: 2px;
		-moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
	border-top-right-radius: 2px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
	
}

#Navigation li li a {
	text-align: left;
	
}


#Navigation li:hover a {
	background: #04987B;
	border-bottom: 2px solid #09514E;
	color:#FFF;
	margin-bottom: 0;
	text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.4);
}

#Navigation li:active a {
	border: 0;
	margin-top: 2px;
}

#Navigation li.DropDown:hover a {
	border: none;
}

#Navigation li.DropDown:active a {
	margin: 0;
}

#Navigation li.DropDown a:active {
	text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.4);
}

/*--- DROPDOWN ---*/

#Navigation ul {
	border-bottom: 1px solid #09514E;
	border-bottom-right-radius: 2px;
		-moz-border-radius-bottomright: 2px;
		-webkit-border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
		-moz-border-radius-bottomleft: 2px;
		-webkit-border-bottom-left-radius: 2px;
	box-shadow:         0px 6px 6px rgba(4, 10, 15, 0.6);
		-webkit-box-shadow: 0px 6px 6px rgba(4, 10, 15, 0.6);
		-moz-box-shadow:    0px 6px 6px rgba(4, 10, 15, 0.6);
	left: -9999px;
	list-style: none;
	position: absolute;
}

#Navigation ul li {
	float: none;
	width: auto;
}

#Navigation li.DropDown li a {
	background-color: #04987B;
	background-image: url(../images/layout/horizontal-wood.png);
	background-position: left bottom;
	background-repeat: repeat;
	border-radius: 0;
}

#Navigation li.DropDown li li a {
	background-color: #00abbd;
}

#Navigation ul a {
	white-space: nowrap;
}

#Navigation li:hover > ul {
	left: 0;
}

#Navigation li:hover ul a {
	text-decoration: none;
}

#Navigation li:hover ul li a:hover {
	border-radius: 0;
	background-color: #CA4142;
}

#Navigation ul li:hover ul {
	left: 200px;
	top: 0px;
}

/* MENU BLOCKS
-------------------------------------------- */

#MenuBlocks {
	background: url(../images/layout/repeat-aqua-bg.jpg);
	background-position: 0 0;
	background-repeat: repeat;	
	box-shadow: 0px 8px 10px rgba(20, 10, 50, 0.5);
		-webkit-box-shadow: 0px 8px 10px rgba(20, 10, 50, 0.5);
		-moz-box-shadow: 0px 8px 10px rgba(20, 10, 50, 0.5);
	height: 90px;
	position: relative;
	width: 100%;
}

/*#MenuBlocks .coming-soon-1,
#MenuBlocks .coming-soon-2 {
	background-position: 0 0;
	height: 75px;
	position: absolute;
		left: 50%;
		top: 14px;
	width: 140px;
	z-index: 900;
}

#MenuBlocks .coming-soon-1 {
	background: url(../images/layout/main-menu/coming-soon-1.png);
	margin-left: -473px;
	background-repeat: no-repeat;
}

#MenuBlocks .coming-soon-2 {
	background: url(../images/layout/main-menu/coming-soon-2.png);
	background-repeat: no-repeat;
	margin-left: 330px;
}*/

#MenuBlocks .ropes,
#MenuBlocks .shadows,
#MenuBlocks .curve {
	display: block;
	position: absolute;
	left: 50%;
}

#MenuBlocks .ropes {
	background: url(../images/layout/main-menu/menu-ropes.png);
	background-repeat: no-repeat;
	margin-left: -700px;
	width: 1400px;
	z-index: 888;
}

#MenuBlocks .ropes.top {
	background-position: 0 0;
	height: 21px;
	top: 5px;
}

#MenuBlocks .ropes.bottom {
	background-position: 0 -21px;
	height: 37px;
	bottom: -31px;
}

#MenuBlocks .shadows {
	background: url(../images/layout/main-menu/menu-shadows.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 100px;
	margin-left: -480px;
		bottom: -30px;
	width: 960px;
	z-index: 9;
}

#MenuBlocks .curve {
	background: url(../images/layout/main-menu/menu-curve.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 60px;
	margin-left: -570px;
	bottom: -50px;
	width: 1140px;
}

#MenuBlocks ul {
	background: url(../images/layout/main-menu/menu-short.png);
	background-position: 8px 0;
	background-repeat: no-repeat;
	list-style-type: none;
	margin-left: -480px;
	position: absolute;
		top: 15px;
		left: 50%;
	width: 960px;
	z-index: 99;
}

#MenuBlocks ul li {
	color: #FFF;		
	display: block;
	margin: 0 10px;
	text-align: center;
	width: 140px;
}
#MenuBlocks ul li:last-child a {
	padding-top: 12px ;
}

#HomePage #MenuBlocks ul li:last-child a {
	padding-top: 25px ;
}
	
#MenuBlocks ul li a {
	color: #FFF;
	display: block;
	height: 65px;
	padding-top: 25px;
	text-decoration: none;
}

#MenuBlocks ul li h4 {
	display: inline;
	font-family: 'BebasNeueRegular', Impact, sans-serif;
	font-size: 34px;
	font-weight: normal;
	line-height: 30px;
	padding: 3px 6px 0 6px;
	text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.3);
}

/*#MenuBlocks ul li a:hover h4 {
	background: rgba(255,255,255,0.2);
	border: 1px dotted #FFF;
	border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.5);
}*/

#MenuBlocks ul li a:hover h4,
#MenuBlocks ul li a:hover p { 
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

/* CONTENT AREA
----------------------------------------------- */

.content-wrapper {
	background: #f4f4f4;
	background-position: 0 0;
	background-repeat: repeat;
	margin: 0 auto;
	padding: 8px 20px 0;
	width: 900px;
	z-index: 20;	
}

.content-wrapper.intro {
	 border-top-left-radius: 2px;
		 -moz-border-radius-topleft: 2px;
		-webkit-border-top-left-radius: 2px;
	border-top-right-radius: 2px;
		-moz-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
	padding-bottom: 20px;
	position: relative;
}

.content-wrapper.intro.no-gallery-margins {
	padding-bottom: 0;
}

.content-wrapper.main.no-gallery-margins {
	padding-top: 1px;
	/*overflow: auto;*/	
}

.content-wrapper.main {
	padding-top: 20px;
	padding-bottom: 160px;
}

.content-wrapper.main .wood-overlay {
	background: url(../images/layout/wood-repeater.png);
	background-position: -25px 0;
	background-repeat: repeat-x;
	display: block;
	height: 375px;
	margin: -320px 0 -80px -20px;

	width: 940px;
	z-index: 9;
	
	display: none; /* notice the * before the property - shows in IE7 and below */
}


#Content.HasSidebar {
	margin: 0 340px 0px 0px;
	z-index: 99;
}
		
.gallery-wrapper {
	background: url(../images/layout/gallery-bg.png);
	background-position: 0 0;
	background-repeat: repeat;
	box-shadow: inset 0px 2px 7px rgba(20, 10, 50, 0.8);
		-webkit-box-shadow: inset 0px 2px 7px rgba(20, 10, 50, 0.8);
		-moz-box-shadow: inset 0px 2px 7px rgba(20, 10, 50, 0.8);
	height: 280px;
	width: 100%;
	z-index: 4;
}



/* LOGIN PAGE
----------------------------------------------- */

#Security .gallery-wrapper {
	display: none;
}

#Security .content-wrapper.intro {
	padding-bottom: 0;
}

#Security .content-wrapper,
#Security #Content .content-wrapper {
	text-align: center!important;
}

#Security form,
#Security fieldset,
#Security .field {
	float: left;
	width: 304px;
}

#Security form {
	margin: -20px 318px 100px;
}

#Security .middleColumn {
	margin-right: 0;
}

p#ForgotPassword a {
	color: #16997C;
}

p#ForgotPassword a:hover {
	color: #00396C;
}

#Security .Actions {
	text-align: center;
}

#Security .Actions input {
	width: 90px;
	text-align: center;
}

/* BOOKINGS
----------------------------------------- */

a.bookings-btn {
	background: #CA4142;
	border: none;
	border-bottom: 3px solid #992b31;
	border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	color: #FFF!important;
	font-family: 'BebasNeueRegular', Impact, sans-serif;
	font-size: 20px;
	font-weight: normal;
	padding: 6px 10px 3px;
	margin: 0 0 0 10px;
	text-shadow: 0px -1px 0px rgba(153, 43, 49, 1);
}

a.bookings-btn:hover {
	background: #992b31;
	border: none;
	cursor: pointer!important;
}

#BookingPage #Content.HasSidebar {
	margin: 0;
}

/* STAFF PROFILES
----------------------------------------- */

#StaffPage .main.no-gallery-margins {
	padding-top: 15px;
}

.staffMember {
	border-bottom: 2px dotted #7dd3e2;
	margin-bottom: 25px;
	padding-bottom: 5px;
}

.staffMember:last-child {
	border: 0;
}

.staffMember img {
	float: left;
	margin-bottom: 20px;
}

.staffMember .profile {
	width: 100%;
}

.staffMember .profile.inc-photo {
	width: 420px;	
}

.staffMember .profile h4 {
	color: #35393C!important;
	font-family: 'PacificoRegular', serif!important;
	font-size: 1.7em!important;
	font-weight: normal!important;
	margin: -10px 0 0 -3px!important;
}

.staffMember .profile span.title {
	color: #CA4142;
	display: block;
	font-family: 'MidoMedium', Georgia, Times, serif;
	font-size: 0.9em;
	font-weight: normal;
	margin: -3px 0 10px 0;
	text-transform: uppercase;
}

/* ANNOUNCEMENTS
-------------------------------------------- */

#AnnouncementPage #Content {
	padding-top: 30px;
}

#AnnouncementPage #Content .announcement {
	background-color: #CA4142;
	background-image: url(../images/layout/horizontal-wood.png);
	background-position: left bottom;
	background-repeat: repeat;
	border-bottom: 2px solid #992B31;
	border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	margin-bottom: 10px;	
	padding: 10px;
	text-shadow: 0px 0px 3px rgba(80, 10, 50, 1);
}

#AnnouncementPage #Content .announcement:nth-child(even) {
	background-color: #16997c;
	border-bottom: 2px solid #09514E;
}

#AnnouncementPage #Content .announcement span.date {
	background-image: url(../images/layout/announcement-hole.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #FFF;
	display: block;
	font-family: Verdana, Lucida, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: -5px 0 5px -5px;
	padding: 15px 5px 0 5px;
	width: 540px;
}

#AnnouncementPage #Content .announcement p {
	border-top: 1px dashed #e3e3e3;
	color: #FFF;
	font-family: 'MidoMedium', Georgia, Times, serif;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.3em;
	padding-top: 3px;
}

#AnnouncementPage #Content .announcement.past {
	background-color: #d4d4d4;
	border-bottom-color: #848484;
	text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.8);
}

#AnnouncementPage #Content .announcement.past span.date {
	color: #505050;
}

#AnnouncementPage #Content .announcement.past p {
	color: #404040;
}

#AnnouncementPage #Content .announcement.past p {
	border-top: 1px dashed #808080;
}



/* No Script */
.NoScript {
	background: url(../images/JS-BG.png) repeat-x 0 0;
	position: fixed;
	top: 0px;
	left: 0;
	height: 100px;
	width: 100%;
	padding: 25px 0 0 0;
	z-index: 9999;
}

.NoScript p, .NoScript p a {
	color: #FFF;
	font-size: 20px;
	text-align: center!important;
}

.NoScript p a:hover {
	text-decoration: underline;
}

.NoScript p.AboutJS {
	font-size: 14px;
	margin-top: 6px;
}

/****** FILE: themes/hbbc/css/isotope.css *****/
/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/****** FILE: themes/hbbc/css/typography.css *****/
/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * This typography file is included in the WYSIWYG editor and the front end. It provides
 * a place to add link styles and font styles you would like in the CMS and the Front End.
 */

 
/* GENERIC STYLES 
-------------------------------------------- */

#PageTitle,
#HomePage .event-wrapper h2,
#HomePage .cmSubscribe h3,
#HomePage .intraClubs h3 {
	font-family: 'PacificoRegular', serif;
	font-size: 2.4em;
	font-weight: normal;
}

h2 {
	font-weight: normal;
}

#PageTitle,
#PageTitle h2 {
	color: #35393c;
	font-family: 'BebasNeueRegular', Impact, sans-serif;
	font-size: 1.85em;
	font-weight: normal;
	line-height: 1em;
	margin-top: 25px;
	width: 560px;
}

#Security #PageTitle,
#EventHolder #PageTitle {
	width: 100%;
}

.Introduction {
	color: #CA4142;
	font-family: 'MidoMedium', Georgia, Times, serif;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.35em;
	margin: 16px 0 5px 0;
	width: 560px;
}
 
.typography * {
	font-family: Verdana, Lucida, Arial, sans-serif; 
}

hr {
	border: none;
	border-top: 2px dotted #7dd3e2;
	margin-bottom: 15px;
}

.typography .call-to-action {
	
}

/* PARAGRAPHS 
-------------------------------------------- */ 

.typography p,
.typography li,
.typography table { 
 	color: #484848;
 	font-size: 0.9em;
 	line-height: 1.55em;
	margin: 0 0 15px 0;
}

/* QUOTES
-------------------------------------------- */

.typography blockquote p {
	border-top: 2px dotted #7dd3e2;
	border-bottom: 2px dotted #7dd3e2;
	color: #CA4142;
	font-family: 'PacificoRegular', serif;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.15em;
	padding: 10px 30px 15px;
}

/* HEADER STYLES 
-------------------------------------------- */

.typography h1:first-child,
.typography h2:first-child,
.typography h3:first-child,
.typography h4:first-child,
.typography h5:first-child,
.typography h6:first-child {
	margin-top: 0!important;
}


.typography h1,
.typography h1 span,
.typography h1 p {
	color: #CA4142!important;
	font-family: 'BebasNeueRegular', Impact, sans-serif!important;
	font-size: 1.5em!important;
	font-weight: normal!important;
	margin-top: 30px!important; 
}

.typography h2,
.typography h2 span,
.typography h2 p {
	color: #33404e!important;
	font-family: 'BebasNeueRegular', Impact, sans-serif!important;
 	font-size: 1.65em!important;
 	font-weight: normal!important;
 	margin-top: 30px!important;
 	margin-bottom: 5px; 
}	

.typography h3,
.typography h4,
.typography h5,
.typography h6,
.typography h3 span,
.typography h4 span,
.typography h5 span,
.typography h6 span,
.typography h3 p,
.typography h4 p,
.typography h5 p,
.typography h6 p {
	color: #CA4142!important;
	font-family: 'MidoMedium', Georgia, Times, serif!important;
	font-size: 1.1em!important;
	font-weight: normal;
	margin-top: 30px!important; 
	margin-bottom: 5px; 
}

.typography #Content h1:first-child,
.typography #Content h2:first-child,
.typography #Content h3:first-child,
.typography #Content h4:first-child,
.typography #Content h5:first-child,
.typography #Content h6:first-child {
	margin-top: 0!important;
}

/* LINKS 
-------------------------------------------- */

.typography a { 
	color: #CA4142;
	font-weight: bold;
}

.typography a:hover { 
	color: #33404E;
}

/* LINK ICONS - shows type of file
------------------------------------ */

.typography a[href$=".pdf"],
.typography a[href$=".PDF"],
.typography a.pdf {
	padding: 2px;
	padding-left: 20px;
	background-image: url(../images/layout/doc.png);
	background-position: 5px center;
	background-repeat: no-repeat;
}

.typography a[href$=".doc"],
.typography a[href$=".DOC"],
.typography a.doc {
	padding: 2px;
	padding-left: 20px;
	background-image: url(../images/layout/doc.png);
	background-position: 5px center;
	background-repeat: no-repeat;
}

.typography a[href$=".xls"],
.typography a[href$=".XLS"],
.typography a.xls {
	padding: 2px;
	padding-left: 20px;
	background-image: url(../images/layout/doc.png);
	background-position: 5px center;
	background-repeat: no-repeat;
}

.typography a[href$=".gz"],
.typography a[href$=".GZ"],
.typography a[href$=".gzip"],
.typography a[href$=".GZIP"],
.typography a[href$=".zip"],
.typography a[href$=".ZIP"],
.typography a.archive {
	padding: 2px;
	padding-left: 20px;
	background-image: url(../images/layout/doc.png);
	background-position: 5px center;
	background-repeat: no-repeat;
}

.typography a[href$=".exe"],
.typography a[href$=".EXE"],
.typography a.application {
	padding: 2px;
	padding-left: 20px;
	background-image: url(../images/layout/doc.png);
	background-position: 5px center;
	background-repeat: no-repeat;
}

/* RESOURCES
----------------------------------------- */

.typography .resource-border {
	border: 1px solid #A2D2C7;
	border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	margin: 15px 0;
	background-color: #FFF;
}

.typography p resource-border {
	margin-bottom: 0;
}

.typography a.resource,
.typography a.inline-resource {
	background-color: #FFF;
	border-bottom: 2px solid #A2D2C7;
	border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	display: block;
	margin-top: -2px;
	padding: 10px;
	text-decoration: none;
}

.typography a.resource {
	background-image: none;
}

.typography a.resource:hover {
	border: 0;
	margin: 0;
}

.typography a.resource:active {
	background-color: #D4EDE7;
	border-top: 2px solid #A2D2C7;
	padding-bottom: 8px;
}

.typography a.resource img {
	border: 0;
	border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
	box-shadow: none;
	float: left;
	padding: 0;
}

.typography a.resource span {
	width: 425px;
}

.typography a.resource span.resource-title {
	color: #CA4142;
	font-family: 'BebasNeueRegular', Impact, sans-serif;
	font-size: 1.8em;
	font-weight: normal;
}

.typography a.resource:hover {
	background: #D4EDE7;
	color: #607e7c;
}

.typography a.resource:hover span.resource-title {
	color: #992B31;
}

.typography a.resource span.download {
	color: #b0aeac;
	font-family: 'MidoMedium', Georgia, Times, serif;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

.typography a.resource:hover span.download {
	color: #607e7c;
}

.typography a.inline-resource {
	color: #CA4142;
	display: inline;
	font-family: 'MidoMedium', Georgia, Times, serif;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0;
	padding: 2px 2px 0 20px;
	white-space:nowrap;
}

.typography a.inline-resource img {
	display: none;
}

.typography a.inline-resource:hover {
	background-color: #D4EDE7;
	border-bottom: 2px solid #82b2a7;
	color: #992B31;
}

/* LIST STYLES 
-------------------------------------------- */

.typography ul, 
.typography ol {
	margin: 0 0 18px 45px;
}

.typography ul li,
.typography ol li {
	list-style: disc;
	margin-bottom: 6px;
}

/* TABLE STYLING 
-------------------------------------------- */

.typography table {
	margin: 0 0 18px 0;
	border-collapse:collapse;
}
	
.typography td {
	border: 1px solid #999;
	padding: 5px;
}

/* IMAGES 
-------------------------------------------- */

.typography img {
	background: #FFF;
	border: 1px solid #d4d4d4;
	box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.4);
		-webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.4);
		-moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.4);
	padding: 4px;
}

.typography img.right {
	float: right;
	margin-left: 20px;
}

.typography img.left {
	float: left;
	margin-right: 20px;
}

.typography img.leftAlone {
	float: left;
	margin-right: 100%;
}

.typography img.center {
	float: none;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/*WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */

.typography .left {

	text-align: left;
}

.typography .center {
	text-align: center;
}

.typography .right {
	text-align: right;
}

/****** FILE: themes/hbbc/css/form.css *****/
input.text,
input.action,
textarea {
    -webkit-appearance:none;  
    -webkit-border-radius:0px;
}

/* FIELDSETS
---------------------------------------- */
fieldset {
	border: 0;
}

/* ACTION BUTTONS
---------------------------------------- */

input.action {
	background: #CA4142;
	border: none;
	border-bottom: 3px solid #992b31;
	border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	font-family: 'BebasNeueRegular', Impact, sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: #FFF;
	padding: 8px 14px 4px;
	text-shadow: 0px -2px 0px rgba(153, 43, 49, 1);
}

input.action:hover,
input.action:focus {
	border: none;
	cursor: pointer;
	margin-top: 3px;
}

input.action:active {
	border-top: 3px solid #992b31;
	padding-bottom: 1px;
}

/* FIELD FORMATING
---------------------------------------- */

form ul {
	list-style: none;
}

form .field { 
	position: relative;
	overflow: auto;
}

.middleColumn {
	background-color: #FFF;
	border: 2px solid #a7a9a9;
	border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
 	display: inline;
 	float: left;
 	margin: 15px 10px 10px 0;
}

div.tab .field .middleColumn {
	clear: none !important;
	margin: 0 !important;
	width: auto;
}

.middleColumn .middleColumn {
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}

.middleColumn .message {
	margin: 0;
}

#Sidebar .middleColumn {
	margin: 0 0 0 8px;
	display: inline;
}

/* LABELS
---------------------------------------- */

label,
.typography label {
	font-family: Verdana, Lucida, Arial, sans-serif; 
}

label,
.typography label {
	color: #6bb19c;
	font-size: 18px;
	font-weight: bold;
	position: absolute; 
		top: 22px; 
		left: 12px;
}

.checkbox label,
.typography .checkbox label {
	color: #303030;
	font-size: 14px;
	font-weight: normal;
	position: relative;
		top: 1px;
		left: auto;
}

label.right {
	display:inline;
}


/* INPUT BOXS
---------------------------------------- */

input.text, 
textarea, 
select {
	border: 0;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	color: #16997c;
	font-family: Verdana, Lucida, Arial, sans-serif; 
	font-weight: bold;
	padding: 8px;
	font-size: 16px;
}

input.text {
	width: 284px;
}

textarea {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 12px;
}

input:focus span, textarea:focus span {
	border: 3px solid #000;
}

form .date input.month,
form .date input.day,
form .date input.year {
	width: auto;
}

form .datetime .clear {
	clear: both;
}

form .datetime .date,
form .datetime .time {
	float: left;
	clear: none;
	width: auto;
}
	form .datetime .middleColumn .middleColumn {
		width: auto;
	}
	form .datetime .date input,
	form .datetime .time input {
		width: auto;
	}


/* SELECT DROPDOWN
---------------------------------------- */

select {
	width: auto;
}

/* CHECKBOXES
---------------------------------------- */

ul.optionset {
	margin: 0;
	overflow: hidden;
}

ul.optionset li {
	margin: 6px 0;
	clear: both;
}

ul.optionset li input {
	float: left;
	margin: 0 6px;
}

ul.optionset li label {
	margin: 0;
}
	

/* VALIDATION
--------------------------------------------- */

.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}

span.middleColumn .message {
	margin: 4px 0 0 3px;
}

label.required, .bad {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 2px solid #FF7373;
	background: #FED0D0;
}



/* POPUP FORMS (NOT-INLINE)
---------------------------------------- */
form.not-inline .middleColumn {
	display: block;
	float: none;
	position: relative;
}

form.not-inline label, 
.typography form.not-inline label {
	position: relative;
	top: 0;
	left: 0;
}

/****** FILE: themes/hbbc/css/main.css *****/
.row-wrapper {
  width: 100%;
  margin: 0 auto;
  max-width: 940px;
  overflow: auto; }

#Header .header-phone {
  color: #ca4242;
  float: right;
  font-family: 'BebasNeueRegular', Impact, sans-serif;
  font-size: 24px;
  line-height: 32px;
  margin: 0 6px 0 10px; }
  #Header .header-phone a {
    color: #404040;
    cursor: default;
    text-decoration: none; }

#HomePage .intraClubs li {
  list-style-type: none;
  margin: 0px 6px 20px 6px; }
  #HomePage .intraClubs li:nth-child(1) a, #HomePage .intraClubs li:nth-child(4) a, #HomePage .intraClubs li:nth-child(8) a {
    background: #00396c;
    border-bottom: 2px solid #001e39;
    text-shadow: 0px 2px 0px #000306; }
  #HomePage .intraClubs li:nth-child(2) a, #HomePage .intraClubs li:nth-child(6) a, #HomePage .intraClubs li:nth-child(9) a, #HomePage .intraClubs li:nth-child(11) a {
    background: #ca4242;
    border-bottom: 2px solid #a93030;
    text-shadow: 0px 2px 0px #9a2b2b; }
  #HomePage .intraClubs li:nth-child(3) a, #HomePage .intraClubs li:nth-child(5) a, #HomePage .intraClubs li:nth-child(7) a, #HomePage .intraClubs li:nth-child(10) a {
    background: #16997c;
    border-bottom: 2px solid #106c58;
    text-shadow: 0px 2px 0px #106c58; }
  #HomePage .intraClubs li a {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
    color: #FFF;
    display: block;
    font-family: 'BebasNeueRegular', Impact, sans-serif;
    font-size: 1.65em;
    min-height: 50px;
    line-height: 1em;
    padding: 15px 10px 12px 10px;
    text-decoration: none;
    width: 128px; }
  #HomePage .intraClubs li:hover {
    margin-top: 2px;
    margin-bottom: 18px; }
    #HomePage .intraClubs li:hover a {
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
      box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); }

#ChildSummaryPage #Content ul {
  margin: 0;
  padding: 0; }
  #ChildSummaryPage #Content ul li.child-page-summary {
    float: left;
    list-style: none;
    margin: 0 20px 20px 0;
    width: 285px; }
    #ChildSummaryPage #Content ul li.child-page-summary:nth-child(3), #ChildSummaryPage #Content ul li.child-page-summary:nth-child(6) {
      margin-right: 0; }
    #ChildSummaryPage #Content ul li.child-page-summary:nth-child(1) h2, #ChildSummaryPage #Content ul li.child-page-summary:nth-child(5) h2, #ChildSummaryPage #Content ul li.child-page-summary:nth-child(7) h2 {
      color: #00396c !important; }
    #ChildSummaryPage #Content ul li.child-page-summary:nth-child(2) h2, #ChildSummaryPage #Content ul li.child-page-summary:nth-child(6) h2, #ChildSummaryPage #Content ul li.child-page-summary:nth-child(9) h2 {
      color: #ca4242 !important; }
    #ChildSummaryPage #Content ul li.child-page-summary:nth-child(3) h2, #ChildSummaryPage #Content ul li.child-page-summary:nth-child(4) h2, #ChildSummaryPage #Content ul li.child-page-summary:nth-child(8) h2 {
      color: #16997c !important; }
    #ChildSummaryPage #Content ul li.child-page-summary a {
      background: #FFF;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      -webkit-box-shadow: 0px 2px 3px #d3d3d3;
      box-shadow: 0px 2px 3px #d3d3d3;
      display: block;
      font-weight: normal;
      height: 300px;
      padding: 20px 15px 15px;
      position: relative;
      text-decoration: none; }
      #ChildSummaryPage #Content ul li.child-page-summary a h2 {
        font-size: 2.25em !important;
        line-height: 1em;
        margin-bottom: 5px; }
      #ChildSummaryPage #Content ul li.child-page-summary a p {
        font-size: 0.95em;
        margin-bottom: 10px; }
      #ChildSummaryPage #Content ul li.child-page-summary a img {
        background: none;
        border: none;
        -webkit-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
        box-shadow: none;
        display: block;
        height: 160px;
        padding: 0;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%; }
      #ChildSummaryPage #Content ul li.child-page-summary a:hover {
        background: #00396c; }
        #ChildSummaryPage #Content ul li.child-page-summary a:hover h2, #ChildSummaryPage #Content ul li.child-page-summary a:hover p, #ChildSummaryPage #Content ul li.child-page-summary a:hover span {
          color: #FFF !important; }

#HomePage #Layout {
  background-color: #367e94; }
  #HomePage #Layout .event-wrapper h2 {
    color: #FFF;
    font-family: 'BebasNeueRegular', Impact, sans-serif;
    font-size: 45px;
    text-align: left;
    text-transform: uppercase; }
    #HomePage #Layout .event-wrapper h2 a.view-events {
      color: #29bdbe;
      float: right;
		line-height: 30px;
      text-transform: none; }
#HomePage .call-to-actions {
  float: left;
  width: 48%; }
  #HomePage .call-to-actions .adv-cruises {
    background: url(../images/whale-watching-hervey-bay.jpg) center left no-repeat;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 2px 8px #00294d;
    display: block;
    margin-bottom: 30px;
	padding: 25px 15px 60px;
	box-sizing: border-box;
    position: relative;
    width: 100%; }
	#HomePage .call-to-actions .adv-cruises p {
      color: #FFF;
      font-family: "QuickBold", Helvetica, Arial, sans-serif;
      text-shadow: 0 1px 5px #001e39;
	}
	#HomePage .call-to-actions .adv-cruises .break {
		line-height: 20px;
		  color: #FFF;
  font-family: 'BebasNeueRegular', Impact, sans-serif;
  font-size: 60px;
  font-weight: normal;
  text-shadow: 0 1px 5px #001e39;
	}
    #HomePage .call-to-actions .adv-cruises h3,
	#HomePage .call-to-actions .adv-cruises .highlight {
      color: #FFF;
      font-family: 'BebasNeueRegular', Impact, sans-serif;
      font-size: 60px;
      font-weight: normal;
      line-height: 50px;
      text-shadow: 0 1px 5px #001e39; }
    #HomePage .call-to-actions .adv-cruises p:first-of-type {
	    margin-top: -12px;
    }
	#HomePage .call-to-actions .adv-cruises .highlight span {
		color: #fbb253;
	}
	#HomePage .call-to-actions .adv-cruises .highlight span span {
	    font-family: "QuickBold", Helvetica, Arial, sans-serif;
	    font-size: 20px;
    }
    #HomePage .call-to-actions .adv-cruises a {
      background: #ffdf58;
      -webkit-border-radius: 30px;
      border-radius: 30px;
      border-bottom: 2px solid #eca73b;
      box-shadow: 0 1px 6px #00294d;
      color: #174d4c;
      font-family: "QuickBold", Helvetica, Arial, sans-serif;
      font-size: 20px;
		display: block;
		text-transform: uppercase;
		text-align: center;
      font-weight: normal;
		margin-top: 50px;
      padding: 8px 20px;
      text-decoration: none; }
      #HomePage .call-to-actions .adv-cruises a:hover {
        background: #eca73b;
        border: none;
        color: #123d3c; }
.rezdy {
	position: relative;
}
.rezdy img {
	position: absolute;
	right: -120px;
	top: -120px;
}
.rezdy p {
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.35em;
	width: 60%;
}

.rezdy p.small {
	font-size: 12px;
	margin-bottom: 25px;
}

.rezdy ul {
	margin: 6px 0 6px 40px;
}

.rezdy li {
	color: #ff9000;
	font-family: 'BebasNeueRegular', Impact, sans-serif;
	font-size: 22px;
	width: 60%;
}

.rezdy li strong {
	color: #FFF;
	font-weight: normal;
}

.rezdy-form {
	background: #eef1f0;
	border-right: 1px solid #eef1f0;
	border-radius: 3px;
  	-webkit-border-radius: 3px;
	padding: 6px 0;
	box-shadow: 0 1px 7px #001e39;
}

#HomePage .call-to-actions.elpuerto img {
	display: block;
	margin: 0 auto 20px;
}

.cinema-link {
	float: left;
	margin: 0 4px 20px 0;
}

.highligh-links .cinema-link:first-child {
	margin-left: -8px;
}

.highligh-links .cinema-link:last-child {
	margin-right: 0;
}

#HomePage .call-to-actions.elpuerto p {
	color: #FFF;
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 20px;
}

#HomePage  .dimmi-widget {
	background: rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 4px;
    border-radius: 4px;
	box-shadow: inset 1px 3px 5px rgba(0, 0, 0, 0.4);
	padding: 8px 8px 5px;
	margin: 0 auto;
}

#HomePage  .dimmi-widget > div {
	display: none;
}

    #HomePage .call-to-actions .adv-cruises.superboats {
      background: url(../images/layout/cta-superboats-bg.jpg) center center no-repeat; }
      #HomePage .call-to-actions .adv-cruises.superboats p {
        top: 130px; }
        #HomePage .call-to-actions .adv-cruises.strait {
      background: url(../images/layout/great-sandy-strait-cruise2.jpg) center center no-repeat; }
      #HomePage .call-to-actions .adv-cruises.park {
      background: url(../images/layout/mary-river-cruise2.jpg) center center no-repeat; }
    #HomePage .call-to-actions .adv-cruises.boomnet {
      background: url(../images/layout/cta-boomnets-bg.jpg) center center no-repeat; }
      #HomePage .call-to-actions .adv-cruises.boomnet p,
      #HomePage .call-to-actions .adv-cruises.park p,
      #HomePage .call-to-actions .adv-cruises.strait p {
        top: 130px; }
  #HomePage .call-to-actions .video {
    background: #37516a;
    border-bottom: 1px solid #4d89a0;
    border-top: 1px solid #2a3751;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 5px 2px; }



#HomePage .home-events {
	float: right;
	width: 48%;
}

#HomePage .home-events .upcomingEvents {
	margin-bottom: 30px;
}

#HomePage .home-events .upcomingEvents a.home-event {
	background: #209394;
	border-radius: 3px;
		-webkit-border-radius: 3px;
	border-bottom: 2px solid #19597d;
	box-shadow: 0 1px 7px #001e39;
	box-sizing: border-box;
	display: block;
	margin-bottom: 10px;
	overflow: auto;
	padding: 5px;
	position: relative;
	text-decoration: none;
}

#HomePage .home-events .upcomingEvents a.home-event .date {
	border: 1px solid #FFF;
	color: #FFF;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1em;
	margin-right: 15px;
	text-align: center;
	min-width: 70px;
}

#HomePage .home-events .upcomingEvents a.home-event .date .day {
	background: #FFF;
	color: #209394;
	font-family: 'BebasNeueRegular', Impact, sans-serif;
	font-size: 34px;
	font-weight: normal;
	line-height: 34px;
	padding: 5px;
}

#HomePage .home-events .upcomingEvents a.home-event .date .time {
	padding: 6px 4px;
}

#HomePage .home-events .upcomingEvents a.home-event .title {
}

#HomePage .home-events .upcomingEvents a.home-event .title h3 {
	color: #FFF;
	font-family: 'BebasNeueRegular', Impact, sans-serif;
	font-size: 40px;
	font-weight: normal;
	line-height: 1em;
	text-shadow: 0 3px 0 #19597d;
}

#HomePage .home-events .upcomingEvents a.home-event .title img {
	float: right;
	height: auto;
	width: 25%;
}

#HomePage .home-events .upcomingEvents a.home-event.tooliewah {
	background: #da2b47;
	border-bottom-color: #bc2042;
}

#HomePage .home-events .upcomingEvents a.home-event.tooliewah .date .day {
	color: #da2b47;
}

#HomePage .home-events .upcomingEvents a.home-event.tooliewah .title h3 {
	text-shadow: 0 3px 0 #a71b39;
}

#footer {
  clear: both;
  position: relative;
  z-index: 9; }
  #footer ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  #footer a.top-link {
    background: url(../images/layout/top-link.png) no-repeat 0 0;
    color: #FFF;
    display: block;
    font-family: 'BebasNeueRegular', Impact, sans-serif;
    font-size: 20px;
    font-weight: normal;
    height: 51px;
    line-height: 56px;
    margin-left: -25px;
    position: absolute;
    top: -25px;
    left: 50%;
    text-align: center;
    text-decoration: none;
    text-shadow: 0px -1px 0px #822424;
    width: 51px; }
    #footer a.top-link:hover {
      background-position: 0 -51px;
      line-height: 61px; }
  #footer .footer-top {
    background-color: #d6f6f6;
    background-image: url(../images/layout/footer-waves.png);
    background-position: center bottom;
    background-repeat: repeat-x;
    border-top: 1px solid #ca4242;
    color: #00396c;
    font-family: "QuickBold", Helvetica, Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: normal; }
    #footer .footer-top span {
      margin-top: 35px; }
      #footer .footer-top span.phone-link {
        text-align: center; }
        #footer .footer-top span.phone-link a {
          text-decoration: none; }
      #footer .footer-top span.email-link {
        text-align: right; }
      #footer .footer-top span a {
        color: #00396c;
        white-space: nowrap; }
    #footer .footer-top .row-wrapper {
      background: url(../images/layout/footer-top-wheel.jpg) no-repeat center top;
      min-height: 80px; }
  #footer .footer-bottom {
    background-color: #00396c;
    background-image: url(../images/layout/footer-bottom-wheel.jpg);
    background-repeat: no-repeat;
    background-position: center top; }
  #footer .details {
    padding-top: 40px; }
    #footer .details .tablet-33, #footer .details {
      overflow: visible; }
#footer .details h3 {
	color: #db324b;
      font-family: 'BebasNeueRegular', Impact, sans-serif;
      font-size: 38px;
      font-weight: normal;
      margin: 20px 0 2px;
      text-shadow: 0px 2px 1px #000306;
	letter-spacing: 1px;
}
    #footer .details h4 {
      color: #FFF;
			display: block;
      font-family: 'BebasNeueRegular', Impact, sans-serif;
      font-size: 24px;
      font-weight: normal;
      margin: 3px 0 2px;
      text-shadow: 0px 2px 1px #000306; 
letter-spacing: 1px;}
      #footer .details h4 span {
        color: #FFF; }
#footer .details li {
	float: left;
}
    #footer .details li, #footer .details a {
			color: #FFF;
			font-family: "QuickBold", Helvetica, Arial, sans-serif;
			font-size: 1.2rem;
			font-weight: normal;
			text-decoration: none; }
#footer .details .footer-menu {
	width: 100%; 
}

#footer .details .footer-menu ul {
	margin-left: -9px; 
}

#footer .details .footer-menu ul.main-menu {
	margin-bottom: 30px;
	width: 100%;
}

#footer .details .footer-menu ul.main-menu li {
	margin-right: 2%;
	width: 15%;
}

#footer .details .footer-menu ul.main-menu li a {
	border-radius: 6px;
	border: 1px solid #001e39;
	text-align: center;
	line-height: 1em;
	
	font-family: 'BebasNeueRegular', Impact, sans-serif;
      font-size: 28px;
      font-weight: normal;
      margin: 20px 0 2px;
      text-shadow: 0px 2px 1px #000306;
	letter-spacing: 1px;
}

#footer .details .footer-menu ul.main-menu li:last-child {
	margin-right: 0;
}

#footer .details .footer-menu ul:not(.main-menu) {
	display: table;
	margin-bottom: 20px;
	width: 100%;
}

#footer .details .footer-menu ul:not(.main-menu) li {
	display: table-cell;
	float: none;
	text-align: center;
}

#footer .details .footer-menu li a {
	display: block;
	margin-bottom: 2px;
	padding: 8px; 
}

#footer .details .footer-menu li:hover a {
	background: #001e39; 
}

#footer .details .operating-hours ul {
	overflow: auto;
	padding-bottom: 10px; 
}

#footer .details .operating-hours li {
	font-size: 1rem;
	padding: 4px 0; 
}
#footer .details .operating-hours li span {
	color: #97e8e9; 
}

#footer .details .operating-hours li:hover {
	text-shadow: 0px 0px 10px black; 
}

#footer .details .operating-hours li:hover span {
	color: #FFF; 
}

#footer .details .operating-hours:nth-child(1) h4:first-child {
	margin-top: 0; }
#footer .copyright {
    border-top: 1px solid #001e39;
    margin-top: 40px;
    padding: 20px 0; }
    #footer .copyright li, #footer .copyright a, #footer .copyright li a {
      color: #97e8e9;
      font-size: 0.9rem;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
    #footer .copyright li span {
      padding: 0 4px; }
    #footer .copyright a:hover {
      color: #FFF; }
    #footer .copyright .delaney-davidson {
      background: url(../images/DelaneyDavidson-logo1x.png) right center no-repeat;
      display: inline-block;
      float: right;
      font-size: 10px;
      height: 10px;
      line-height: 10px;
      margin-top: 20px;
      padding-right: 30px;
      text-decoration: none; }

@media only screen and (min-width: 280px) and (max-width: 480px) {
  span.phone-link span {
    display: none; }
  span.phone-link a {
    background: #16997c;
    border-bottom: 2px solid #106c58;
    color: #FFF !important;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    font-size: 1.4rem;
    height: 30px;
    line-height: 50px;
    padding: 10px 30px;
    text-shadow: 0px -1px 1px #0c5646; }
  span.phone-link a:hover {
    background: #106c58; }

  span.email-link span {
    display: none; }

  .details div:first-child {
    margin-bottom: 20px; }
    .details div:first-child .footer-menu {
      border: none;
      margin-bottom: 12px; }
  .details .operating-hours {
    margin: 0 -5%;
    width: 100%;
    background: #001e39;
    padding: 0 5%; }

  #footer .copyright {
    border: none; } }
@media only screen and (min-width: 280px) and (max-width: 599px) {
  .row-wrapper {
    padding-left: 5%;
    padding-right: 5%;
    width: 90%; }

  .mobile-50 {
    width: 50%; }

  .mobile-100 {
    width: 100%; }

  #footer .footer-top {
    padding-bottom: 30px; }
    #footer .footer-top span {
      margin-top: 20px; }
      #footer .footer-top span:first-child {
        margin-top: 40px; }
  #footer .footer-bottom {
    background-image: url(../images/layout/footer-mobile-bottom-wheel.jpg); }
  #footer .details .operating-hours h4 {
    margin: 20px 0 0 0; }
  #footer .copyright {
    margin-top: 20px;
    text-align: center; }
    #footer .copyright li, #footer .copyright a {
      float: none;
      margin: 4px 0; }
    #footer .copyright span {
      display: none; }
    #footer .copyright .delaney-davidson {
      float: none;
      margin: 15px auto; } }

@media only screen and (min-width: 600px) and (max-width: 699px) {
	
	#footer .footer-bottom .footer-menu {
		margin-bottom: 30px;
		width: 100%; 
	}

	.footer-bottom .tablet-50 {
		width: 70%; 
	}

	.footer-bottom .tablet-50:first-child {
		width: 30%; 
	} 
}

@media only screen and (min-width: 600px) and (max-width: 979px) {
	
	.row-wrapper {
		padding-left: 5%;
		padding-right: 5%;
		width: 90%; 
	}

	.tablet-33 {
		width: 33.333333333333333%; 
	}

	.tablet-50 {
		width: 50%; 
	}

	.tablet-100 {
		width: 100%; 
	}

	#footer .footer-bottom .footer-menu li a {
		padding: 4px 8px; 
	}

	#footer .footer-top {
		padding-bottom: 20px; 
	}
	#footer .footer-top .email-link span {
		display: none; 
	}
	#footer .footer-top span {
		margin-top: 20px; 
	}
	#footer .footer-top span.address {
		border-top: 1px dotted #ca4242;
		padding-top: 10px; 
	} 
}

@media only screen and (min-width: 980px) {
	.desktop-100 {
		width: 100%; 
	}
	.desktop-50 {
		width: 50%; 
	}
	.desktop-33 {
		width: 33.33333%; 
	} 
}

@media only screen and (max-width: 979px) {
  #footer .footer-top .row-wrapper {
    background: none; }

  #footer .footer-top span {
    text-align: center !important; } }
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  a.delaney-davidson {
    background: url(../images/DelaneyDavidson-logo2x.png) right center no-repeat;
    background-size: 26px 10px; } }