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

/*
    	Website: Eco Culture Tours
        Description: Built website from stractch
        Date: February/March 2014
        Version: 1.0
        Web Designer: Aksam Zarook
        Company website: http://www.zeeronsolutions.com/ 
*/

* {padding:0; margin:0; border: none; outline:0; }
body {font-family: Arial,Helvetica,Tahoma,sans-serif; font-size: 100%; color: #333; text-align:center; min-width: 1020px;
background: url('images/background.jpg') repeat-x scroll 0px 0px #F1F2E3;}
.wrap {width:960px; margin:0 auto; z-index:0; }
.clear {clear: both;}
p {margin: 0; padding: 0 0 1em; font-size:14px; line-height:150%;} 
a { color:#fff; text-decoration:underline;}
a:hover {color:#0ff;}
h1 {padding-bottom:20px; font-size:24px; letter-spacing:1px; line-height:32px;}
h2 {padding-bottom:10px; font-size:18px; font-style:italic; letter-spacing:1px;}
UL { padding-left:20px;}
OL { padding-left:20px; padding-top:5px;}


/*--------------------------------------------------------------
## General Custom Classes
--------------------------------------------------------------*/


.top5 { margin-top:5px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top20 { margin-top:20px; }
.top25 { margin-top:25px; }
.top30 { margin-top:30px; }
.top40 { margin-top:40px; }
.top50 { margin-top:50px; }
.top70 { margin-top:50px; }
.top100 { margin-top:100px; }
.top120 { margin-top:120px; }

.bottom5 { margin-bottom:5px; }
.bottom10 { margin-bottom:10px; }
.bottom15 { margin-bottom:15px; }
.bottom20 { margin-bottom:20px; }
.bottom25 { margin-bottom:25px; }
.bottom30 { margin-bottom:30px; }
.bottom40 { margin-bottom:40px; }
.bottom50 { margin-bottom:50px; }
.bottom100 { margin-bottom:100px; }
.bottom200 { margin-bottom:200px; }


/* Header section */
.header { height:190px; width:100%; color:#FFF; background:#0c9b8f; margin-bottom:0px;
border-left:#0c9b8f 1px solid; border-right:#0c9b8f 1px solid; box-shadow1: 0px 1px 5px 0px #4A4A4A;}
.logo { float:left; margin-top:10px; margin-bottom:10px; margin-left:10px;}
.siteTitle { float:left; margin-top:45px; margin-left:10px;}
.slmap { float:right; margin-top:0px; margin-right:20px;}

/* Main menu styling */
#mainNav { position: relative; width: 960px; margin: 0px auto; min-height: 34px; z-index: 100; padding-top:0px; padding-left:5px;}
#menuhead, #menuhead ul {margin:0; padding:0; position:relative; line-height:34px; z-index:300; width:100%; }
#menuhead a { display:block; color: #fff; text-decoration: none; background: url('images/menu-bg.png'); } 
#menuhead a:hover {  color:#fff; background: url('images/menu-bg.png'); }
#menuhead a:active  {  color:#fff; background: url('images/menu-bg.png'); }
#menuhead li {float:left; display: inline; position:relative; line-height: 34px; font-size: 14px; font-weight:bold; font-family: Arial,Helvetica,Sans-Serif; letter-spacing:1px; text-align:center; text-decoration: none; width:125px; padding-right:12px; }


/*Initialize*/
ul#menuhead ul.sub-menu { padding:0; margin: 0; }
ul#menuhead ul.sub-menu li { list-style-type:none; display: inline-block; text-align:left; }
/*Link Appearance*/
ul#menuhead li ul.sub-menu li a { padding-left:10px; text-decoration: none; color: #fff; background: #074440; display:inline-block; height:34px; width:245px; border-bottom:#108077 1px solid; border-left:#108077 1px solid; border-right:#108077 1px solid; letter-spacing:0px; font-weight:bold;  }
ul#menuhead li ul.sub-menu li a:hover {  color:#eee; background:#108077;}
/*sub menu*/
ul#menuhead li ul.sub-menu { padding-top:4px; display:none; position: absolute; top: 34px;  }
ul#menuhead li:hover ul.sub-menu { display:block; border-radius: 4px;}


/* Main Content section */
.translationbox { background:#f5f5f5; margin:0px 15px 20px 0; padding:10px 30px; border: #002e0d 1px solid; }

.maincontent { background:#0c9b8f; color:#fff; margin-top:0px; width:100%;  
border-left:#559483 1px solid; border-right:#559483 1px solid; box-shadow1: 0px 1px 5px 0px #4A4A4A;}
.maincontentwrap { padding-top:10px; width:100%;}

.leftsidebar { float:left; width:245px; padding-left:10px; text-align:left; } 
.centertext { float:left; width:440px; padding:20px 20px 70px 20px; text-align:justify; background:#117084;}
.rightsidebar { float:right; width:200px; }
/* Center & Right Fullwidth content spanning .centertext & .rightsidebar for Sub page content */
.RightFullwidth { float:right; width:640px; padding:20px 20px 70px 20px; text-align:justify; background:#117084; margin-right:20px; font-size:14px; line-height:150%;} 
.RightFullwidth a { color:#fff; text-decoration:underline;}
.RightFullwidth a:hover { color:#0ff; text-decoration:underline;}

.photo-gallery { width:100%; padding:0 10px 10px; float:right;}
.accommodation { width:100%; padding:0 10px 10px; float:right;}
.sustainabletourism {width:100%; padding:0 10px 10px; float:right;}
.updates { width:100%;}
.updatesTitle { font-size:16px; font-weight:bold; width:100%; text-transform:uppercase; letter-spacing:1px; padding:40px 0 10px 0;}

/* Homepage specific classes */
.ecoslidewrap1 { border:#fff 5px solid;}

/* Homepage specific classes */
.subpageslidewrap { float:left; padding-right:15px;}

/* Contact Us form */
input {	 padding: 6px;	 border: solid 1px #E5E5E5;	font: normal 12px Verdana, Tahoma, sans-serif;	 width: 320px;	 }
textarea {	 padding: 6px;	 border: solid 1px #E5E5E5;	font: normal 12px Verdana, Tahoma, sans-serif;	 width: 320px; height:150px; }
.formbox { margin-left:75px; padding:10px 10px 20px 10px; border:1px #aaa solid; background1:#eee; width:490px; color:#fff; font-weight:bold;  }
.formlabel {float:left; width:150px; padding-bottom:10px; padding-top:2px;}
.formfield {float:left; width:330px; padding-bottom:15px;}
.formbutton {float:left; width:130px; box-shadow: 0px 1px 5px 0px #4A4A4A; background:#ddd; }

/* Attractions page */
.paratitle {float:left; font-weight:bold; font-size:16px; padding-right:5px; }
.paratitle a {color:#fff; text-decoration:none;}

/* Tour Package Pages*/
.tourmap { margin:10px 20px 30px 100px; width:450px; }
.tourbanner { padding-bottom:20px;}
.highlights { font-size:15px; font-weight:normal; line-height:30px;}
.tourimages { float:right; padding:0 0 0px 10px;}

.imageleft { float:left; margin:0px 10px 5px 0px; border:1px solid #eee;}
.clearboth { clear:both; }

/* Photo Gallery Page */
#thumb { border: solid 5px #fff;}
#thumb a:hover { border: solid 5px #E5E5E5;}

/* Main content left sidebar links */
/*.leftsidebar { float:left; width:300px;  height:100%; }*/
.leftsidebarMainTitle { width:auto; height:32px; color:#fff; font-weight:bold; line-height:32px; padding-left:20px; padding-bottom:5px; display:block; font-size:20px;  text-transform:uppercase; letter-spacing:1px; text-align:left;}
.leftsidebarSubTitle { width:auto;  height:25px; color:#fff; font-weight:bold; line-height:20px; padding-left:30px; display:block; font-size:14px;  text-transform:uppercase; letter-spacing:1px; text-align:left;}

#leftmenu {  width: 275px; font-size:14px; font-family: verdana,helvetica,arial,sans-serif; margin-left:30px; margin-bottom:10px;  }
#leftmenu ul { list-style:none; margin: 0; padding: 0; letter-spacing:1px; }
#leftmenu li a { padding:2px 0 0 10px; text-align:left;  text-decoration:none; voice-family: "\"}\""; voice-family:inherit; height:20px; }
#leftmenu li a:link, #activitymenu li a:visited { display: block;  }
#leftmenu li a:hover { color:#9F0; background: url(images/sidebg2.png); text-decoration:none;  }
#leftmenu li a:active { background: url(images/sidebg2.png);  }




/* Footer section */
.footerwrap { width:100%;  background-image:url(images/footer-bg2.jpgg); }
.footer { margin: 0 auto; width:960px; color:#fff; height:220px; background:#09534e; border-left:#09534e 1px solid; border-right:#09534e 1px solid;  box-shadow: 0px 1px 5px 0px #4A4A4A;}


.footerBody { height:200px;}
.footerBody a { text-decoration:underline; color:#fff;}
.footerBody a:hover { text-decoration:underline; color:#0ff;}
.footerTitle { font-size:16px; font-weight:bold; width:100%; text-transform:uppercase; letter-spacing:1px; padding:5px 0 10px 0;}

.footerLeft { float:left; width:280px; text-align:left; padding:10px 20px 10px 10px;}
.footerMiddle { float:left; width:300px; text-align:left; padding:10px 20px 10px 20px;}
.footerRight { float:left; width:260px; text-align:left; padding:10px 20px 10px 20px;}

.FQuicklinks { padding-left:0px; color:#fff; list-style:none; font-size:12px; line-height:22px; letter-spacing:1px;}
.FContactUs {font-size:12px; line-height:16px; letter-spacing:1px; }
.FContactLeft { width:70px; float:left;}
.FContactRight { float:left;}
.socialmedia-buttons {}


.copyrightbar { height:20px; font-size:11px; width:100%;}
.copyrightbar a { color:#fff;}
.copyrightbar a:hover { color:#0ff;}
.copyright {float:left; padding-left:10px;}
.designcredit {float:right; font-style:italic; padding-right:10px;}