html {
	height: 100%; /* Если так не написать, Опера начинает глючить с фоном */
	
	background: #F8EED3 url(i/html.jpg) center center;
}

body {
/*	width: 836px;
	height: 912px;*/
}

#counters {
 width: 631;
 position: absolute;   
 top: 1000;
 left: 50%;
 margin: -315px 0 0 -418px;
		}
#alla_travels {
	margin-top: 8px;
		width: 300px;
		line-height: 1.4em;
		font-size: 0.6em;
		margin-left: 20px;
		text-decoration: none
		}
#allalogo {
    top: 500px;
		left: 350px;
		width: 300 px;
		height: 50px;
		}
		
/*______________ Прямоугольник сайта */

#site {
	width: 836px;
	height: 631px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -315px 0 0 -418px;
}

#col_left {
	width: 413px;
	height: 631px;
	float: left;
	position: relative;
	
	font-size: 1.1em;
	line-height: 1.1em;
	
	background: #F9F1DA url(i/col_left.jpg) no-repeat;
}

#col_left a {text-decoration: none;}
#col_left a:hover {text-decoration: underline;}

	#left_skin {
		width: 413px;
		height: 631px;
	}
	
	#left_skin.africa{
		background: url(i/col_left_africa.jpg) no-repeat 16px 93px;
	}

#col_right {
	float: left;
	width: 423px;
	height: 629px;
	background: #F9F1DA url(i/col_right.jpg) no-repeat;
}

/* Стили для логотипа компанни на правой странички на страничке «Контакты» */

#col_right h1 img {
	margin-top: -26px;
}

	#page_skin.start_page {
		// padding: 0;
	}
	
	#page_skin.start_page img {
		// position: absolute;
		// left: 442px;
		// top: 42px;
	}

/*_____ Скины для правых страничек */

#page_skin {
	padding: 35px 78px 105px 60px;
	height: 491px; /* 631 = 35 + 105 + 491 */
	width: 285px;  /* 423 = 78 + 60 + 283 */
	float: left;
}

	#page_skin.rail {
		background: url(i/col_right_rail.jpg) no-repeat 33px 326px;
	}	

	#page_skin.gipo {
		background: url(i/col_right_gipo.jpg) no-repeat right bottom;
	}

	#page_skin.safari {
		background: url(i/right_col_gena.gif) no-repeat  20px 472px;
	}

/*______________ Главная навигация */

#navigation_main {
	list-style: none;
	position: relative;
}

#navigation_main li {
	display: block;
	position: absolute;
}

#navigation_main a {
	display: block;
	width:  100%;
	height:  100%;
	
	text-indent: -9999px;
	text-decoration: none;
}

	#navigation_main a:hover { text-decoration: none; }
	#navigation_main a:hover { background-position: 0 0; }

	#nav_main_about {
		left: 18px;
		top: 95px;
		width: 209px;
		height: 125px;
		
		background: url(i/nav_main_about.jpg) no-repeat;
	}

	#nav_main_about a { background: url(i/nav_main_about_hover.jpg) no-repeat 0 -54px; }
	
	#nav_main_africa {
		left: 227px;
		top: 95px;
		width: 161px;
		height: 181px;
		
		background: url(i/nav_main_africa.jpg) no-repeat;		
	}

	#nav_main_africa a { background: url(i/nav_main_africa_hover.jpg) no-repeat 0 -75px; }
	
	#nav_main_country {
		left: 18px;
		top: 220px;
		width: 221px;
		height: 152px;
		
		background: url(i/nav_main_country.jpg) no-repeat;
	}

	#nav_main_country a { background: url(i/nav_main_country_hover.jpg) no-repeat 0 -114px; }
	
	#nav_main_train {
		left: 239px;
		top: 276px;
		width: 168px;
		height: 210px;
		
		background: url(i/nav_main_train.jpg) no-repeat;
	}

	#nav_main_train a { background: url(i/nav_main_train_hover.jpg) no-repeat 0 -125px; }
	#nav_main_train a:hover { background-position: 77px 0; }
	
	#nav_main_offer {
		left: 18px;
		top: 471px;
		width: 221px;
		height: 107px;
		
		background: url(i/nav_main_offer.jpg) no-repeat;
	}

	#nav_main_offer a { background: url(i/nav_main_offer_hover.jpg) no-repeat 0 -107px; }
	#nav_main_offer a:hover { background-position: 4px 8px; }
	
	#nav_main_contact {
		left: 18px;
		top: 372px;
		width: 221px;
		height: 99px;
		
		background: url(i/nav_main_contact.jpg) no-repeat;
	}
	
	#nav_main_contact a { background: url(i/nav_main_contact_hover.jpg) no-repeat 0 -83px; }
	#nav_main_contact a:hover { background-position: 0 22px; }

	
/*_____ звуко-кнопка */	
#sound {
	position: absolute;
	bottom: 31px;
	left: 248px;
}	

.left_page_find a {
	position: absolute;
	bottom: 36px;
	left: 202px;
	width: 31px;
	height: 38px;

	text-decoration: none;
	text-indent: -9999px;

	background: url(i/find_button.gif) no-repeat;
}

#col_left .left_page_find a:hover { text-decoration: none;} 

.left_page_home a {
	position: absolute;
	bottom: 32px;
	left: 148px;
	width: 34px;
	height: 43px;

	text-decoration: none;
	text-indent: -9999px;

	background: url(i/home_button.gif) no-repeat;
}

#col_left .left_page_home a:hover { text-decoration: none;} 

.left_page_contacts a {
	position: absolute;
	bottom: 30px;
	left: 310px;
	width: 79px;
	height: 52px;

	text-decoration: none;
	text-indent: -9999px;

	background: url(i/contact_button.gif) no-repeat;
}

#col_left .left_page_contacts a:hover { text-decoration: none;}


/*______________ Графические заголовки */

#about_africa {
	width: 141px;
	height: 39px;
	margin: 0 auto 27px auto;
	
	text-indent: -9999px;
	
	background: url(i/h_about_africa.jpg) no-repeat;
}

#best_of_africa {
	display: block;
	width: 232px;
	height: 44px;
	position: absolute;
	top:  28px;
	left: 104px;
	
	text-indent: -9999px;
	
	background: url(i/h_best_of_africa.jpg) no-repeat;
}

#train_lux {
	margin: 0 auto 27px auto;
	width: 186px;
	height: 38px;
	
	text-indent: -9999px;

	background: url(i/h_train_lux.gif) no-repeat;
}

#strany_ostrova {
	display: block;
	width: 268px;
	height: 47px;
	position: absolute;
	top:  28px;
	left: 74px;
	
	text-indent: -9999px;
	
	background: url(i/h_strany_ostrova.gif) no-repeat;
}
 
#page_title_14 { text-indent: -9999px; height: 25px; width: 268px; background: url(i/coun/uar.gif) no-repeat center center; } 
#page_title_104 { text-indent: -9999px; height: 25px; width: 268px; background: url(i/coun/nambija.gif) no-repeat center center; } 
#page_title_101 { text-indent: -9999px; height: 25px; width: 285px; background: url(i/coun/madagaskar.gif) no-repeat center center; }
#page_title_98 { text-indent: -9999px; height: 25px; width: 268px; background: url(i/coun/zimbabve.gif) no-repeat center center; }

#page_title_106 { text-indent: -9999px; height: 25px; width: 268px; background: url(i/coun/tanzanija.gif) no-repeat center center; } 
#page_title_103 { text-indent: -9999px; height: 25px; width: 268px; background: url(i/coun/mozambik.gif) no-repeat center center; } 
#page_title_99 { text-indent: -9999px; height: 25px; width: 268px; background: url(i/coun/mavrikij.gif) no-repeat center center; }
#page_title_41 { text-indent: -9999px; height: 25px; width: 268px; background: url(i/coun/zambija.gif) no-repeat center center; }

#page_title_15 { text-indent: -9999px; height: 25px; width: 268px; background: url(i/coun/botsvana.gif) no-repeat center center; } 
#page_title_100 { text-indent: -9999px; height: 25px; width: 268px; width: 268px; background: url(i/coun/kenija.gif) no-repeat center center; } 
#page_title_102 { text-indent: -9999px; height: 25px; width: 268px; background: url(i/coun/maldivy.gif) no-repeat center center; }
#page_title_105 { text-indent: -9999px; height: 25px; width: 268px; background: url(i/coun/sejshelly.gif) no-repeat center center; }


/*_____ Навигация по странам */

#navigation_africa {
	position: absolute;
	left: 20px;
	top: 340px;
	
	font-size: 1.3em;
	font-weight: bold;
	list-style: none;

	color: #AE5B33;
}
	#navigation_africa li {
		margin-bottom: 3px;
	}

	#navigation_africa a {
		padding-left: 25px;
	
		line-height: 17px;
		text-decoration: none;
	
		color: #5A4C32;
		background: url(i/navigation_africa_li2.gif) no-repeat left center;
	}
	
	#navigation_africa a:hover {
		color: #AE5B33;
	}


#local_nav {
	position: absolute;
	width: 190px;
	padding-left: 20px;
	height: 470px;
	top: 40px;
	left: 0px;
	
	text-align: right;
	
	color: #6B2403;
}

#local_nav h2,
#services h2 {
	margin-bottom: .5em;

	text-align: center;
	font: bold 1.2em "Tahoma", Times, serif;
}

	#local_nav h2 {
		padding-right: 20px;
		text-indent: -9999px;
		
		background: url(i/navigation_h2.gif) no-repeat center center;
	}

#local_nav a,
#services a {
}

#local_nav a:hover,
#services a:hover {
	text-decoration: underline;
	
	color: #AE5B33;
}

	#local_nav ul,
	#services ul {
		margin-left: 10px;
		
		font-weight: bold;
		list-style: none;
	}
	
	#services ul {
		font-weight: normal;
	}
	
		#local_nav ul li {
			margin-bottom: 5px;
		}	
		
		#local_nav ul ul {
			font-weight: normal;
		}
		
			#local_nav ul ul li {
				margin-bottom: 0px;
			}
			
			.LSM_1 {
				text-decoration: none;
			}
			
			.LSM_currentPage {
				font-weight: bold;
			}

#services {
	position: absolute;
	width: 195px;
	height: 410px;
	top: 40px;
	left: 215px;
	
	color: #6B2403;
}

	#services ul {
		margin-left: 0;
		margin-top: 35px;
	}
	
	#services ul li {
		margin-bottom: 0;
		
		font-weight: bold;
	}
	
	#services h2 {
		text-indent: -9999px;
		
		background: url(i/services_h2.gif) no-repeat center center;
	}

#country_menu {
	position: absolute;
	top: 420px;
	left: 20px;
	width: 300px; // width: 350px;
	// padding-top: 2px;
}

	#country_menu li {
		text-align: left;
		float: left;
		width: 70px;
		line-height: 1.2em;
		padding-left: 20px;
		margin-left: 7px;
		
		background: url(i/h_mini_strany_ostrova.gif) no-repeat left center;
	}
	
	.nav_active {
		color: #AE5B33!important;
		text-decoration: underline!important;
	}
	
	.nav_inactive {
		color: #5a4c32!important;
		text-decoration: none!important;
	}
	
	.cur_country {
		color: #6B2403;
	}

/* Карта Африки */

#yuar {
	position: absolute;
	left: 204px;
	top: 471px;
	width: 85px;
	height: 70px;
	
	z-index: 1;
	
	background: url(i/map/uar.gif) no-repeat -85px;
}

#mozambik {
	position: absolute;
	left: 283px;
	top: 405px;
	width: 55px;
	height: 86px;
	
	background: url(i/map/mozambik.gif) no-repeat -55px;
}

#tanzanija {
	position: absolute;
	left: 279px;
	top: 352px;
	width: 58px;
	height: 58px;
	
	background: url(i/map/tanzanija.gif) no-repeat -58px;
}

#kenija {
	position: absolute;
	left: 304px;
	top: 317px;
	width: 43px;
	height: 52px;
	
	background: url(i/map/kenija.gif) no-repeat -43px;
}

#zambija {
	position: absolute;
	left: 236px;
	top: 394px;
	width: 63px;
	height: 52px;
	
	background: url(i/map/zambija.gif) no-repeat -63px;
}

#namibia {
	position: absolute;
	left: 177px;
	top: 440px;
	width: 53px;
	height: 68px;
	
	z-index: 5;
	
	background: url(i/map/namibia.gif) no-repeat -53px;
}

#botsvana {
	position: absolute;
	left: 224px;
	top: 446px;
	width: 46px;
	height: 50px;
	
	z-index: 2;
	
	background: url(i/map/botsvana.gif) no-repeat -46px;
}

#zimbabve {
	position: absolute;
	left: 256px;
	top: 434px;
	width: 39px;
	height: 37px;

	z-index: 3;
	
	background: url(i/map/zimbabve.gif) no-repeat -39px;
}

#madagaskar {
	position: absolute;
	left: 348px;
	top: 414px;
	width: 44px;
	height: 78px;
	
	background: url(i/map/madagaskar.gif) no-repeat -44px;
}

#yuar, #mozambik, #tanzanija, #kenija, #zambija,
#namibia, #botsvana, #zimbabve, #madagaskar {
	text-indent: -9999px;
	text-decoration: none!important;
} 

#yuar:hover, #mozambik:hover, #tanzanija:hover, #kenija:hover, #zambija:hover,
#namibia:hover, #botsvana:hover, #zimbabve:hover, #madagaskar:hover, .map_active {
	background-position: 0 0!important;
}

/* content scroll */

#box {
	position: absolute;
	left:455px;
	top:65px;
	width:325px;
	height:330px;
	z-index:1;
}

#up {
	position: absolute;
	right: 38px;
	top: 65px;
	z-index:2;
	
	cursor:pointer;
}

#track {
	position: absolute;
	background: url(i/scroll_track.gif) repeat-y 9px 0;
	right: 38px;
	top: 94px;
	height: 321px;
	width: 18px;
	z-index:3;
}

#drag {

}

#down {
	position: absolute;
	right: 38px;
	top: 414px;
	z-index: 5;
	cursor: pointer;
}

#contentMask {
	position: absolute;
	left: 455px;
	top: 105px;
	width: 308px;
	height: 303px;
	clip: rect(0,308px,303px,0);
	overflow: hidden;
	z-index: 6;
}

#content {
	position: absolute;
	left: 0;
	top: 0;
	width:308px;
}



#descriptions {
	position: absolute;
	left: 413px;
	top: 430px;
	height: 201px;
	width: 423px;
	
	color: #6B2403;
}

	.lion #descriptions {
		background: url(i/col_right_lion.jpg) no-repeat 213px -3px;
	}


	#descriptions ul {
		list-style: none;
		margin-left: 43px;
	}

	#descriptions_block {
		margin-top: 15px;
		width: 190px;
		line-height: 1.4em;
		font-size: 1.1em;
		margin-left: 43px;
	}

			
/* главная страничка - картинка */

.start_page img {
	position: relative;
	left: -30px;
	top: 8px;
}

#content img,
#content_left img {
	padding: 8px;
	margin: 0 1em .1em 0;
	
	background: #EFE8D5;
	border: 1px solid #AE5B33;
}

#content img.centered,
#content_left img.centered {
	display: block;
	margin: 0 auto;
}

#content img.righted,
#content_left img.righted  {
	border: none;
	float: right;
	
	padding: 0;
	margin: 0 0 .5em 1em;
}

	#content img:hover,
	#content_left img:hover {
		background: #fff;
	}

#content .img_galerie {
	
}

#content .img_galerie img {
	margin: 0 2px 2px 0;
}

#content_left {
	font-size: 0.9em;
}
