
/**************************************************************

	Image Menu
	v 2.1

**************************************************************/

#imageMenu {
	position: relative;
	width: 960px;
	height: 150px;
	overflow: hidden;
	margin:0 auto;
	text-align:left;
}

#imageMenu a.home, #imageMenu a.contact {
	display:block;
	width:156px; height:150px;
	margin-top:20px;
	float:left;
	text-indent: -20000px
}

body.ka #imageMenu a.home, body.ka #imageMenu a.contact {
	background-image: url(../img/navigation/menu-ka.jpg);
}

body.en #imageMenu a.home, body.en #imageMenu a.contact {
	background-image: url(../img/navigation/menu-en.jpg);
}

#imageMenu a.home {
	border-right:4px solid white
}

#imageMenu a.contact {
	position:absolute;
	top:0px; left:796px;
	background-position: right top;
	z-index:20;
	border-left:4px solid white
}

#imageMenu ul {
	list-style: none;
	display: block;
	height: 150px;
	width: 1500px;
	position: absolute;
	top:20px; left:160px;
}

#imageMenu ul li {
	float: left;
	width:156px; height:150px;
	overflow:visible;
	_overflow:hidden;
	border-right:4px solid white;

}

body.ka #imageMenu ul li {
	background-image: url(../img/navigation/menu-ka.jpg);
}
body.en #imageMenu ul li {
	background-image: url(../img/navigation/menu-en.jpg);
}

#imageMenu ul li a {
	cursor:pointer;
	display:block;
	float:left;
	overflow:hidden;
	height: 150px;
	text-indent: -3000px;
	width:150px
}

#imageMenu ul li.home {
	background-position: 0 0;
	width:156px;
}

#imageMenu ul li.projects {
	background-position: -200px 0;
	width:156px;
}

#imageMenu ul li.activities {
	background-position: -600px 0;
	width:156px;
}

#imageMenu ul li.aboutus {
	background-position: -1000px 0;
	width:156px;
}

#imageMenu ul li.library {
	background-position: -1400px 0;
	width:156px;
}

#imageMenu ul li.contact {
	background-position: right top;
	width:156px;
}

.clear {
	clear: both;
}

/* *****    S  U  B  N  A  V   ***** */

.subnav {
	margin:8px 0 0;
	width: 140px;
	height: 70px;
	display: block;
	float: left;
	text-align:right
}


#imageMenu ul li .subnav a {
	background-image: url(../img/navigation/subnav-ka.png);
	margin-left:10px;
	display:block;
	margin:0 0 2px 0px;
	color:black;
	font-size: 14px;
	width:140px;
	height:24px;
	float:none;
}
body.ka #imageMenu ul li .subnav a {
	background-image: url(../img/navigation/subnav-ka.png);
}
body.en #imageMenu ul li .subnav a {
	background-image: url(../img/navigation/subnav-en.png);
}


.s-completed {background-position:0 0;}			.s-completed:hover {background-position:-200px 0;}	
.s-current {background-position:0 -24px;}		.s-current:hover  {background-position:-200px -24px;}
.s-future {background-position:0 -48px;}		.s-future:hover  {background-position:-200px -48px;}
.s-trainings {background-position:0 -72px;}	.s-trainings:hover  {background-position:-200px -72px;}
.s-research {background-position:0 -96px;}		.s-research:hover  {background-position:-200px -96px;}
.s-consulting {background-position:0 -120px;}	.s-consulting:hover  {background-position:-200px -120px;}
.s-structure {background-position:0 -144px;}	.s-structure:hover  {background-position:-200px -144px;}
.s-members {background-position:0 -168px;}		.s-members:hover  {background-position:-200px -168px;}
.s-partners {background-position:0 -192px;}	.s-partners:hover  {background-position:-200px -192px;}
.s-books {background-position:0 -216px;}		.s-books:hover  {background-position:-200px -216px;}
.s-papers {background-position:0 -240px;}		.s-papers:hover  {background-position:-200px -240px;}
.s-reports {background-position:0 -264px;}		.s-reports:hover  {background-position:-200px -264px;}
