/*---------------------------------------------------------------------------------------------

	CSS Stylesheet
	
	T.O.C
		=RESET
		=GENERAL
		=LAYOUT
		=PAGES
		
	Color Scheme
	
		#cccccc - search and subscribe forms color
		#666666 - text color / search and subscribe forms color on hover
		#e1e1e1 - search and subscribe forms border color
		#cccccc - search and subscribe forms border color on hover
		#252525 - header color / drop down menu links
		#346699 - links color / dropdown menu link current
		#000000 - links color on hover
		#999999 - blockquote
		#f5f5f5 - borders top and bottom color
		#efefef - hr color	

-----------------------------------------------------------------------------------------------*/


	
	body{
	line-height:20px;
	color:#000;
	background-color: #030;
	background-image: url(images/hhh.jpg);
	background-repeat: repeat;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	margin: 0px;
	}
	
		/* =headings
		-------------------------------------------------------------- */
		
		h1,h2,h3,h4,h5,h6{
	font-weight: bold;
	color:#C60;
}
		
		h1{
	font-size:24px;
	margin-bottom:5px;
}
		h2{
	font-size:24px;
	line-height:26px;
	margin-bottom:12px;
	color: #C90;
}
		h3{
	font-size:14px;
	background-color: #2F5607;
	font-weight: bold;
	text-align: left;
	padding: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
.col-220 h3 a {
	font-size:14px;
	font-weight: bold;
	text-align: left;
	color: #FFF;
	text-decoration: none;
}
.col-220 h3 a:hover {
	font-size:14px;
	font-weight: bold;
	text-align: left;
	color: #FC0;
	text-decoration: underline;
}

.col-220 a {
	font-size:14px;
	font-weight: bold;
	text-align: left;
	color: #C30;
	text-decoration: underline;
}
.col-220 a:hover {
	color: #C60;
	text-decoration: none;
}


.col-220 img {
	font-size:14px;
	font-weight: bold;
	text-align: left;
	color: #990;
	padding: 3px;
	border: 1px solid #960;
	margin: 5px;
}


		h4{
	font-size:14px;
	line-height:15px;
	margin-bottom:8px;
	text-align: center;
}
		h5{ font-size:13px; line-height:15px; margin-bottom:8px;  }
		h6{ font-size:13px; line-height:15px; margin-bottom:8px;  }
		
		
		/* =text-elements
		-------------------------------------------------------------- */
		
		a{
	text-decoration:underline;
	color:#060;
}
		a:hover{ text-decoration:underline;  }
		h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover, h6 a:hover{
	text-decoration:none;
}
		a img{ border:none; }
		em{ font-style: italic; }
		
		p, ul, ol, pre, code{
	margin-bottom:20px;
}
		
		ul{ list-style-type:circle; list-style-position:inside; }
		
			ul.checklist{ list-style-image:url(image/bg-checklist.png); }
		
		ol{ list-style-type:decimal; list-style-position:inside; }
		
		blockquote{
	line-height:24px;
	background:#ffffff url(image/quote.gif) no-repeat top left;
	color:#930;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 60px;
}
		blockquote span{
	color:#000;
}
		
			.blockquote-left{ width:250px; float:left; }
			.blockquote-right{ width:250px; float:right; }					 
					 
		pre, code{ border:1px solid #efefef; border-left-width:5px; display:block; padding:10px; font-size:11px; font-family: monospace; background-color:#f5f5f5; }
		
		hr{ border:none; height:1px; margin:30px 0; background-color:#efefef; color:#efefef; }
		
			/* due to IE <HR> margin bugs I had to made classed and apply them to div to achieve the effect of a <HR> */
			
			.hr{ border-top:1px solid #efefef; margin:30px 0; }
			.hr-alt{ border-top:1px solid #efefef; margin:30px -30px 30px -30px; } 																	      
			.hr-alt2{ border-top:1px solid #efefef; margin:10px 0 30px 0; }																	  
			
			
		/* =tables
		-------------------------------------------------------------- */
		
		table{ border-collapse:separate; border-spacing:0; border-top-width:5px; margin-bottom:20px; border:1px solid #efefef;  }
		th{ padding:10px 15px; text-transform:uppercase; font-weight:bold; }
		td{ padding:10px 15px; border-top:1px solid #efefef; }
		tr.alt{ background-color:#f5f5f5; }


		
		/* =default-classes
		-------------------------------------------------------------- */
		
		.img-align-left{
	float:left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
}
		.img-align-right{ margin:5px 0 0 10px; float:right; }
		
		.text-right{ text-align:right; }
		.text-center{ text-align:center; }
		
		.text-highlight{ padding:2px 5px; background-color:#ffd324; color:#111111; }
		.text-highlight2{ padding:2px 5px; background-color:#c6d880; color:#111111; }

		.bordered{ padding:5px; border:1px solid #efefef; }


		/* =grid
		-------------------------------------------------------------- */

		/* Clear Fix Hack - add  class="fixed"  to div's that have floated elements in them */
		.fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
			.fixed{display:block;}
			/*  \*/
			.fixed{min-height:1%;}
			* html .fixed{height:1%;}
				
		.row{ width:940px; }
			
			.col-700{ width:700px; float:left; margin-right:20px; }
			.col-520{ width:520px; float:left; margin-right:20px; }
			.col-460{
	width:440px;
	float:left;
	margin-right:20px;
}
			.col-340{ width:340px; float:left; margin-right:20px; }
			.col-220{
	width:440px;
	float:left;
	margin-right:15px;
	margin-top: 0px;
	margin-bottom: 30px;
	text-align: left;
	margin-left: 0px;
	background-color: #FF9;
	border: 1px solid #C90;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}
#tours {
	width:250px;
	float:left;
	margin-right:0px;
	margin-top: 0px;
	margin-bottom: 30px;
	text-align: left;
	margin-left: 0px;
	background-color: #FF9;
	border: 1px solid #C90;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}
#tours h4 {
	text-align: center;
	background-color: #C9680A;
	border: 1px solid #C90;
	height: 25px;
	font-size: 14px;
	color: #FC0;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#africa {
	width:670px;
	float:right;
	text-align: left;
	background-color: #FFF;
	border: 1px solid #FFF;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#africa h2 {
	text-align: left;
	background-color: #FFF;
	margin: 0px;
	padding: 5px;
	font-size: 16px;
}



			.col-160{ width:160px; float:left; margin-right:20px; }
			
		.last{
	margin-right:0px;
	background-color: #FFF;
}
		.clear{ clear:both; }
		.block{ display:block; }
		.hide{ display: none; }	
		

/* =LAYOUT
-----------------------------------------------------------------------------------------------*/

	#wrap{ width:940px; padding:0 30px; margin:0 auto; background-color:#ffffff; border-top:10px solid #f3f3f3; border-bottom:10px solid #f3f3f3;
		   -moz-box-shadow: 0 1px 2px 0 #333; -webkit-box-shadow: 0 1px 2px 0 #333; box-shadow: 0 1px 2px 0 #333; }
	
		#header{
	padding-top:5px;
	text-align: center;
}
		
			.dropdown-container{
	position:relative;
}  /* IE6 and IE7 fix for the dropdown  */
			.slideshow-container{ position:relative; z-index:5; }  /* menu showing below the slider bug */
			.inner-page-title-container{ position:relative; z-index:5; margin-right:-30px;  }
			
			/* =logo
			-----------------------------------------------------------------------------------------------*/
			
			a#logo{ display:block; float:left; }
			a#logo img{ display:block; }
			
			/* =dropdown-menu
			-----------------------------------------------------------------------------------------------*/
	
			/* level 1 menu */
			ul#dropdown-menu{
	float:left;
	list-style:none;
}		  
			ul#dropdown-menu li{ float: left; }
			ul#dropdown-menu li a{ display: block; padding:12px 33px 5px 0; font-size:13px; text-transform:uppercase; color:#252525; }			   
			ul#dropdown-menu li.hover, ul.dropdown-menu li:hover{ position: relative; }
			ul#dropdown-menu li.hover a{ text-decoration:none; } /* styleing when hovering on menu item a */					 
			ul#dropdown-menu li.current > a{ color:#346699; }							   
			ul#dropdown-menu li .sub-menu li a{ color:#252525; }							   
			ul#dropdown-menu li.last > a{ padding-right:11px; }
			
			/* level 2 menu */
			ul#dropdown-menu ul{ position:absolute; top:100%; left:0; width:180px; list-style:none; display:none; 
								  border:1px solid #efefef; border-bottom:none; background-color:#ffffff; z-index:35; }				 
			ul#dropdown-menu ul li{ width:180px; }				
			ul#dropdown-menu ul li a{ width:160px; display: inline-block; border:none; padding:5px 10px; text-transform:none; 
									  font-weight:normal; border-bottom:1px solid #efefef; color:#666666; } /* IE 6 and 7 Needs Inline Block */			  
			ul#dropdown-menu ul li a:hover{ background-color:#f5f5f5; } 
			
			/* level 3 menu */
			ul#dropdown-menu ul ul{ left:100%; top:-1px; }
			ul#dropdown-menu li:hover > ul{ visibility:visible; }
			
			.arrow{ background:url(image/bg-sidenav.gif) no-repeat 165px 12px; }
				
			/* =search
			-----------------------------------------------------------------------------------------------*/
		
			#search fieldset{ position:relative; border:none; margin:0; margin-top:7px; padding:0; }
			#search-input{ width:208px; padding:5px; margin:0;  font-size:12px; border:1px solid #e1e1e1; color:#cccccc; }
			#search-input:focus{ border:1px solid #cccccc; color:#666666; }
			#search .search-submit-btn{ position:absolute; top:5px; right:5px; height:17px; width:20px; outline:none;
										background:url(image/bg-search.png) no-repeat top left; cursor:pointer; border:none; }
		
			.ie6 #search .search-submit-btn{ top:6px; }
			.ie6 #search-input, .ie7 #search-input, .ie8 #search-input{  }
			
			/* =contact
			-----------------------------------------------------------------------------------------------*/
			
			#contact{ border-left:1px solid #efefef; padding:13px 0 13px 10px; text-align:center; color:#999999; font-size:14px; font-weight:bold; }
			
			/* =inner-page-title
			-----------------------------------------------------------------------------------------------*/
			
			.inner-page-title{ background-color:#212121; height:65px; padding:25px; overflow:hidden; }		
			.inner-page-title h2{ width:195px; float:left; color:#ffffff; }
			.inner-page-title p{ margin-bottom:0; margin-left:20px; float:left; width:460px; color:#999999; }
			
			.inner-page-title-minimal{ width:700px;}
			.inner-page-title-minimal h2{}
			.inner-page-title-minimal p{ margin-bottom:5px; }
			
			
		#content{ }
		
			.pdf{ background:url(image/bg-pdf.png) no-repeat 5px 12px; padding:15px 10px 10px 65px; width:125px; min-height:48px; }
			p.breacrumbs{ color:#999999; font-size:10px; margin-bottom:0; }
			
			/* =side-nav
			-----------------------------------------------------------------------------------------------*/
			
			.side-nav{ list-style-type:none; list-style-position:outside; border-top:1px solid #efefef; width:200px; }
			.side-nav li{ border-bottom:1px solid #efefef; }
			.side-nav li a:hover{ }
			.side-nav li a{ display:block; padding:5px 0 5px 25px; background:#ffffff url(image/bg-sidenav.gif) no-repeat 10px 12px; }
			.side-nav li.current a{ color:#000000; }
			.side-nav li.current a:hover{ text-decoration:none; }

			/* =tabs
			-----------------------------------------------------------------------------------------------*/
			.tabs-menu{ margin-bottom:0; list-style:none; }
			.tabs-menu li{ display:inline; }
			.tabs-menu li a{ float:left; padding:5px 20px; display:block; background-color:#212121; color:#fff; 
							 border-right:1px solid #ffffff; border-top:2px solid #ffffff; }
			.tabs-menu li.current a{ background-color:#f5f5f5; border-top:2px solid #efefef; color:#666; }
			
			.tabs-content{ padding:30px 20px; background-color:#f5f5f5; margin-bottom:20px; }
		
			/* =accordion
			-----------------------------------------------------------------------------------------------*/
			.accordion { list-style-type: none;  }
			.accordion li { background:#212121; cursor: pointer; float: left; display: block; width:100%; }
			.accordion li.current>a { background: url(image/bg-accordion.png) no-repeat right 8px; }
			.accordion li div { padding:20px 20px; background:#f5f5f5; }
			.accordion li a{ text-decoration: none; display: block; cursor: pointer; background: url(image/bg-accordion.png) no-repeat right -55px; 
							 padding:5px; border-bottom:1px solid #ffffff;  padding:5px 20px; color:#fff; }


		#footer{ padding-bottom:30px;  }
	
			#footer p.last{ margin-bottom:0; }
			.back-top{ color:#999999; }
			
			/* =footer-nav
			-----------------------------------------------------------------------------------------------*/
			
			#footer-nav{  list-style-type:none; list-style-position:outside; margin-bottom:0; }
			
			/* =contact info
			-----------------------------------------------------------------------------------------------*/
			
			#contact-info{ list-style-type:none; list-style-position:outside; margin-bottom:0; }
			#contact-info li{ padding-left:20px; }
			#contact-info .phone{ background:url(image/bg-contact-info.png) no-repeat 0 -132px; }
			#contact-info .adress{ background:url(image/bg-contact-info.png) no-repeat 0 0; }
			#contact-info .email{ background:url(image/bg-contact-info.png) no-repeat 0 -66px;  }
			
			/* =newsletter-subscribe
			-----------------------------------------------------------------------------------------------*/
			
			#newsletter-subscribe fieldset{ border:none; margin:0; padding:0; position:relative; margin-bottom:15px; }
			#subscribe-email{ margin:0; padding:5px; height:15px; width:208px; font-size:12px; border:1px solid #e1e1e1; color:#cccccc; }
			#subscribe-email:focus{ border:1px solid #cccccc; color:#666666; }
			#newsletter-subscribe .subscribe-submit-btn{ position:absolute; top:1px; right:1px; padding:0 5px 0 5px; width:55px;
														 height:25px; cursor:pointer; border: none; background-color:#e1e1e1; color:#666666; }
			
			.ie6 #newsletter-subscribe .subscribe-submit-btn, .ie7 #newsletter-subscribe .subscribe-submit-btn{ top:2px; }
			.ie6 #subscribe-email, .ie7 #subscribe-email, .ie8 #subscribe-email{ border:1px solid #cccccc; }
			
			/* =social-media
			-----------------------------------------------------------------------------------------------*/
			
			#social-media{ list-style-type:none; margin-bottom:0; }
			#social-media li{ float:left; }
			#social-media li img{ display:block; float:left; margin-right:5px; }
			#social-media li a{ display:block; float:left; margin-right:5px; line-height:18px; }
			
			
/* =PAGES
-----------------------------------------------------------------------------------------------*/	
				
	/* =index
	-----------------------------------------------------------------------------------------------*/				
	
		/* =slideshow
		-----------------------------------------------------------------------------------------------*/
		
		#slideshow{ position:relative; z-index:10; }
		
			#slideshow ul{ position:relative; width:940px; height:400px; overflow:hidden; margin-bottom:0; list-style:none; z-index:15; }
			#slideshow ul li{ width:940px; height:400px; position:relative; }
			#slideshow ul li img{ position:absolute; top:0; left:0; z-index:20; }
			
				#slideshow ul li .slidetext{ position:absolute; bottom:0; left:0; height:75px; width:675px; padding:25px 0 25px 25px; z-index:25; overflow:hidden;  
											 background-color:#212121; color:#aeb0b3; }
												  
					.slidetext h2, .slidetext h3{ width:195px; float:left; color:#ffffff; }
					.slidetext h2 a, .slidetext h3 a{ color:#ffffff; }
					.slidetext p{ float:left; margin-bottom:0; width:360px; margin-left:20px; }								  
										
		#slideshow-nav{ position:absolute; left:625px; top:290px; height:20px; width:50px; z-index:30; }
		#slideshow-nav .prev{ width:25px; height:25px; position:absolute; top:0; left:0; background:url(image/bg-slideshow-nav.png) no-repeat 0 -225px;  }
		#slideshow-nav .prev:hover{ background:url(image/bg-slideshow-nav.png) no-repeat 0 -150px; }
		#slideshow-nav .next{ width:25px; height:25px; position:absolute; top:0; left:30px; background:url(image/bg-slideshow-nav.png) no-repeat 0 -75px; }
		#slideshow-nav .next:hover{ background:url(image/bg-slideshow-nav.png) no-repeat 0 0; }
		
		
		/* =news-box
		-----------------------------------------------------------------------------------------------*/
		
		#news-box{
	list-style-type:none;
	list-style-position:outside;
	margin-bottom:0;
}
		#news-box li{ padding:15px 0; border-bottom:1px solid #efefef; }
			#news-box li img{ float:left; margin-right:10px; }
			#news-box li div{ float:left; width:170px; }
			#news-box li span{ color:#999999; }
		#news-box li.first{ padding-top:5px; }
		#news-box li.last{ border-bottom:none; }				
	
	
	/* =news
	-----------------------------------------------------------------------------------------------*/
	
		.news-picker{ padding:15px; }
			.news-picker strong{ width:50px; display:block; float:left; }
			
		.news-story{}
			.date{ color:#999999; padding-right:20px; }
	
	
	/* =clients + =testimonials
	-----------------------------------------------------------------------------------------------*/
	
		.latest-clients{}
			
			.client{}	
				.client-logo{ width:208px; height:135px; border:1px solid #efefef; margin-bottom:20px; }
				.client p{ color:#999999; }
		
		.latest-clients-list{}
			.latest-clients-list p{ line-height:30px; }
			
		.testimonial{}	
	
	
	/* =blog + =single blog post
	-----------------------------------------------------------------------------------------------*/
	
		.blog-sidebar{}
		.blog-sidebar .date{ padding-right:0; }
	
		.blog{}
		.blog-post{}
		
		.comment{ margin-bottom:20px; }
		.comment .who{ margin-bottom:5px; }
	
	/* =portfolio + =portfolio inner page
	-----------------------------------------------------------------------------------------------*/
	
		.portfolio-item{}
			.portfolio-item-preview{ display:block; background:url(image/bg-fade.png) no-repeat center center; padding:20px 18px; border:1px solid #efefef;  }
			.ie6 .portfolio-item-preview{ background:none; }
			
		.pagination{ list-style:none; }
			.pagination li{ display:inline; }
			.pagination li a{ display:block; float:left; padding:4px 9px; margin-right:7px; border:1px solid #efefef; }
			.pagination li.current a{ background-color:#f5f5f5;  }
	
		#portfolio-item-preview-slideshow{ position:relative; }
		#portfolio-item-preview-slideshow ul{ list-style:none; width:700px; height:300px; overflow:hidden; position:relative; margin:0 auto; z-index:80; }
			#portfolio-item-preview-slideshow ul li{ width:700px; height:300px; position:relative; background-color: #f5f5f5; }
					
		#portfolio-item-preview-slideshow-prev{ background:url(image/bg-slideshow-nav.png) no-repeat 0 -225px; width:25px; 
												height:32px; position:absolute; top:140px; left:20px; z-index:85; }
			#portfolio-item-preview-slideshow-prev:hover{ background:url(image/bg-slideshow-nav.png) no-repeat 0 -150px; }					  
		
		#portfolio-item-preview-slideshow-next{ background:url(image/bg-slideshow-nav.png) no-repeat 0 -75px; width:25px; 
												height:32px; position:absolute; top:140px; right:20px; z-index:85; }
			#portfolio-item-preview-slideshow-next:hover{ background:url(image/bg-slideshow-nav.png) no-repeat 0 0; }

#wrap{
	border-top-color: #C30;
	border-right-color: #C30;
	border-bottom-color: #C30;
	border-left-color: #C30;
}

#slideshow ul li .slidetext{ background-color:#5B8B23; }
	.slidetext h2, .slidetext h3{ color:#ffffff; }
	.slidetext h2 a, .slidetext h3 a{ color:#ffffff; }
	.slidetext p{ color:#ffffff; }	

.inner-page-title{ background-color:#5B8B23; }
	.inner-page-title h2{}
	.inner-page-title p{ color:#ffffff; }
	
ul#dropdown-menu li.current > a{ color:#4B9007; }	
.solidblockmenu{
	margin: 0;
	padding: 0;
	float: left;
	font: bold 13px Arial;
	width: 100%;
	overflow: hidden;
	border: 1px solid #625e00;
	border-width: 1px 0;
	background-color: black;
	background-image: url(images/blockdefault.gif);
	background-repeat: repeat-x;
	background-position: center center;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(images/blockactive.gif) center center repeat-x;
}
	
		#safaris{
	text-align: justify;
	clear: both;
}
	
#holidays {
	text-align: left;
	float: left;
	width: 400px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
#holidays img {
	float: left;
	text-align: left;
	height: 80px;
	width: 80px;
}
#navlist
{
	padding-left: 0;
	margin-left: 0;
	width: 245px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#navlist li
{
	list-style: none;
	margin: 0;
	padding: 0.25em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #630;
}

#navlist li a { text-decoration: none; }
#navlist li a:hover {
	text-decoration: underline;
	color: #C30;
}