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

/*  css reset.  clears all values so what ever styles are used are not over ridden by other styles from elsewhere  */
/*    http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/    */

/*   CSS  RESET   --   START   --   CSS RESET   */

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* sticky footer */
/*html {
    position: relative;
    min-height: 100%;
}*/
body {
	line-height: 1.5;
	color: black;
	background: white;
	height:100%;
}


ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*--------------------------------------------*/
/*   CSS  RESET   --   END   --   CSS RESET   */
/*--------------------------------------------*/

/*--------------------------------------------------------------*/
/*   CSS  CUSTOMISATION   --   START   --   CSS CUSTOMISATION   */
/*--------------------------------------------------------------*/


@media (max-width: 480px) {
    .logo-offset {
        display:none;
    }
	.main-menu {
		margin-top: 1.2em;
		padding-top: 1.2em;
	}

}

@media (min-width: 480px) {
		.call-the-mobile {
		display:none;
	}
}

h1 {font-size: 1.5em;
    padding-top: 1.0em;
	padding-bottom: 0.5em;}
	
h2 {
	font-size:1.2em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	}
	
h3 {
	font-size:1.1;
	padding-top:0.3em;
	padding-bottom:0.3em;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
	}


.text-italic{
	font-style:italic;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding-top:-1.3em;
}

.text-oblique{
	font-style:oblique;
	}
	
.text-small-last-modified{
	font-size:9px;
}
	
.button-colour-white{
	color:#FFF;
}
	
email-enquiry {text-align: center;}
  
  
body {
	font-family: Arial, Helvetica, sans-serif;
	/*background-image:url(/images/body_up_bg.png);*/
	background-image:url(/images/background_gradient_1080_understated_excellence_2015.png) /*no-repeat center center fixed*/;
	/*repeat: repeat-x;
	background-size: cover;*/
	background-size: 100% 100%;
	background-attachment: fixed;
    }
	
.iphone {
	width: 480px;
	}
	
.call-the-mobile {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
    }
	
td {
	font-family: Arial, Helvetica, sans-serif;
    }

th {
	font-family: Arial, Helvetica, sans-serif;
    }
	
DIV#wrapper {
	/*min-height: 100%;*/
	min-height: 100%;
	width: 100%;
    position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1.3em;

	text-align: center;
	}
	
DIV#content {
	width:90%;
	margin-right:auto;
	margin-left:auto;
	
	margin-bottom:1em;
	padding-bottom:1em;
	padding-left:0.5em;
	padding-right:0.5em;
	
	text-align:left;
	}


/*.depricated - panel.callout - white postcard border around content */
.callout-sub-page {	
    border-style: solid;
    border-width:3px;
    border-color: white;
  	/*clear:both;*/
    background-image: url(/images/background_custom-callout-panel--001.png);
	
	
    /*repeat: repeat-x;*/
	background-size: 100% 100%;
	background-repeat:no-repeat;

	}
	
	
/*New Vwersion - 2025.06.14 - .callout - white postcard border around content */
.callout-main-content {	
    border-style: solid;
    border-width: 5px;
    border-color: white;
  	/*clear:both;*/
    background-image: url(/images/background_gradient_525_understated_excellence_2015.png);
	
	
	
    /*repeat: repeat-x;*/
	background-size: 100% 100%;
	background-repeat:no-repeat;
	
	padding-top: 1em;
	margin-top: 1em;
	
	height: 25.5em;  

  	/*padding-left: 0.5em;   /* gap between white border and content */
	/*margin-left: 0.5em;      /* gap between white border and content */
	/*padding-right: 0.5em;  /* gap between white border and content */
	/*margin-right: 0.5em;     /* gap between white border and content */
	/*padding-top: 0.5em;
	/*margin-top: 0.5em;
	
	/*background: url(/images/bg_grad3.png) repeat-x center center fixed; 
    background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
	}
	
.callout-footer {
 	clear:both;	
    border-style: solid;
    border-width:3px;
    border-color: white;

    /*background-image: url(/images/background_gradient_525_understated_excellence_2015.png);*/
    /*repeat: repeat-x;*/
	/*background-size: 100% 100%;*/
	/*background-repeat:no-repeat;*/
	
}
	
	
/*.panel.callout - white postcard border around content */
.callout-2026 {	
    border-style: solid;
    border-width:3px;
    border-color: white;
  	/*clear:both;*/
    background-image: url(/images/background_gradient_525_understated_excellence_2015.png);
	
	
    /*repeat: repeat-x;*/
	background-size: 100% 100%;
	background-repeat:no-repeat;

  	padding-left: 0.5em;   /* gap between white border and content */
	/*margin-left: 0.5em;    /* gap between white border and content */
	padding-right: 0.5em;  /* gap between white border and content */
	/*margin-right: 0.5em;   /* gap between white border and content */
	padding-top: 0.5em;
	margin-top: 0.5em;
	
	/*background: url(/images/bg_grad3.png) repeat-x center center fixed; 
    background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
	}

/* SCUBA Diving in Antarctica subsite. Located in a sub directory */
.callout-SDIA {
	/*@include panel($bg:cf3, padding:20px, $adjust:true);*/
	/*background-color:#0F0;*/
	border-style: solid;
    border-width:3px;
    border-color: white;
  	/*clear:both;*/
	/*background-color:#CF0;*/
	background-color:#9FF;
	/*background-image: url(/images/background_custom-callout-panel--001.png);*/
	background-size: 100% 100%;
	background-repeat:no-repeat;
	padding-left: 0.0em;
	padding-right: 0.0em;
	padding-top: 0.5em;
	margin-top: 0.5em;
}
	

/* START distance between lines of text in business description */

.move-up-5-em{
	margin-top: -4em;
}

.move-up-2-0em{
	margin-top: -2em;
}

.move-up-1-0em{
	margin-top: -1em;
}

.move-up-0-7em{
	margin-top: -0.7em;
}

.move-up-0-5em{
	margin-top: -0.5em;
}
/* END distance between lines of text in business description */


/* START distance between logo and menu navigation on home page */
.move-down-1-0em{
	margin-top: 1em;
}

.move-down-2-0em{
	margin-top: 2em;
}

.move-down-5-0em-z-1{
	position: relative;
	margin-top: 5em;
	z-index: 1;
}

/* END distance between logo and menu navigation on home page */
	

	
	
.website-slogan {
  clear:both;
  text-align:center;
  margin-top:-2.5em;
  padding-top:-2.5em;
  z-index:4;	
}

/* -- -- -- sub pages  -- -- -- */
/* website name displayed at the top of the page */
.website-name {
	clear:both;
	padding-top: -0.3em;
	margin-top: -0.3em;
	padding-bottom: 1.0em;
	margin-bottom: 1.0em;
	font-style:italic;
	font-size:small;
	text-align:center;
}

.website-logo {
	clear:both;
	padding-top: -1.5em;
	margin-top: -1.5em;
}

/* displays logo in top left of page */
.logo-offset {
	max-height: 3em;
	max-width: 3em;
	margin-bottom: -2.5em;
	padding-bottom: -2.5em;
	margin-left: 0.5em;
	margin-top: 0.8em;
	}
	
.logo-orb-panel{
	clear:both;
	padding-top: 0.5em;
	margin-top: 0.5em;
}

.page-name {
	margin-top: -0.4em;
	padding-top: -0.4em;
	text-align:center;
	}

.main-menu {
	margin-top: -0.7em;
	padding-top: -0.7em;
	margin-bottom: 1.0em;
	padding-bottom: 1.0em;
	text-align:center
	}
	
li{
	list-style-type: disc;
	padding-left: 15px;
	list-style-position: inside;
}

.padding-right-15{
	padding-left: 15px;
}


/* START - slideshow gallery - START */
/* reference - https://get.foundation/building-blocks/blocks/fullscreen-image-slider.html - */
.fullscreen-image-slider .orbit-image {
  width: 100%;
  height: 100vh;
}

.fullscreen-image-slider .orbit-caption {
  bottom: 50%;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
  background: none;
  text-align: center;
  color: #fefefe;
  font-weight: bold;
}
/* END - slideshow gallery - END */


	
.footer {
  /* note, no height attribute automatically fit to content
  /*height: 2.3em;*/ 
  height: 3.1em; 
  width:100%;
 
  background-color:#FFF;
  font-size:xx-small;
  text-align:center;


  /*margin-bottom: -2.2em;*/
  /*padding-bottom: -2.2em;*/
  /*margin-top: -1.8em;*/
  /*padding-top:: -1.8em;*/
   
  padding-left: auto;
  margin-left: auto;
  padding-right: auto;
  margin-right: auto;

  }

.footer_home_page {
	margin-top: 2.0em;
	padding-top: 2.0em;
	}


.inset.bottom {
	position:absolute; bottom:0;}	
	
	
	
/*  CSS for non-handheld devices  */
.mobilesOnly {visibility:hidden;}

background: rgb(197,222,234); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(197,222,234,1) 0%, rgba(138,187,215,1) 31%, rgba(6,109,171,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(197,222,234,1)), color-stop(31%,rgba(138,187,215,1)), color-stop(100%,rgba(6,109,171,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=0 ); /* IE6-9 */						





/*--------------------------------------------------------------*/
/*   CSS  CUSTOMISATION   --   END   --   CSS CUSTOMISATION     */
/*--------------------------------------------------------------*/