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


#banner {  width:100%; margin:0; height:auto; text-align:center; padding: 0}
#logo { float:left; padding:0; margin: 5px 0; line-height: 1.2;}
#logo img { width:320px; margin-top:0; margin-bottom: 0px;  }


div.phoneno {
position: relative; top:0px;
float:left;
margin-top: 20px; margin-left: 12%;
}

.phoneno b {
font-size:  20px;
text-transform:none;
letter-spacing: 0px;
}


#banner2 {
position: relative; top: 0px; left:0;
width:100%; height: 100px;
margin: 0; padding:0;
vertical-align:bottom; text-align:left;
overflow: hidden;
background-color:#fff;
border-bottom: solid 8px #0e703d;
z-index:90;
}

#banner2 #logo {
position:relative; bottom:0px; left:2%;
width: 50%; 
float:left;
margin:0; padding:0px 0px; 
	text-align:left;
border:none 2px #000;
}

#banner2 img {width: 300px;}

#banner2 .phoneno {
position: absolute; bottom: 20px; left: 65%;
color: #0e703d;
vertical-align: bottom;
float:left;
	font-size:16px;
	letter-spacing:.2px;
	font-weight:400;
	
	line-height:1.4;
border:none 2px #000;
}

/* ::::::::::::::::::::::: hiders ::::::::::::::::::::::: */

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

.hide-phone { display: block }
.hide-screen { display: block }


/* :::::::::::::::::::::::::::: Top Navigation :::::::::::::::::::::::::::  */

#container-nav {
position: relative; top:0px;
min-width: 100%;
background-color: #0e703d;
position:relative; top:0px; left: 0; 
height:auto; 
margin:0;padding:0; margin-bottom: 5px; padding-left: 0;
text-align:center;
z-index:100;

/* background-color: transparent; 
*/
}

#container-nav ul li  {float:left;}
#container-nav ul li { list-style-type: none; }

/* Buttons for nav  */

#container-nav ul li a:link, #container-nav ul li a:visited {
position:relative; left: 0; 
display:block;
/* width:90px; */
/*background-color: transparent;  */
background-color: #0e703d;
margin:0px 0 5px 0px;
padding: 0px 10px 0px 10px;
/* border:solid 1px #f0d04e;
border-radius: 10px;
-webkit-border-radius: 10px;  */
font-size: 11px; font-weight: bold;
text-decoration: none;
text-transform:uppercase;
z-index: 60;
color: white; 
}


#container-nav ul li a:hover, #container-nav ul li a:active {
color: #eee;
}



#container-nav .detail {
position: absolute; top: 40px; 
background-color: #fff; 
width: 120px;

padding:10px 5px 5px 20px;
	text-transform: none; 
	text-align: left;
	line-height: 1.4; 
	font-size: 9px; 
	 -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0,0.5);
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, .5);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, .5);
z-index: 200;
}

#container-nav .detail a:link { 
color: green; 
background-color: white; 
 }






#tour-names {
position: relative; left: 0;
float: left;
position: relative; top:0px;
width: 100%; height: auto; 
padding: 8px 0 8px 0;
text-align: center; 
margin: 0  ;
text-transform: uppercase;
font-size: 11px; font-weight: bold;
 } 
 
#tour-names ul { margin: 0; padding:0 } 
#tour-names ul li { font-size: 11px } 

/* ::::::::::::::: Pan area   :::::::::::: */
#pan {
position: relative; top: 0px;
height: 200px; width:100%;
overflow:hidden;
background-position: 200px 0%;
}

#pan h2 { 
display:none;
position: relative; top:30px;
text-align:left; 
float:left; 
width: 250px; height:100%;
padding-left: 30px;
font: 200 33px helvetica light, helvetica, arial; 
line-height:1.2;
color: #009774 
overflow:hidden;
}

#pan img { 
position: relative; top:0px; 
float:left; 
height: 250px; width: 1000px; 
 }


#pan-text1  { 
position: absolute; top:20px;
text-align:left; 
padding-left: 12px;
font-size:34px; 
line-height:1.2;
color: #fff;
text-shadow: 2px 1px #444; }










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

#blocks {
position: relative; top: 20px;
height: auto; width:100%;
}


#blocks h2 { font-size:16px }

/* ::::::::::::::: Multi block set up. Make it scrollable .. .   :::::::::::: */

#container-ads {
height: auto; max-height: 2000px;
overflow: scroll;
text-align: left; 
}

/* :::::::::::::::: multi- block setup  ::::::::::::::  */
.block4, .block5, .block6, .block7 {
float:left;
width:30%; height:360px; min-height: 300px; 
margin:10px 1%;
text-align:left;
padding: 1% 2% 0 2%;
font-size:16px;line-height:1.4;
color: #333;
text-align: center;
z-index:100;
}

.block4.quote { width:100%; height:auto; font-size: 24px; }

.block4 h3, .block5 h3, .block6 h3, .block7 h3 {
font: 400 20px helvetica;
line-height:1.2;
margin-bottom: 6px;
}

.block4 h4 {
font-size: 18px;
line-height:1.2;
margin-bottom: 6px;
}

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

.block2x { width:90%; height: auto, line-height: 1.4 }

/* ::::::::::::: 2-block setup :::::::::::::::: */
#block-main {width: 100%; height: auto }
#block-sidebar {width: 100%; height: auto }



/* :::::::::::::::: About us ::::::::::::::  */
#block-main.aboutus img { }



/* :::::::::::::::: 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 ::::::::::::::  */
#blocks.contactus {background-color:#fff; height:auto }


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


#block-sidebar.contactus {
text-align:left; 
margin:0;padding:0; 
height:auto; min-height: 0px;
border:none}

.phoneno {font-size:30px; color:#000}


.photo-big { display: none }


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

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


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


#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: 50px;
padding: 10px;
background-color: transparent;
margin-left: 0;
}


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



/* :::::::::::::::: Footers ::::::::::::::  */