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

/* Main Layout*/
body {
	border:0px;
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color: #d4d3a5;
	color:#666666;
	background-image:url(../images/page_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

.tableau{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	margin-left:5px;
}

.rangee{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#415b21;
	margin-left:8px;
}


.excursions01{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#415b21;
	background-color:#DBF6D6;
	padding-bottom:2px;
	width:120px;
}

.excursions02{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#415b21;
	background-color:#DBF6D6;
	padding-bottom:2px;
	width:500px;
}

.excursions03{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	background-color:#ffffff;
	padding-bottom:320px;
	width:200px;
}

.excursions04{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#415b21;
	background-color:#DBF6D6;
	padding-bottom:2px;
	width:550px;
}

.tarifs{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	background-color:#AAA;
	padding-bottom:2px;
	width:850px;
	text-align:right;
	padding-right:10px;
}


a:link {
	color: #415b21;
	text-decoration: none;
}
a:visited {
	color: #415b21;
	text-decoration: none;
}
a:hover {
	color: #708022;
	text-decoration:none;
}
a:active {
	color: #bbc77e;
	text-decoration: none;
}
#wrapper {
	width:980px;
	margin:0px auto;
	background-image:url(../images/content_bg.gif);
	background-repeat:repeat-y;
	background-position:left;
	min-height:763px; /*minimum height of the page, this keeps it consistent when creating shorter pages.*/
}
#header {
	height:234px;
	clear:both;
	background-image:url(../images/header_bg2.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#headerAbout {
	height:234px;
	clear:both;
	background-image:url(../images/banners/about/header-about.jpg);
	background-repeat:no-repeat;
	background-position:top;
}


#headerItineraries {
	height:234px;
	clear:both;
	background-image:url(../images/banners/itineraries/header-itineraries.jpg);
	background-repeat:no-repeat;
	background-position:top;
}


#headerBook {
	height:234px;
	clear:both;
	background-image:url(../images/banners/book/header-book.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#headerCommunities {
	height:234px;
	clear:both;
	background-image:url(../images/banners/communities/header-communities.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#headerResources {
	height:234px;
	clear:both;
	background-image:url(../images/banners/resources/header-resources.jpg);
	background-repeat:no-repeat;
	background-position:top;
}


#headerPartners {
	height:234px;
	clear:both;
	background-image:url(../images/banners/partners/header-partners.jpg);
	background-repeat:no-repeat;
	background-position:top;
}


#headerContact {
	height:234px;
	clear:both;
	background-image:url(../images/banners/contact/header-contact.jpg);
	background-repeat:no-repeat;
	background-position:top;
}


#headerLearn{
	height:234px;
	clear:both;
	background-image:url(../images/banners/contact/header-contact.jpg);
	background-repeat:no-repeat;
	background-position:top;
}


#header_logo {
	width:241px;
	height:125px;
	margin:0px 0px 0px 50px;
	padding-top:30px;
	float:left;
}
#side_menu_container {
	width:163px;
	float:left;
}
/*Menu*/

#side_menu {
	width:163px;
}
ul#side_menu {
	list-style:none;
	margin:0px;
	padding:0px;
}
ul#side_menu li {
	list-style:none;
	margin:0px;
	border-bottom:1px solid #d5e3e9;
	background:#007700;
	color:#FFFFFF;
	margin:2px;
	//border:3px solid #EEEEEE;
}
ul#side_menu a {
color:#FFFFFF; /*this is the color of the menu text*/
padding:8px 0px 8px 10px; /*spacing around the text, top right bottom left*/
text-decoration:none; /*no underline*/
font:12px Arial, Helvetica, sans-serif; /*font size and font*/
font-weight:bold; 
letter-spacing:1px; /*space between each letter in the word*/
display:block; /*make the background go all the way to the edges*/
}
ul#side_menu a:hover {
color:#708022; /*when the mouse is placed on the button change to this colour*/
background-color:#FFF; /*highlight the background behind the text*/
}
/*Box under menu*/
.side_menu_box {
	width:150px; /*164 minus padding*/
	margin:20px 0 40px 0;
	background-color:#f0f5f9;
	padding:10px 6px;
}
.side_menu_box .top {
	font-family: "Liberation Sans", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#708022;
	margin-bottom:10px;
}
.side_menu_box p {
	margin:0px;
	padding:0px;
}
.side_menu_box_field {
	background-color:#fff !important;
	border:1px solid #d5e3e9 !important;
	margin:5px 0px 0px 0px;
	color:#6fadc9;
	width:140px;
	padding:5px;
	font-size:11px;
}
.side_menu_box_button {
	margin:5px 0 0 0;
	float:right;
}
#info {
	width:164px; /*164 minus padding*/
	font-family:"Liberation Sans", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#708022;
	text-align:center;
}
#content_body {
	padding: 20px 15px 20px 0; /*padding on the right is because the column if floating to the right*/
	line-height:1.5em;
	width:780px; /*784px minus padding*/
	float:right;
}
/*footer*/
#footer {
	height:28px;
	width:960px;
	margin:0 auto;
	color:#415b21;
	font-size:10px;
	padding:8px 10px 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	clear:both;
	border-top:#415b21 5px solid;
}
#footer a, #footer a:link, #footer a:visited {
	color:#415b21;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer .right {
	width:320px; /*make this wider to fit more links in your footer*/
	float:right;
	text-align:right;
}
#footer .right ul {
	list-style:none;
	margin:0;
	padding:0;
}
#footer .right ul li {
	float:left;
	margin:0;
	padding:0 3px 0 3px;
}
#footer .right ul li a, #footer .right ul li a:link, #footer .right ul li a:visited {
	color:#415b21;
	text-decoration:none;
}
#footer .right ul li a:hover {
	text-decoration:underline;
}
#footer .left {
	width:400px;
	float:left;
}
/* General Content*/

.padding_bottom {
	padding-bottom:5px;
}
.clear {
	clear:both;
	visibility:hidden;
	height:0px;
	margin:0px;
	padding:0px;
}

.mliloSpace {
	color:#693;
	clear:both;
	visibility:hidden;
	height:0px;
	margin:0px;
	padding:0px;
	border-color:#693;
}


form {
	margin:0px;
	padding:0px;
}
.forms_field {
	background-color:#fff !important;
	border:1px solid #d5e3e9 !important;
	margin:3px 0px 0px 0px;
	color:#6fadc9;
	height:18px;
	padding:2px;
}
.forms_button {
	background-color:#461614 !important;
	border:1px solid #70231d !important;
	margin:3px 0px 0px 0px;
	color:#dd9b9b;
	height:23px;
	padding:2px;
}
h1 {
	font-family: "Liberation Sans", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#708022;
	margin-top:0px;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#f4afaf;
	font-weight:normal;
	margin:0px;
	padding:0px;
}
.image_border {
	border-bottom:3px solid #708022;
	margin:3px 3px 0px 3px;
	padding:0px;
}
hr {
	border: 0;
	color: #ffffff;
	background-color: #ffffff;
	height: 1px;
	width: 100%;
}

.mliloBorder{
	border: 0;
	color: #afc080;
	background-color: #afc080;
	height: 1px;
	width: 100%;
	}
.size20 {
	font-size:18px;
}
ul.arrows {
}
.arrows li {
	list-style:url(../images/icon_arrow.gif);
	line-height:25px; /*spacing between rows*/
}
.left_column {
	width:240px;
	float:left;
}

.left_columnIt {
	width:240px;
	float:left;
}

.right_column {
	width:500px;
	float:left;
}

.right_columnMlilo {
	width:780px;
	float:left;
}
.right_image {
	float:right;
	padding-left:25px;
}
.book_button {
	text-align:left;
	margin-left:140px;
	clear:both;
}


/*special fonts*/

@font-face {
 font-family: "Liberation Sans";
 src: url(../font/LiberationSans-Regular.ttf) format("truetype");
}
/*home page*/
	
	#home_banner {
	width:784px;
	height:233px;
	position:absolute;
	margin:230px 0 0 183px;
}
.left_home {
	width:530px;
	float:left;
	margin:200px 0 0 0px;
}

.left_home .kenyaHome{
	width:150px;
	float:left;
	margin:0px 0px 0 0px;
}
.right_home {
	width:215px;
	float:right;
	margin:200px 0 0px 0px;
}

ul.image_list {
	margin:0px;
	padding:0px;
	text-align:center;
}
.image_list li {
	list-style:none;
	margin:0px;
	padding:0px 0 10px 0; /*spacing between the images*/
}
/*coloured boxes*/
ul.box_list {
	margin:0px;
	padding:0px 0 0 0;
}
.box_list li {
	width:254px;
	list-style:none;
	float:left;
	margin:0px;
	padding:0 10px 10px 0;
}
.box_yellow {
	width:254px;
	height:76px;
	background:url(../images/box_yellow_bg.jpg) repeat-x top;
	border-right:2px #fae4ac solid;
	border-bottom:2px #fae4ac solid;
}
.box_yellow .img {
	width:75px;
	height:66px;
	float:left;
	margin:3px 0 0 3px;
	border:1px solid #FFF;
}
.box_yellow .right {
	width:165px;
	height:66px;
	float:right;
	margin:3px 3px 0 0px;
	overflow:hidden; /*hide too much text*/
	line-height:normal;
	color:#666666;
	font-size:11px;
}
.box_yellow .title {
	color:#ffa200;
	font-family: "Liberation Sans", arial;
	font-size:14px;
	font-weight:bold;
}
.box_yellow p {
	margin:0px;
	padding:0px;
}
.box_yellow .button {
	margin:5px 0 0 0;
}
/*blue*/

.box_blue {
	width:254px;
	height:76px;
	background:url(../images/box_blue_bg.jpg) repeat-x top;
	border-right:2px #a8e5f3 solid;
	border-bottom:2px #a8e5f3 solid;
}
.box_blue .img {
	width:75px;
	height:66px;
	float:left;
	margin:3px 0 0 3px;
	border:1px solid #FFF;
}
.box_blue .right {
	width:165px;
	height:66px;
	float:right;
	margin:3px 3px 0 0px;
	overflow:hidden; /*hide too much text*/
	line-height:normal;
	color:#666666;
	font-size:11px;
}
.box_blue .title {
	color:#2d9fce;
	font-family: "Liberation Sans", arial;
	font-size:14px;
	font-weight:bold;
}
.box_blue p {
	margin:0px;
	padding:0px;
}
.box_blue .button {
	margin:5px 0 0 0;
}
/*pink*/

.box_pink {
	width:254px;
	height:76px;
	background:url(../images/box_pink_bg.jpg) repeat-x top;
	border-right:2px #ffb9d3 solid;
	border-bottom:2px #ffb9d3 solid;
}
.box_pink .img {
	width:75px;
	height:66px;
	float:left;
	margin:3px 0 0 3px;
	border:1px solid #FFF;
}
.box_pink .right {
	width:165px;
	height:66px;
	float:right;
	margin:3px 3px 0 0px;
	overflow:hidden; /*hide too much text*/
	line-height:normal;
	color:#666666;
	font-size:11px;
}
.box_pink .title {
	color:#ff005f;
	font-family: "Liberation Sans", arial;
	font-size:14px;
	font-weight:bold;
}
.box_pink p {
	margin:0px;
	padding:0px;
}
.box_pink .button {
	margin:5px 0 0 0;
}
/*green*/

.box_green {
	width:254px;
	//height:276px;
	background:url(../images/box_green_bg.jpg) repeat-x top;
	border-right:2px #d4de83 solid;
	border-bottom:2px #d4de83 solid;
}
.box_green .img {
	width:75px;
	//height:66px;
	float:left;
	margin:3px 0 0 3px;
	border:1px solid #FFF;
}
.box_green .right {
	width:165px;
	//height:66px;
	float:right;
	margin:3px 3px 0 0px;
	//overflow:hidden; /*hide too much text*/
	line-height:normal;
	color:#333;
	font-size:12px;
}
.box_green .title {
	color:#9db000;
	font-family: "Liberation Sans", arial;
	font-size:14px;
	font-weight:bold;
}
.box_green p {
	margin:0px;
	padding:0px;
}
.box_green .button {
	margin:5px 0 0 0;
}
/*Contact Page*/

.left_details {
	float:left;
	width:240px;
}
.right_details {
	float:left;
	width:415px;
	margin-left:50px;
	padding-left:20px;
	border-left:1px solid #dfecf2;
}
.contact_title {
	color:#2d9fce;
	font-weight:bold;
	float:left;
	width:70px;
}
.contact_detail {
	float:left;
	width:100px;
	clear:right;
}
.forms {
	background-color:#FFFFFF !important; /*the important gets rid of the yellow google toolbar field style*/
	border:1px solid #c8cdd2 !important;
	margin:3px 0px;
	padding:4px;
}
.blue {
	color:#2d9fce;
}
#contact {
	border:0;
}
#contact label {
	float:left;
	width:80px;
	margin-right:15px;
	clear:left;
	color:#2d9fce;
	font-weight:bold;
	text-align:right;
	height:32px;
}
#contact input, #contact textarea {
	
}
#contact .submit_button {
	clear:left;
	margin-left:95px;
}



div#galerie 
{ 
    width: 675px ; 
    background: #eed ; 
    border: 1px solid #dcb ; 
    padding: 15px ; 
    margin: 15px 30px ; 
    text-align: center ; 
    font: 0.9em Georgia, serif ; 
} 
 
ul#galerie_mini 
{ 
    margin: 0 ; 
    padding: 0 ; 
    list-style-type: none ; 
} 
 
ul#galerie_mini li 
{ 
    float: left ; 
} 
 
ul#galerie_mini li a img 
{ 
    margin: 2px 1px ; 
    border: 1px solid #dcb ; 
} 
 
dl#photo 
{ 
    clear: both ; 
    margin: 0 auto ; 
} 
 
dl#photo dt 
{ 
    font: italic 2.5em/1.5em Georgia, serif ; 
    color: #dcb ; 
} 
 
dl#photo dd 
{ 
    margin: 0 ; 
} 
 
dl#photo img 
{ 
    border: 1px solid #dcb ; 
}