﻿*{
	margin:0;
	padding:0;
	font-size:100.01%;
	font-family: Tahoma, Arial;

}

html{
	background: black url(../i/wbg.gif) repeat-y left top;
}

img,
a img{
	border:0;
}

ul{
	list-style:none;
}

ul.inline li{
	display: inline;
}

a,
a:link,
a:visited,
a:hover{
	text-decoration:none;
}

body,
#wrapper{
	min-height: 600px;
}

body{
	background: url(../i/lbg.jpg) no-repeat 0 70px;
}

#wrapper{
	background: url(../i/rbg.jpg) no-repeat 484px 188px;
	min-width: 980px;
}

.clear{
	line-height:0;
	height:0;
	font-size:0;
}

.clear.b{
	clear:both;
}

.b.main,
.r.main{
	margin-bottom: 110px;
}

.clear.l{
	clear:left;
}

.clear.r{
	clear:right;
}

#flakon{
	position:absolute;
	left: 395px;
	top: 101px;
	z-index:5;
}

#sizes{
	position:absolute;
	left: 358px;
	top: 160px;
	z-index:6;
}

/*---------------------------------------logo---------------------------------------*/

#logo{
	position:relative;
	background-color:black;
}

#logo img{
	margin: 14px 0 0 40px;
}

/*---------------------------------------top-menu---------------------------------------*/

#top-menu{
	width: 100%;
	padding-top: 24px;
}

#top-menu,
#top-menu a{
	font-size: 0.83em; 
	color: #696969;
	text-transform:uppercase;
}

#top-menu li.right{
	float:right;
}

#top-menu li.right span{
	display:block;
	text-align:right;
	font-size:10px;
	text-transform:none
}

#top-menu li.red a{
	color:red;
}

#top-menu a{
	border-bottom: 1px dotted #696969;
}

#top-menu a:hover{
	color: red;
	border-bottom: 1px dotted red;
}

#top-menu li{
	float: left;
	margin: 0 12px;
}

/*---------------------------------------header---------------------------------------*/

#navbar,
#header{
	background-color: white;
}

#logo,
#navbar{
	height:65px;
}

/*---------------------------------------content---------------------------------------*/

#logo,
#content-left{
	float:left;
	width: 484px;
}

#navbar,
#content-right{
	margin-left: 484px;
}

#content-right{
	width: 475px;
}

#content-right h1{
	text-align: right;
	color: white;
	margin-right: 30px;
}

#content-left h1,
#content-right h1{
	font-size: 0.92em;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 15px;
}

#content-left p,
#content-right p{
	font-size: 0.8em;
	margin-bottom: 10px;
}

#content-right p{
	color: white;
}

/*---------------------------------------main---------------------------------------*/

#collections-pic {
	background-image:url(../i/collections0.png) ;
	background-repeat: no-repeat;
	background-position:center;
}
/*---------------------------------------pic---------------------------------------*/

.pic-box{
	float: left;
	width: 123px;
	height:174px;
	background-color:white;
	margin: 20px 35px 0 0;
}

.pic-bw{
	position: relative;
	width: 100%;
	height: 100%;
	border: 3px solid white;
	left: 5px;
	top: 5px;
}

.pic-bb{
	position: relative;
	width: 115px;
	height:166px;
	border-width: 3px 0 0 3px;
	border-style: solid;
	border-color: black;
	top: -3px;
	left: -3px;
}

.pic-view{
	height: 100%;
}

/*---------------------------------------linkbox---------------------------------------*/

.linkbox{
	margin: 25px 0 0 65px;
}

.linkbox div{
	cursor:pointer;
}

#content-left .linkbox p{
	margin-right: 90px;
}


#content-right .linkbox{
	margin-left: 154px;
}

#content-right .linkbox h1{
	text-align: left;
}

.textwrap{
	float:left;
}

/*---------------------------------------collections-main---------------------------------------*/

#collections-main-list{
	position:relative;
	left:5px;
	text-transform: uppercase;
	font-size: 0.9em;
}

#collections-main-list a{
	color: black;
}

#collections-main-list a:hover{
	color: red;
}


/*---------------------------------------history-main---------------------------------------*/

#history-main .pic-box{
	background-color:#DEDEDD;
}

#history-main .pic-bw{
	border-color: black;
}

#history-main .pic-view{
	position: relative;
	left: -10px;
	top: 13px;
}

#history-main .pic-bw,
#production-main .pic-bw,
#design-main .pic-bw{
	z-index:2;
	margin-top:-173px;
}

#production-main .pic-bw,
#design-main .pic-bw{
	top: -3px;
}



/*---------------------------------------design-main---------------------------------------*/

#design-main .pic-view img{
	position: relative;
	left: -5px;
	top: 50px;
}

/*---------------------------------------production-main---------------------------------------*/

.eng.linkbox{
	margin-top:155px !important;
	_margin-top:25px !important;
	zoom:1;
}

#production-main{
	background: url(../i/smoke.png) no-repeat 70px 55px;
}

#production-main .pic-view img{
	position: relative;
	left: 2px;
	top: 65px;
}

#production-main .pic-box,
#design-main .pic-box{
	background:none;
}

/*---------------------------------------design---------------------------------------*/

#des-bg{
	position: absolute; 
	top: 100px;
	left: 327px;
	width:320px; 
	height: 427px;
	background: url(../images/etdesign.jpg) no-repeat left top;
}

#des-bo{
	position:relative;
	top: 10px;
	left: 10px;
	width:317px; 
	height: 424px;
	border: 2px solid silver;
}

#content-left .design{
	margin: 340px 150px 0 65px;
}

#content-left .design.eng{
	margin-right:165px;
}

#content-right .design{
	margin: 45px 0 0 200px;
}

/*---------------------------------------production---------------------------------------*/

#prod-bg{	
	position: absolute; 
	background: url(../images/production.jpg) no-repeat left top;
	width:250px;
	height:250px;
	top: 100px;
	left: 30px;
}

#prod-bo{
	position:relative;
	height:200px;
	width:150px;
	border-width: 2px;
	border-style:solid;
	border-color: black white white black;
	top: -10px;
	left: 10px;
}	

#content-left .production{
	margin: 340px 15px 0 30px;
}

#content-right .production{
	margin: 30px 0 0 30px
}

#content-right .production h1{
	text-align: left;
}

#worldmap{
	float: left;
	background: url(../i/worldmap.png) no-repeat left top;
	width: 303px;
	height: 174px;
	margin-top: 38px;
}

#worldmap-bo{
	position: absolute;
	width: 160px;
	height: 120px;
	margin: -10px 0 0 123px;
	border: 2px solid white;
}

#countries{
	float: left;
	margin: 25px 0 0 10px;
	width: 100px;
}

#countries li{
	margin-bottom: 3px;
}

#countries li a{
	text-transform: uppercase;
}

/*---------------------------------------contacts---------------------------------------*/

#maps li{
	float: left;
	width: 45%;
	margin-right: 20px;
}

#maps,
#staff{
	margin: 30px 0 0 30px;
}

#maps .office{
	margin-top: 110px;
}

#maps .office a{
	border-bottom: 1px dotted black;
	color: black;
}

#staff li{
	float: left;
	width: 100%;
}


#staff .person{
	float: left;
	width: 240px;
	font-weight:bold;
}

#staff .email{
	float: right;
	text-align: right;
	width:200px;
	font-size: 0.8em;
}

#staff .email a{
	border-bottom: 1px dotted white;
	color:white;
	font-size: 0.9em;
}

#maps .office a:hover,
#staff .email a:hover{
	color: red;
}

#staff .part{
	margin-top: -10px;
	font-weight:normal;
}

#ifrmPrint{
	height:0;
	width:0;
}

#mailframe{
	width:300px;
	height: 400px;
}

/*---------------------- video ---------------------*/
#video-view{
	position:absolute;
	top:150px;
	left:170px;
	border:3px solid white;
	background:black;
}

.h1{
	margin: 25px 0 0 20px;
}

#video-info{
	position:absolute;
	top:650px;
	left:170px;
	width:300px;
	font-size:12px;
}

	#video-info p{
		margin-bottom:10px;
	}
	
	#video-info .date{
		color:#696969
	}
	
#watch_on_youtube{
	position:absolute;
	top:650px;
	left:630px;
	list-style:none;
}

	#watch_on_youtube a{
		display:block;
		height:20px;
		padding-left:25px;
		background:url(../i/youtube1.png) no-repeat 0 0;
		font-size:11px;
	}
	
	#watch_on_youtube .b-pseudo-link{
		display:block;
		padding-top:2px
	}
	
		#watch_on_youtube .b-pseudo-link,
		#watch_on_youtube .b-pseudo-link:link,
		#watch_on_youtube .b-pseudo-link:visited{
			color:#FFF;
			text-decoration:underline;
		} 
		
			#watch_on_youtube .b-pseudo-link:hover{
				text-decoration:none;
				
			}

.ymap{
	position:absolute;
	top:0;
	left:0;
	width:800px;
	height300px;	
}

.lang_selector{
	position:absolute;
	width:20px;
	height:12px;
	padding:1px;
	border:1px solid #FFF;
	top:23px;
	right:20px;
}

	.lang_selector:hover{
		border-color:red;	
	}

.lang_selector.ru{
	background: url(../i/rus.png) no-repeat center center;
}

.lang_selector.en{
	background: url(../i/en.png) no-repeat center center;
}