/*  	-----------------------------------------------------------------------------
		INTERFACE LAYOUT
		----------------------------------------------------------------------------- 	*/
				
		
		BODY	{
			background: #2b0000 url('../../images/background_img.jpg');
			background-position: top center;
			background-repeat: no-repeat;
			color: #5b4413;
			font-family:'Trebuchet MS', arial;
			font-size:10pt;
		}
		
		#container {
			position: absolute;
			left: 50%;
			top: 0;
			width: 954px;
			margin-left: -477px;
			margin-bottom: 100px;
			font-size:10pt;
			font-family: 'trebuchet ms', arial;
		}


/*  	-----------------------------------------------------------------------------
		GENERAL STYLES
		----------------------------------------------------------------------------- 	*/	
	
		a 		{ text-decoration:none; }
		a:hover { text-decoration:underline; }
		
		.smallgal {  width:360px; float:right; margin-left: 20px; padding:0px; }
		img.rightimage { float:right; margin-left: 20px; padding:4px; background:white; }
		
		h3		{ height:40px; display:block; width:400px; }
		h3.sIFR-replaced { margin-bottom:-10px; height:40px; }
		.wh		{ color:white; }
		
		a.thumbnail img { border:1px solid #333333; background:white; padding:5px; margin:10px 10px 0 0; }
		
		.thumb_holder { 					border:1px solid #333333; background:white; padding:5px; margin:14px 16px 0 0; position:relative; float:left; }
		.thumb_holder .thumb_thumb img { 	border:0; display:block; }
		.thumb_holder a.txt { 				font-size:8pt; color:#999; text-decoration:none; }
		.thumb_holder a.txt:hover { 		color:#555; text-decoration:underline; }
		.thumb_holder .low { 				float:left; margin-left:6px;}
		.thumb_holder .high { 				float:left; margin-left:6px; padding-left:6px; border-left:1px dotted #aaa; }
		
		
/*  	-----------------------------------------------------------------------------
		TOP MENU NAVIGATION
		----------------------------------------------------------------------------- 	*/	
		
		#topmenu {
			position:relative;
			display:block;
			width:954px;
			height:65px;
		}
			#topmenu h1 {
				display:block;
				text-indent:-999px;
				overflow:hidden;
				background:url(../../images/under_one_botswana_sky.gif);
				width:222px;
				height:56px;
				position:absolute;
				left:41px;
				top:0;
				margin:0;
			}
			
			#topmenu a {
				display:block;
				position:absolute;
				text-indent:-999px;
				overflow:hidden;
				background-position:0 0;
				height:21px;
				top:22px;
			}
				#topmenu a.chobe		{ width:136px; left:279px; background:url(../../images/topmenu_chobe_safari_lodge.gif); }
				#topmenu a.nata			{ width:91px; left:432px; background:url(../../images/topmenu_nata_lodge.gif); }
				#topmenu a.gunns		{ width:97px; left:680px; background:url(../../images/topmenu_gunns_camp.gif); }
				#topmenu a.moremi		{ width:124px; left:794px; background:url(../../images/topmenu_moremi_crossing.gif); }
				
					#topmenu a.chobe:hover  	{ background-position: 0 21px;	}
					#topmenu a.nata:hover  		{ background-position: 0 21px;	}
					#topmenu a.gunns:hover  	{ background-position: 0 21px;	}
					#topmenu a.moremi:hover  	{ background-position: 0 21px;	}
					
					#topmenu a.pompom	{ width:123px; height:52px; left:540px; top:0; background:url(../../images/topmenu_visiting_pom_pom.gif); }
					
/*  	-----------------------------------------------------------------------------
		MENU NAVIGATION
		----------------------------------------------------------------------------- 	*/	


		#menu {
			position:relative;
			text-align:center;
			margin-top:21px;
			height:30px;
		}
		
			#menu ul {
				list-style: none;
				display:inline;
				margin:0;
				padding:0;
			}
		
			#menu ul li {
				display: inline;
			}
		
				#menu ul li a {
					font-size:10pt;
					font-family:'century gothic', 'avant garde', 'arial';
					font-weight:bold;
					text-transform:uppercase;
					letter-spacing:2px;
					color: #f6ead7;
					text-decoration:none;
					padding:0 15px;
				}
					#menu ul li a:hover  { color:#fff; }

/*  	-----------------------------------------------------------------------------
		TOP BAR
		----------------------------------------------------------------------------- 	*/	

		#topbar {
			position:relative;
			margin:4px 10px 0 20px;
			width:914px;
			height:244px;
		}
			#top_rotator			{	display:block; float:left; width:686px; height:244px; overflow:hidden;	}
				#logo 				{	float:right; position:relative; display:block; width:218px; height:244px; }
				#logo h1			{ 	position:absolute; top:0; left:0; width:218px; height:178px; margin:0; padding:0; background:url(../../images/logo_pom_pom_camp.gif); text-indent:-999px; overflow:hidden; }
				#logo a.sky			{ 	position:absolute; top:177px; left:0; width:218px; height:22px; margin:0; background:url(../../images/sky_button.gif); background-position:top left; text-indent:-999px; overflow:hidden; }
				#logo a.tube		{	position:absolute; display:block; bottom:0; left:0; width:50px; height:45px; background:url(../../images/youtube_button.gif); background-position:top left; text-indent:-999px; overflow:hidden; }
				#logo a.pano		{	position:absolute; display:block; bottom:0; left:50px; width:97px; height:45px; background:url(../../images/pano_button.gif); background-position:top left; text-indent:-999px; overflow:hidden; }
				#logo a.brochure	{	position:absolute; display:block; bottom:0; left:147px; width:71px; height:45px; background:url(../../images/brochure_button.gif); background-position:top left; text-indent:-999px; overflow:hidden; }
				#logo a:hover		{	background-position:0 45px; }
				#logo a.sky:hover		{	background-position:0 22px; }


/*  	-----------------------------------------------------------------------------
		CONTENT BLOCK
		----------------------------------------------------------------------------- 	*/


		#content {
			display:block;
			padding:20px 10px 10px 0;
			margin-left:10px;
			width:934px;
		}
		
		.lightblock {
			background:#dfcda8;
			padding:15px;
			border-bottom:1px dotted #775e2c;
		}
		.darkblock {
			background:#dfcda8;
			padding:10px 15px;
			border-bottom:1px dotted #775e2c;
		}
			.textleft { 
				float:left; 
				width:500px;
			}
			.clearboth {
				height:1px;
				display:block;
				clear:both;
				overflow:hidden;
			}
		
			.title {
				font-size:18px;
				font-family: 'trebuchet ms', arial;
				color:#5b4413;
				font-weight:normal;
				padding:0;
				float:left;
				width:400px;
				margin:5px 0 5px 0;
				padding:0;
			}
			p.blocktext {
				padding:0;
				margin:-5px 0 0 0;
				font-size:12px;
				color:#5b4413;
				clear:left;
				display:block;
				line-height:15px;
			}
				p.blocktext a {	color:#5b4413;	}
		

/*  	-----------------------------------------------------------------------------
		FOOTERS
		----------------------------------------------------------------------------- 	*/

			#contact_footer {
				display:block;
				width:917px;
				height:249px;
				background:url(../../images/contact_footer.jpg);
				margin:10px 0 0 7px;
				position:relative;
			}
				.little_title {
					color:white;
					font-size:14px;
					font-weight:bold;
					display:block;
					margin-bottom:10px;
					text-transform:uppercase;
				}
				#c_footer_lhs {
					position:absolute;
					top:30px;
					left:20px;
					width:150px;
					height:200px;
					font-size:12px;
				}
				ul.contact_ul {
					margin:0 0 0 10px; 
					padding:0 0 0 10px;
					color:#5b4413;
				}
					ul.contact_ul li { margin:0; }
					ul.contact_ul li a { color:#5b4413; }
				
				#c_footer_rhs {
					position:absolute;
					top:30px;
					left:210px;
					width:200px;
				}
					#c_footer_rhs p {
						color:#5b4413;
						font-size:12px;
						padding:0;
					}
					#c_footer_rhs p a {	color:#5b4413;	}
				#photo_gal_link {
					position:absolute;
					top:0; left:500px;
					width:375px; height:250px;
					display:block;
					overflow:hidden;
					text-indent:-999px;
				}
			
			#footer {
				clear:both;
				position:relative;
				display:block;
				width:954px;
				height:150px;
				background:url(../../images/bg_footer.gif);
			}