@charset "utf-8";
@font-face {font-family: 'ubuntu'; src: url(../fonts/ubuntu/ubuntu-font-family-0.80/Ubuntu-R.ttf);}
@font-face {font-family: 'radleyi'; src: url(../fonts/radley/Radley-Italic.ttf);}
@font-face {font-family: 'mrdafoe'; src: url(../fonts/mr-dafoe/MrDafoe-Regular.ttf);}
@font-face {font-family: 'opensans'; src: url(../fonts/open-sans/OpenSans-Regular.ttf);}
@font-face {font-family: 'honey'; src: url(../fonts/honey-script/HoneyScript-SemiBold.ttf);}

body {  background: #457dc2; 
 margin: 0; padding: 0;
 -webkit-text-size-adjust: none;}
 
body#homep:after {content: url(../images/logo3home.png) url(../images/steve.jpg) url(../images/slides/nambia.jpg) url(../images/slides/mauritius.jpg) url(../images/slides/venice.jpg) url(../images/slides/giantscauseway.jpg) url(../images/slides/fjords.jpg) url(../images/slides/dubrovnik.jpg) url(../images/slides/provence.jpg) url(../images/slides/algarve.jpg) url(../images/noresc.jpg) url(../images/staraward.png); display: none;}
 
body#tipsp:after    {content:  url(../images/collage.png); display: none;}
body#groupp:after    {content:  url(../images/uluru.jpg); display: none;}
body#formsp:after    {content:  url(../images/pool.jpg); display: none;}
body#feedbackp:after    {content:  url(../images/inchabbey.jpg); display: none;}
body#contactp:after    {content:  url(../images/nambia5.jpg); display: none;}
body#certsp:after    {content:  url(../images/gordes.jpg) images/certs/cert10.jpg; display: none;}


#container, #container * {max-height: 1000000px;}
#container  {margin: 10px auto;  background-color: #fafafa;
	position: relative; 
	padding: 0;	width: 100%; max-width: 1024px;
	font-family: 'ubuntu';
	 font-weight: 400;
  font-size: 18px;  color: #0f0f0f;
	box-shadow: 0 2px 1px #000;
/*	-webkit-font-feature-settings: "liga" 0;
-moz-font-feature-settings: "liga" 0;
font-feature-settings: "liga" 0; */
}

#homep #container {background: #fff;} 
img {max-width: 100%;  height: auto !important; }
 
a img, button {border: none; outline: none;} 
.sn img:hover, .imga:hover {cursor: pointer;}
a:active, a:focus {outline: 0; border: none;}

a {font-style: normal; text-decoration: none; color: inherit; }
a:hover {opacity: 0.3; /*font-style: italic;*/}
.bn a, .btt a  ,.mdets a , .tpage a {font-style: italic;}

p, h1, h2, h3, h4, img, tr, td , ul , li {margin: 0; padding: 0;}
.fltlft {float: left; } .fltrgt {float: right; }
.tc {text-align: center;}
.cb {clear: both;}

.mobd , .fbmob , .ftmob , .nodisp, .telmobd {display:none;}

#header {position: absolute; top: 0px; left: 0; width: 100%; padding: 0;}

#compname {float: left; width: 100%; text-align: center;  }
#menuh {width: 100%;  text-align: center;  height: 2.5em;
background: #000; 
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000));
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%);
background: -o-linear-gradient(top,  #45484d 0%,#000000 100%);
background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%);
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%);
  }
 ul {text-align: center; padding-top: 0.5em;}
 ul li {margin: 0 1.5em; display: inline; padding: 0.7 ; color: #fff; font-weight: 700;}
 
 #header {top: 2.5em;}
 
 
#slideshowwrap { width: 100%;  height: 0; /*padding-bottom: 56%;*/ padding-bottom: 53%;}

.oldbrdis {display: none;}
.currp {color: #f32003; font-size: 0.9em;}
.nodisp {display: none;}
.mt1 {margin-top: 1em;}
.pb1 {padding-bottom: 1em;}
.pt1 {padding-top: 1em;}
td {padding-right: 1em; text-align: left;}


#middle  { width: 94%; margin: 1em auto;  }
#middle p {margin-top: 1em;}
#homep #middle {margin: 0.5em auto;}
#middle #tips p {margin-top: 1.5em;}

#ls {width: 65%; float: left; }
#rs {width: 34%; float: right; text-align: center;}
#footer {	background: #000; color: #fff; font-size: 0.8em; 
	padding: 2em 0;
	width: 100%; margin-top: 2em;
}


.foot {width: 40%; float: left; text-align: center;}
.footl {width: 32%;}
.foots {width: 25%;}
.foot table  {margin: 0 auto;}
.footcr {width: 96%; margin-left: 2%; padding-top: 3em; }

.bn { font-style: italic; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;	
	 } 
 
.rs , .fbnomob {width: 280px; }


.homers {float: right; width: 30%; padding: 0 0 0 1%; margin-bottom: 1em; }
.homeimgr {width: 99%; margin: 1em auto;}
.fbfeed {width: 96%; max-width: 350px; margin: 1em auto; height: 350px;}
.fb-page, .fb-page span, .fb-page span iframe[style] {width: 100% !important; }  

/*
.fbf {width: 280px; float: right; margin: 1em auto 1em; text-align: center; }

.fb-page, .fb-page span, .fb-page iframe[style], .fb-page iframe span[style] { width: 100% !important; }
.fb-comments, .fb-comments iframe[style], .fb-comments span, .fb-comments iframe span[style] {   width: 100% !important;}
*/

.fbcert , .feedback {text-align: center; margin-top: 2em;}
.fbbutton , .submit-button { display: inline-block; padding: 0.5em 1em; color: #fafafa; 

 border-top: 1px solid #96d1f8;
   background: #ebad28;
   background: -webkit-gradient(linear, left top, left bottom, from(#f84909), to(#ebad28));
   background: -webkit-linear-gradient(top, #f84909, #ebad28);
   background: -moz-linear-gradient(top, #f84909, #ebad28);
   background: -ms-linear-gradient(top, #f84909, #ebad28);
   background: -o-linear-gradient(top, #f84909, #ebad28);
   border-radius: 7px;

   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;

   vertical-align: middle; 
}
/*group page */
.grph { width: 90%; margin: 3em auto 1em; font-size: 1.5em; font-weight: 600; text-align: center;}

.tickrow {width: 100%; text-align: center;}
.ticket {	width: 60%; margin: 2em auto; font-size: 0.8em;
	background-color: #f3f1ed; border: #d3c8ab 3px double;  padding: 0.5em; 
	box-shadow: 0 2px 1px #000;  
 font-family: 'opensans';
 text-align: center;
}


.ticketimg, .ticketinf {display: inline-block; margin: 0 1%; vertical-align: middle;}
.ticketimg {width: 38%;}
.ticketimg img {width: 96%; margin: 0 auto; margin: 0.6em; border: #fff 0.1em solid;  }
.ticketimg img.wa {width: 90%;  }
.ticketimg img.w70 {width: 70%;}
.ticketimg img.w60 {width: 60%;}

.ticketinf {width: 55%; padding: 1em 0;}

.pr {position: relative;}
.pa {position: absolute; top: 0; left: 0;}

.paimg {width: 100%; margin: 0 auto; padding-top: 4em; text-align: center;}
.paimg img {width: 40%; margin: 0 5%;}
.imggrp {margin: 0.6em; border: #fff 2px solid;  width: 36%;}
.bmd {width: 55%; text-align: center; margin-top: 20px; }

.gl1 {font-weight: 600; }
.gl2 {font-size: 0.9em; }
.gl3 {font-size: 0.9em; font-weight: 600; line-height: 3em; }

.mdets {/*font-family: 'Radley', serif;*/ font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-style: italic; font-size: 0.8em; margin-top: 1.5em;}

/* Feedback page */
.feedb {background: #f3f1ed; border: #d3c8ab 3px double;  padding: 0.5em 1em;  width: 70%; margin: 2em auto; font-size: 0.9em; 
	box-shadow: 0 2px 1px #000;}

.feedby {float: right; margin-right: 10%; font-size: 0.7em; font-style: italic; }



.imgb  {border: #eee solid 1px; 	box-shadow: 0 2px 1px #000;}

.imgpsf  {border: #eee solid 1px;  margin-top: 0.25em;	box-shadow: 0 1px 1px #000;}
.imgpsf:hover {border: #fff solid 1px; box-shadow: none;}
.imgr {float: right; margin: 0 0 1em 1em;}

/*contact page */
.cca {padding: 2em 0;}


.qteh { width: 90%; margin: 1em auto;  text-align: center;}
.qteq {font-size: 1.1em;   font-weight: 500;}
 .qteby {float: right; margin-right: 30%; font-size: 0.6em;}


.sn img {margin: 1em 0.5em;}
.assoc img {margin: 0 1em 2em; }

	 
.fr, .qteq {font-family: 'radleyi'; font-style: italic; -webkit-font-feature-settings: "liga" 0;
-moz-font-feature-settings: "liga" 0;
font-feature-settings: "liga" 0;
}

.colo {color: #f32003;}

.welc, .sig {font-size: 2.2em; margin-top: 0.25em; font-weight: 600;  font-family: 'honey';  }
.sodull {opacity: 0.3; color: #ccc;}


.sig2 {font-size: 0.8em; padding-bottom: 2em;}

 .f07 {font-size: 0.7em;}
  .f08 {font-size: 0.8em;}
 .fit {font-style: italic; }
 .ml1 {margin-left: 1em;}
 .ml2 {margin-left: 2em;}
 .w100 {width: 100%;}
  .w96 {width: 96%;}
  .w50 {width: 50%;}
  .w70 {width: 70%;}
.ul {text-decoration: underline;}
 .w20 {width: 20%;}
 .w21 {width: 21%;}
 
@media (max-width: 1024px) {
	body {margin: 0;}
#container {font-size: 16px;  margin: 0 auto;}
 .telnomobd {display: none;}
 .telmobd {display: table-row;}
 }

@media (max-width: 850px) {
.ticket {font-size: 0.5em;}
}

@media (max-width: 810px) {
#container {font-size: 14px;}
 ul li {margin: 0 1em; padding: 1em 0.5em ;  font-weight: 600;}
}
@media (max-width: 750px) {
	.rs {width: 30%;}
	.fbnomob {display: none;}
	.fbmob {display: block;}
	.fbfeed {width: 80%;}
	.foot, .footl, .foots {width: 60%; float: none; margin-left: 20%; text-align: center; padding-top: 2em;}
 .ftnomob {display: none;}
 .ftmob {display: inline-block;}
 .bn {padding-top: 1em;}

}
@media (max-width: 700px) {
#container {font-size: 12px;}
}
@media (max-width: 600px) {
}

@media (max-width: 520px) {
 ul li {margin: 0 0.5em;  font-weight: 500;}
 .ticket {width: 80%;}
}

@media (max-width: 450px) {
	#container {font-size: 10px;}

}
@media (max-width: 380px) {
	ul {font-size: 0.8em;}

}
.toadd {font-size: 12px; font-style: italic; color: #f00; }
.wlp {width: 5%;}
