* { box-sizing: border-box; }

body { margin:0; background-color:#fff; text-align:center}

 #container { 
position: relative;
margin:0; padding:0; 
background-color:#fff; 
height:auto; width: 100%; 
text-align:center;
border:none;
display: visible; scroll: none;
}


.quote {text-align:center}

/* ::::::::::::::: Hide these    :::::::::::: */

.hide-phone-pad {display:none}
.hide-phone {display:none}
.hide-screen {display:inline}
.hide-screen-pad { display: inline }



/* ::::::::::::::: Navigation area   :::::::::::: */

#container-nav { 
position: relative; top:0; left: 30px; 
float: none;
width: 100%;
text-align: center;
margin:0;

}

#container-nav ul { margin-left: 0; padding-left: 0}

#container-nav ul li { 
float: left; 
}
#container-nav ul li a {
width:auto;
margin:0px 0px 0px 0px;
padding: 10px 18px 20px 18px;
display: inline;
width: 130px; 
font-size: 12px;
text-align:center;
text-decoration: none;
text-transform:uppercase;
z-index:100;
border:none 1px #ffaa00;
}

#container-nav #show-menu {background-color: #0e703d; width: 100%; }


#show-menu { display: none; }
#menu-button  { width: 100%; color:  #ee7744; border: solid 4px #086; z-index: 150;  }
a:hover #menu-button  { background-color: #feb }





/* ::::::::::::::: Banner   :::::::::::: */
#banner { 
height: 120px; width:100%; 
margin:0; padding:0;
text-align:center; 
background-color: #008866;
clear: both;
}

#banner #logo { float:none; clear: both; width:100%; padding:0; margin: 0; }

#banner #logo img { float:none; width: 300px;  }

.phoneno {
float:none; clear:both; 
width: 100%;
text-align:center; 
margin-bottom:20px;
display: block; 
}

#banner2 { 
height: auto; width:100%; 
margin:0; padding:0;
text-align:center; 
background-color: #fff;
clear: both;
}

#banner2 #logo { float:none; clear: both; width:95%; padding:0; margin: 0;}

#banner2 #logo img { float:none; width: 100%; display: block; }


#banner2 .phoneno {
float:none; clear:both;
position: relative; top: 15px; left: 0;
width: 100%; display: block; 
text-align:center; 
}




/* ::::::::::::::: Pan area   :::::::::::: */
#pan {
position: relative; top:0;
height: 100px; width:100%;
margin:0; padding:0;
background-color: white;
border:none 2px #000;
z-index:90;
}



#pan-text1 { color: #008866; font-size: 30px; padding-left: 5px; text-align: center  }


#pan img { display: none; }



/* ::::::::::::::: Content area GENERAL  :::::::::::: */


/* :::::::::::::::: 5-block setup  ::::::::::::::  */

#container-ads {
height: auto; max-height: 100%;
overflow: visible;
}


/* .block5,  .block6 {
position:relative;left:0px;
height:380px; width:100%;
margin-left: 0px;  margin-bottom: 5px; padding: 20px 3%;
color: #333;
line-height:1.5;
border-radius:0;
vertical-align: middle; 

}
*/

 .block5 img, .block6 img {
 width: 200px
 }

/* :::::::::::::::: 4-block setup  ::::::::::::::  */
 .block2, .block4, .block5, .block6, .block7 {
position:relative;left:0px;
height:auto; width:100%;
margin-left: 0px;  margin-bottom: 5px; padding:3%;
color: #333;
line-height:1.5;
border-radius:0;
}

.block4 h2, .block5 h2, .block6 h2, .block7 h2 {
font: 400 20px helvetica;  color: #009774
}

.block4, .block5, .block6, .block7 img { width: 200px }



.block2x {width: 80%; height: auto; font-size: 20px; line-height 1.5; padding: 1%;  }

.soldout {
position: absolute; left:-60px; top:10px;
text-align: left;
width: 70%;
-ms-transform: rotate(-45deg); /* IE 9 */
-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
transform: rotate(-45deg);
background-color: #fff;
padding: 5px 50px;
font: 600 16px helvetica, sans-serif; 
text-transform: uppercase;
color: #ee7744;
z-index: 120;
}



/* ::::::::::::: 2-block setup :::::::::::::::: */
#block-main { 
position:relative; top:10px;
float:none; 
width: 100%; height:auto;
margin:2%; padding: 0 3%;
background-color:transparent;text-align:left;
font: normal 14px helvetica, arial, sans-serif; color: #888;
overflow:visible;
z-index:100;
border:none;
}


#block-main  h1 { color:#ee7744; letter-spacing:.01em; margin-bottom:10px; font-size: 28px}
#block-main  h2  { color:#88bb99; font-size: 20px; letter-spacing:0em; margin-bottom: 20px} 
#block-main  p, #block-main  ul {text-align:left; font-size:16px; line-height:1.6; letter-spacing:0em; margin:0; padding: 0 }

#block-main ul li {margin-left:20px; font-size:14px; line-height: 1.5}

#block-main img {width: 100%; display: inline; float:none; margin:20px 0; text-align:center; margin-bottom: 50px;}




#block-sidebar { 
position:relative; top:40px;
float:none; clear:both;
width: 100%; height:auto; min-height:100px;
margin:5% 2%; 
padding: 10px 5% 40px 5%;
border:none 3px #c5c071;
border-radius: 0px; -webkit-border-radius: 0px;
}


#block-sidebar h1 { font-weight:normal; margin-top:10px; }

#block-sidebar h2 { 
margin-top: 0 ;
color:#669977;
font: 400 30px helvetica, arial, sans-serif;
letter-spacing:0; 
}

#block-sidebar ul li { 
text-align:left;
color:#fff;
font: 200 14px helvetica, arial, sans-serif;
line-height:1.6;
margin-left:0; padding-left:0;
}


.photo-big {display: none }

/* ::: About Page memberships: make them smaller   ::: */

.block-logos {
position: relative; top: 0px;
height: auto;
margin: bottom; 
}

.block-logos img, .block-logos a { 
width: 70%;
float: left; 
margin: 5px; 
padding: 0;  }





/* ::::::::::::::: Tour main pages styles :::::::::::: */

#block-main.tourpage { font-size: 12px; line-height: 1.6 }

#block-main.tourpage .infobox h3 { margin-top: 18px }

#block-sidebar.tourpage { font-size: 12px; width: 100%; background-color: #fff;}

#block-sidebar.tourpage img {width: 120px; height: 120px; float: left; clear:both;
margin: 0 20px 20px 0px }


div.infobox {
clear:both;
position: relative; top:0; left:0;
height: 100%;
vertical-align: top;
margin-top: 20px; 
font-size: 12px;
}


/* :: Make the photos smaller with less margin :: */
div.squarebox {
float: left;
width: 130px; height: 130px; 
overflow:hidden;
margin: 0px 5px 5px 0px;
}

#block-main.tours div.infobox {
font-size: 13px;
color: #444;
}

div.infobox h3 { font-size: 16px; }

/* ::::::::::::::: Tour sub-pages main block styles :::::::::::: */


#block-main.tours ul li {font-size: 16px; font-weight: bold; color: #008866;}
#block-sidebar.tours ul li { color: #333 ; top: 0}

/* #block-main.tours img.img-pan {position: relative; top: -300px; width: 100%; z-index: 60;  }
*/

#block-main.tours img.square { 
height: 150px; width: 150px;
float:left;
margin: 0 5px 10px 0 ;
}


/* :::::::::::::::: Articles ::::::::::::::  */


#block-main.article {
width: 100%; 
font-size: 14px; line-height: 1.4;
 }
#block-main.article h2 {color: #ee7744; margin: 20px 5px 0px 0; font-size: 24px }
#block-main.article h6 { font-size: 16px }
#block-main.article img { margin-right: 10px }


#block-sidebar.article { width: 100% }




/* :::::::::::::::: Contact us ::::::::::::::  */



#block-main.contactus, #block-sidebar.contactus {
float:left; 
height:auto; width: 100%; 
border-radius: 0px; -webkit-border-radius: 0px;
margin-top:0px; margin-left:0px;
background-color:#fff;
padding: 0 2%;
z-index:100;
}


.contactus h6 { font-size: 16 px }

#block-sidebar.contactus iframe {}

/* ::: social media. This is a absolute block   ::: */
#container-sm {
position: absolute; bottom: 500px; right: -500px;
width: 50px;
display: none;

z-index: 110; 
}

#container-sm img {border: solid 1px #fff }

/* ::::::::::::::::::::  SPECIAL TOUR PAGES ::::::::::::::::::::: */

#block-main.specialtours {
width: 100%; 
background-color: #fff;
font-size: 16px; 
font-family: Raleway;
margin-left: 20px;
scroll: none; 
}


#block-main.specialtours img.headshot {
float: none; 
width: 100%; 
margin: 0px; margin-bottom: 30px;
}


#block-main.specialtours .subhead {
clear:both;
font-size: 16px; }

#block-main.specialtours .title {
clear:both;
margin-top: 10px;
font-family:  Helvetica, sans-serif;
font-size: 28px; 
font-weight: 600; 
}

#block-main.specialtours .date {
font: bold 20px helvetica, sans-serif; color: #000;
font-weight: bold; 
}


#block-main.specialtours .tagline {
font-size: 18px; /*color: #0e703d*/ color: #ee7744;
line-height: 1.2; 
}


#block-main.specialtours .quote {
font-size: 18px;
line-height: 1.4; 
text-align: left;
}


#block-main.specialtours img {
 margin-right: 0px; 
}


#block-sidebar.specialtours {
float: none;
width: 100%; min-height:0px;
padding: 10px;
background-color: transparent;
margin-left: 0;
}


#block-sidebar.specialtours .moreinfo {
padding: 10px;
background-color: #eee;
}


.links-general {
position: relative; top:0; 
background-color: #0e703d;
padding: 10px 20px;
color: #fff; 
font-size: 13px;
margin-top: -10px; 
}

/* :::::::::::::::: Links ::::::::::::::  */


A:link { text-decoration: none; color:#007755}
A:active { text-decoration: none; color:#007755  }
A:visited { text-decoration: none; color:#007755  } 
A:hover { text-decoration: none; color:#88bb88 }

a.r { text-decoration: none; color:#fff; font-weight:bold }