/* General */
* {margin:0;}
html, body						{ width: 100%; padding: 0; margin: 0; font-family:Arial, Helvetica, sans-serif; font-size:12px;  }
#fsbg							{ z-index: -999; min-height: 100%; min-width: 1024px; width: 100%; height: auto; position: fixed; top: 0; left: 0; display:none; }
h2								{font-size: 20px;}
h3								{font-size: 20px; color:#FFF}
p								{font-size: 12px;}

/* structural */
#wrapper						{ position: relative; width: 960px; min-height: 400px; margin: 60px auto; color: #333; }
	.logo						{ position:; text-align:right; padding-top:10px; width:100%; height:40px; margin-bottom: 30px; background:url(../images/logo.png) no-repeat; display:none; }
	
/* Tabs */

#tabMenu {margin:0;padding:0 0 0 15px;list-style:none;}
	#tabMenu li {float:left;height:22px;width:120px;padding-top:10px; margin-right:9px; cursor:pointer;cursor:hand; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center;}
		li.icon_home {width:23px !important;}
		li.icon_home img {margin-bottom:2px;}
		li.kibwezi	 {background:url(../images/tabbase.png) no-repeat 0 -32px;}
		li.home		 {background:url(../images/tabbase.png) no-repeat 0 -32px;}
		li.campaign {background:url(../images/tabbase.png) no-repeat 0 -32px;}
		li.contact {background:url(../images/tabbase.png) no-repeat 0 -32px;}
		li.porting {background:url(../images/tabbase.png) no-repeat 0 -32px;}
		
		
		li.mouseover {background-position:0 0;}
		li.mouseout {background-position:0 -32px;}
		li.selected {background-position:0 0;}
	
	.box {width:100%; display:none;}
		.boxTop {background:url(../images/boxTop.png) no-repeat;height:11px;clear:both}
		.boxBody {background-color: rgba(255,255,255,0.8); padding:10px;}
		.boxBottom {background:url(../images/boxBottom.png) no-repeat;height:11px;}
	
		.boxBody div.parent {display:none;}
		.boxBody div.show {display:block;}
		.boxBody div ul {margin:0 10px 0 15px;padding:0;}
		.boxBody div li {border-bottom:0px dotted #8e8e8e; padding:4px 0;}
		.boxBody div ul li.last {border-bottom:none}
		.boxBody div li span {font-size:8px;font-style:italic; color:#888;}

/* Tab Content Areas */
.top						{/*height:250px;*/}
	.presplit				{height:30px;}
.tl							{width: 100%; min-height:220px; float:left; padding-left:20px;}

	.home_cont					{width: 100%; min-height:220px; float:left; }
		.image_holder				{width:382px; margin-right:29px; float:left;}
		.words_container			{width:500px; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:14px; margin-left:29px; float:left;}
		
		.title_holder				{font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:20px; color:#09C; font-size:24px; }
		.words_holder				{font-family:Arial, Helvetica, sans-serif; margin-right:10px; margin-bottom:20px; color:#333; font-size:14px; }
		


	.kibwezi_cont				{width: 100%; min-height:220px; float:left; }
		.kibwez_words				{width:920px; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:14px; padding:10px;}
		.kibwez_multimedia			{text-align:left; width:940px; margin-top:20px;}
		.kibwez_map				{width:300px; text-align:center; float:left; margin-right:60px; margin-left:60px;}
		.kibwez_gallery				{width:300px; text-align:center; float:left; margin-left:60px; margin-right:60px;}
                .kibwez_statistics_cont		{width:940px; margin-top:20px;}
			#kibwez_col1				{width:250px; margin-left:30px; margin-right:30px; min-height:200px; float:left;}
			#kibwez_col2				{width:250px; margin-left:30px; margin-right:30px; min-height:200px; float:left;}
			#kibwez_col3				{width:250px; margin-left:30px; margin-right:30px; min-height:200px; float:left;}


	.campaign_cont					{width: 100%; min-height:220px; float:left; }
		.campaign_words				{width:940px; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:14px; padding:10px;}
		.goals						{width:400px; margin-top:20px; margin-left:40px; margin-right:20px; float:left;}
		.strategies					{width:400px; margin-top:20px; margin-left:20px; float:left;}
		
		

	.contact_cont					{width:100%; min-height:220px; float:left; }
		.contact_message			{width:350px; margin-left:295px; margin-right:295px;}
		.contact_email				{width:350px; text-align:center; cursor:pointer; font-size:18px; text-decoration:underline; font-weight:bold; color:#09C; margin-left:295px; margin-top:20px; margin-right:295px;}
		#contact_col1				{width:250px; margin-left:30px; margin-right:30px; margin-top:20px;   float:left;}
		#contact_col2				{width:250px; text-align:center; margin-left:30px; margin-right:30px; margin-top:20px;   float:left;}
		#contact_col3				{width:250px; margin-left:30px; margin-right:30px; margin-top:20px;   float:left;}

	.footer			{width:400px; margin:0 auto; text-align:center;}

.blog_cont							{width: 100%; background-color:#033; min-height:220px; float:left; }

/* Colours */
.red {color: #09C;}
.infotitle {color: #01B9E1; font-weight:bold;}

/* misc */
.clear	{clear:both;}
.sml	{font-size:11px;}



/*slideshow*/


#slideshow {
    position:relative;
    height:350px;
	z-index:-1;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#slideshow img {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
			
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
			
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
		
@media screen and (max-width: 1024px){
	img.bg {
	left: 50%;
	margin-left: -512px; 
}