html, body {
      height:100%;
	  margin:0;
	  padding:0;
    	}
    html>body {
      min-height:100%;
      height:auto;
    	}
    
    body {
      position:relative;
	  font:normal 12px Tahoma;
	  color:#444;
	  min-width:760px;
	  line-height:150%;
	  background: #FFF url(i/body-bg.jpg) repeat-x top left;
	  min-width:760px;
	  max-width:1920px;
	  }
   	
    	
/************************/   
h1 {
	 margin:0 0 1em 0;
	 padding:0;
	 font:normal 20px Tahoma;
	 color:#333;
	 }
h2, span.h2 {
	 margin: .5em 0 .5em 0;
	 padding:0;
	 font:normal 17px Tahoma;
	 color:#333;
	 }
h3 {
	 margin:0 0 5px 0;
	 padding:0;
	 font:normal 14px Tahoma;
	 color:#333;
	 }
 p {
	 margin: .6em 0 .8em 0;
	 padding: 0;
	 text-align: left;
	 }
img { border:none;}

a {	color:#D00; outline: none;	}
a:hover { color:#D00; text-decoration:underline; }

ul { 
	margin:0;
	padding:5px 0 5px 20px;
	}
table {
	border-collapse:collapse;
	}
	td {
		vertical-align:top;
		margin:0;
		}
/************************/
.clearer:after {
	content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}
.clearer {display: inline-block;}

/* Hides from IE-mac \*/
* html .cleare {height: 1%;}
.clearer {display: block;}
/* End hide from IE-mac */
/************************/

#header { height:145px; }
	#header .logo {
		position:absolute;
		top:28px;
		left:30px;
		} 
	#logo-text {
		color:#666;
		width:200px;
		line-height:100%;
		font:normal 11px Tahoma;
		margin:70px 15% 0 280px;
		position:absolute;
		}
	#header-cloud-1 {
		background:url(i/header-cloud-1.gif) no-repeat left top;
		width:431px;
		height:92px;
		position:absolute;
		top:55px;
		right:30%;
		}
	#header-cloud-2 {
		background:url(i/header-cloud-2.gif) no-repeat left top;
		width:173px;
		height:45px;
		position:absolute;
		top:20px;
		right:5%;
		}
	a.eurolviv {
		position: absolute;
		top: 0;
		right: 10%;
		height: 101px;
		width: 320px;
		z-index: 1000;
		} 
	div.top-banner {
		position:absolute;
		width:320px;
		height:135px;
		border-bottom:solid 1px #f00;
		overflow:hidden;
		top: 0;
		right: 10%;
		z-index:1000;
		background:url(files/top-banner-bg.jpg) repeat-x bottom left #fff;
		}
		div.top-banner p {
			margin:5px 0 2px 0;
			}
		div.top-banner img {
			float:left;
			padding:35px 0 0 0;
			}
		div.top-banner a {
			display:block;
			color:#000;
			font-size:15px;
			line-height:170%;
			font-family:Arial;
			}
		
#main {
	margin:0;
	padding:0;
	position:relative;
	padding-bottom:230px;
	width:100%;
	}
	
	#left-navigation {
		width:190px;
		margin-left:30px;
		float:left;
		}
	#left-navigation * { owerflow: hidden	}
		
		#left-navigation ul { 
			margin:0 0 0 10px;
			padding:0;
			}
			#left-navigation ul li {
				list-style:none;
				padding:0; margin:0;
				}
			#left-navigation ul li a { 
				display:block;
				margin:0;
				padding:6px 0 0 20px;
				height:25px;
				line-height:240%;
				font: bold 10px Tahoma, Helvetica, sans-serif;
				text-decoration: none;
				text-transform: uppercase;
				color:#333;
				}
				#left-navigation ul li a:hover {
					text-decoration:none;
					color: #E10915;
					}
			#left-navigation ul li.active {
					background: url(i/nav-item-bg.gif) no-repeat top right;
					}
			#left-navigation ul li.active a{
					color: #E10915;
					text-decoration: none;
					}
			#left-navigation ul li.subnav a{
					color: #333;
					text-decoration: none;
					font: normal 10px Tahoma, Helvetica, sans-serif;
					text-transform: uppercase;
					padding-left: 35px;
					background: url(i/nav-subitem-bg.gif) no-repeat 24px 10px;
					}
			#left-navigation ul li.subnav a:hover { color: #E10915; }
			#left-navigation ul li.subnav-active a{
					color: #E10915;
					text-decoration: none;
					font: normal 10px Tahoma, Helvetica, sans-serif;
					text-transform: uppercase;
					padding-left: 35px;
					background: url(i/nav-subitem-bg.gif) no-repeat 24px 10px;
					}
        	#left-index-navigation {
        		margin:0 0 13px 30px;
        		width:110px;
        		}
				
	#right {
		width:60%;
		float:left;
		margin:0 0 0 60px;
		position:relative;
		display: block;
		owerflow: auto;
		z-index: 10;
		padding:0 0 30px 0;
		}
		.cols {	margin-top:40px; width:99%;	line-height: 130%;	position:relative;	}
		.col-1 { width:38%;	float:left;	}
		.col-2 { width:38%; margin-left:20%; float:left; }
		
/****************  article  *******************************/			
div.article {
            	margin:10px 0 25px 0;
            	position:relative;
            	left: -20px;
                }
div.article div.date {
				width: 40px; height: 40px;
				position: absolute;
				margin:0; padding: 8px 0 0 0;
				color: #D00; font: normal 10px Arial; 
				text-align: center;
				background: url(i/news-date-bg.gif) no-repeat top left;
                }
div.article div.title {
				position:relative;
				top:5px; left:50px;
				color: #333; 
				font-size: 20px;
				line-height: 18px;
 				}
div.article div.title a {
				font-size: 14px; 
				color: #000;
				text-decoration: underline;
 				}
div.article div.title a:hover {
				color: #D00;
				}
div.article div.brief {
				position:relative;
				top:7px; left:50px;
				margin-right:20px;
				color: #555;
				font-size: 11px;
				line-height: 130%;
				}
				
/****************  photos  *******************************/				
div.photos { height: auto; owerflow: auto; position: relative; padding: 20px 0 0 0; }
div.photos div.pic { float: left; margin: 5px 5px 0 0; padding: 0;}
div.photos div.pic img { border: none; margin: 0; padding:0; }
div.photos div.pic a img { padding: 2px; margin:0; border: #999 solid 1px; }
div.photos div.pic a:hover img { border: #d00 solid 1px;}

/****************  literatute  *******************************/
.literature-item {
	margin:10px 0 35px 0;
	color:#333;
	width:100%;
	}
	.literature-item td {
		line-height:140%;
		}
		.bordered-img img {
			border:#ccc solid 1px;
			padding:3px;
			margin:0 15px 0 0;
			}
		.book-name {
			font-size:13px;
			font-weight:bold;
			}
		.desc-value {
			font-size:11px;
			color:#666;
			
			}
			td.desc-value {
				width:20%;
				}
		.desc {
			padding-top:5px;
			font-size:11px;
			}
			.desc span {
				line-height:200%;
				}

div.pagenum-nav {
	margin:0 0 20px 0;
	height:23px;
	}
	div.pagenum-nav ul {
		margin:0;
		padding:0;
		text-align:center;
		}
		div.pagenum-nav ul li {
			margin:0;
			padding:0;
			list-style:none;
			float:left;
			}
			div.pagenum-nav a {
				color:#E10915;
				font-weight:bold;
				text-decoration:none;
				width:23px;height: 23px;
				display:block;
				line-height:180%;
				padding:0 0 0 1px;
				}
				div.pagenum-nav a:hover {
					text-decoration:none;
					}	
				div.pagenum-nav span.active{
					display:block;
					width:23px; height: 23px;
					background:url(i/glossary-nav-active-bg.gif) no-repeat top left;
					line-height:180%;
					padding:0 0 0 1px;
					color:#333;
					font-weight:bold;
					}	
				div.pagenum-nav img.nav-arrow {
					height:15px;
					width:15px;
					padding-top:10px;
					margin:0 10px 0 0;
					}	
				div.pagenum-nav a.nav-arrow-right {
					background:url(nav-arrow-right.gif) no-repeat center left;
					height:15px;
					width:15px;
					padding-top:10px;
					margin:0 0 0 10px;
					}		


/****************  glossary  *******************************/
div.glossary {
	}		
div.glossary .col-1 {
	width:135px;
	font-weight:bold;
	margin:0 10px 20px 0 ;
	padding:0;
	}	
div.glossary .col-2 {
	padding:0;
	margin:0 0 20px 0;
	width:70%;
	}
div.glossary-nav {
	margin:0 0 20px 0;
	height:23px;
	}
	div.glossary-nav ul {
		margin:0;
		padding:0;
		text-align:center;
		}
		div.glossary-nav ul li {
			margin:0;
			padding:0;
			list-style:none;
			float:left;
			}
			div.glossary-nav a {
				color:#E10915;
				font-weight:bold;
				text-decoration:none;
				width:23px;
				display:block;
				line-height:180%;
				padding:0 0 0 1px;
				}
				div.glossary-nav a:hover {
					text-decoration:none;
					}	
				div.glossary-nav span.active{
					color:#333;
					font-weight:bold;
					text-decoration:none;
					width:23px; height: 23px;
					display:block;
					line-height:180%;
					padding:0 0 0 1px;
					background:url(i/glossary-nav-active-bg.gif) no-repeat top left;
					}			
				.invis {display:none;}

			
		
/************ clients  ********************/		
.clients {
	margin-bottom:20px;
	line-height:140%;
	font-size:12px;
	color:#444;
	}
	.clients td {
		padding-bottom:10px;
		}
	.clients h2 {
		padding:0;
		margin:0;
		font-size:14px;
		}
		.clients h2 a {
			color:#000;
			font-weight:normal;
			}
			.clients h2 a:hover {
			color:#E10915;
			}
/********************************************/			
a.effects-link { color: #666; text-decoration: none; font: normal 11px Tahoma; border-bottom: #666 dashed 1px; }
img.effects-arrow { margin: 3px 3px 3px 6px;}			
/********************************************/
.clear {
	clear:both;
	font-size:1px;
	height:1px;
	background:transparent;
	}


/**************************
****** FOOTER *************
***************************/

#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:280px;
	font:normal 11px Tahoma;
	color:#666;
	z-index: 1;
	}
	#footer .copy {
		position:absolute;
		top:180px;
		left:5%;
		}
	#footer a.qb {
		position: absolute;
		top: 175px;
		right: 0;
		}
		
	#footer .address {
		position:absolute;
		top:144px;
		left:60%;
		}
	#footer-chears1 {
		background:url(i/footer-chears.png) no-repeat top left;
		width:499px;
		height:236px;
		position:absolute;
		top:25px;
		left:2%;
		}
	#footer-clouds-1 {
		background:url(i/footer-clouds-1.gif) no-repeat left top;
		width:505px;
		height:75px;
		position:absolute;
		top:0;
		left:10%;
		}
	#footer-clouds-2 {
		position:absolute;
		top:0;
		left:40%;
		background:url(i/footer-clouds-2.gif) no-repeat left top;
		width:60%;
		height:75px;
		}
	#footer-clouds-3 {
		position:absolute;
		top:60px;
		left:50%;
		background:url(i/footer-clouds-3.gif) no-repeat left top;
		width:50%;
		height:100px;
		}
	#footer-clouds-4 {
		background:url(i/footer-clouds-4.gif) no-repeat left top;
		width:564px;
		height:128px;
		position:absolute;
		top:130px;
		right:10%;
		}
	
	
	
/************ page imgs ***************/
			
		#pageimg-baloons {
			position:absolute;
			top:10%;
			right:8%;
			z-index: 9;
			}
		#pageimg-zmiyka {
			position:absolute;
			top:10%;
			right:8%;
			z-index: 9;
			}
		#pageimg-litachki {
			position:absolute;
			top:10%;
			right:8%;
			z-index: 9;
			}
		#pageimg-deltaplancheg {
			position:absolute;
			top:6%;
			right:8%;
			z-index: 9;
			}				
		#pageimg-zeppelin {
			position:absolute;
			top:4%;
			right:2%;
			z-index: 9;
			}	
/************ propositions and presentations ***************/
.proposition-box {
	border-left:2px solid #ddd; 
	border-right:2px solid #ddd; 
	margin:40px 0pt 30px; 
	position:relative; 
	background-color:#fff;
	display:none;
	}
	.proposition-top, .proposition-bot {
		border-top:2px solid #ddd; 
		margin:0 10px;  
		position:relative; 
		height:10px; 
		background-color:#fff;
		}
	.proposition-top {
		top:-12px;
		}
	.proposition-bot {
		border-top:none; 
		border-bottom:2px solid #ddd; 
		bottom:-12px;
		}
		.proposition-box .left, .proposition-box .right {
			background:url(i/proposition-corners.gif) no-repeat 0px 0px; 
			overflow:hidden; 
			position:absolute; 
			width:12px; 
			height:12px;
			}
		.proposition-top .left { 
			left:-12px;
			top:-2px;
			}
		.proposition-top .right {
			background-position:-13px 0px; 
			right:-12px;
			top:-2px; 
			}
		.proposition-bot .left {
			background-position:0px -13px;
			left:-12px;
			bottom:-2px;
			}
		.proposition-bot .right {
			background-position:-13px -13px;
			right:-12px;
			bottom:-2px;
			}
ul.language {
	position:relative;
	top:-10px;
	list-style:none;
	padding:0 0 0 7%;
	}
	ul.language li {
		color:#E10915;
		float:left;
		margin:0 10px 0 0;
		cursor:default;
		}
	ul.language li.current {
		color:#888;
		border-bottom:solid 3px #aaa;
		}
ul.propositions {
	list-style:none;
	padding:5px 0 0 7%;
	}
	ul.propositions li {
		padding:3px 0 5px 0;
		display:none;
		}
	ul.propositions li.current {
		display:block;
		}
	ul.propositions li h1 {
		margin:0 0 10px 0;
		}
	ul.tours li .col-2,
	ul.propositions li .col-2 {
		margin-left:11%;
		}
ul.tours {
	list-style:none;
	padding:0 0 20px 7%;
	}
	ul.tours li {
		padding:10px 0 0 0;
		}
	ul.tours h1 {
		margin:0;
	}
	ul.tours li .col-2 {
		margin-left:11%;
		}
	ul.tours li a {
		display:block;
		font-family:Arial;
		font-size:15px;
		line-height:170%
		}