/* index.css
 * 16.07.2008
 * http://cetis-media.ru
 * Dmitriy Shaludin (dodgecaper@gmail.com)
*/
* {
	margin:0;
	padding:0;
}
body{
	font-size:100%;
	font-family: Arial, Arial, Helvetica, sans-serif;
	color:#000;
	height:2494px;
	background:#000;
}
html, body {height: 100%;}
a{
	outline:none;
	color:#1795AC;
}
a img{
	border:none;
}
h1, h2, h3, h4{
	font-weight:normal;
	font-family: Georgia, serif;
}
img.img{
	display:block;
	border:solid 1px #C2C2C2;
	padding:5px;
	margin:0px 0px 20px 0px;
}
#loader{
	position:absolute;
	top:200px;
	left:50%;
	width:624px;
	height:368px;
	margin:0px 0px 0px -312px;
	background:url(/images/loading.gif) no-repeat;
}
#bg {
	background:url(/images/main/body_bg.jpg) no-repeat 50% 0%;
	min-width:999px;
	position:relative;
	z-index:100;
	}

#wrapper {
	position: relative;
	font-size:14px;
	height:2494px;
	overflow:hidden;
	}
	#wrapper #map{
		position:absolute;
		bottom:0px;
		margin:0px 0px -320px 0px;
		height:505px;
		width:100%;
		background:url(/images/main/map_top.gif) no-repeat 50% 0%;
		z-index:5;
		}
		#wrapper #map .content{
			top:90px;
			background:url(/images/main/map_bg.jpg) no-repeat 50% 0px;
			height:505px;
			position:relative;
			text-align:center;
			}
			#wrapper #map #location{
				font-size:12px;
				color:#5d5d5d;
				font-family: Georgia, serif;
				text-align:center;
				position:relative;
				width:950px;
				margin:0px auto 0px auto;
				text-align:left;
				}
				#wrapper #map #location a{
					color:#5d5d5d;
					text-decoration:none;
					display:block;
					padding:0px 0px 1px 0px;
					background:url(/images/main/dashed-line.gif) repeat-x 0% 100%;
				}
				#wrapper #map #location ul{
					list-style:none;
					position:relative;
					}
					#wrapper #map #location ul li{
						position:absolute;
						top:0px;
						left:0px;
						}
						#wrapper #map #location ul li#l1{
							left:560px;
							top:53px;
						}
						#wrapper #map #location ul li#l2{
							left:622px;
							top:110px;
						}
						#wrapper #map #location ul li#l3{
							left:488px;
							top:167px;
						}
						#wrapper #map #location ul li#l4{
							left:432px;
							top:214px;
						}
						#wrapper #map #location ul li#l5{
							left:721px;
							top:235px;
						}
						#wrapper #map #location ul li#l6{
							left:642px;
							top:280px;
						}
			#wrapper #map .content #list{
				position:absolute;
				top:10px;
				left:9%;
				width:381px;
				height:332px;
				text-align:left;
				}
			#wrapper #map .content #list #list_bg{
				background:url(/images/main/list_bg.png) no-repeat;
				width:381px;
				height:332px;
				position:absolute;
				top:0;
				left:0;
				z-index:1;
				}
				#wrapper #map .content #list .news{
					position:relative;
					padding:50px 40px 50px 70px;
					z-index:10;
					}
					#wrapper #map .content #list .news h2.title{
						font-size:17px;
						color:#dd0000;
						font-family: Georgia, serif;
					}
					#wrapper #map .content #list .news h2.title a{
						color:#dd0000;
						text-decoration:none;
					}
					#wrapper #map .content #list .news p{
						font-size:12px;
						color:#969696;
						margin:0px 0px 10px 0px;
					}
					#wrapper #map .content #list .news .date{
						font-size:100%;

						color:#606060;
						font-family: Georgia, serif;
						font-size:17px;
						}
						#wrapper #map .content #list .news .date span{
							border-top:solid 1px #dd0000;
							font-size:43px;
						}
					#wrapper #map .content #list .news .link{
						font-family: Georgia, serif;
						color:#dd0000;
						padding:0px 0px 0px 0px;
						}
						#wrapper #map .content #list .news .link a{
							color:#dd0000;
						}
			#wrapper #map #compas{
				position:absolute;
				top:-75px;
				right:-120px;
				width:167px;
				height:248px;
				background:url(/images/main/map_kompas.png) no-repeat;
			}
			#wrapper #map #v_tur {
				position:absolute;
				top:-155px;
				left:42%;
				width:223px;
				height:216px;
				z-index: 12;
			}
			#wrapper #map .content #footer{
				}
	#wrapper #text{
		font-size:14px;
		color:#fff;
		position:absolute;
		left:50%;
		top:693px;
		width:500px;
		margin:0px 0px 0px -450px;
		padding:0px 499px 0px 0px;
	}
	#wrapper #logo{
		position:absolute;
		top:1630px;
		width:999px;
		margin:0px 0px 0px -450px;
		left:50%;
		text-align:right;
		z-index:5;
		}
		#wrapper #logo img{
			float:right;
			margin: 0px 90px 0px 0px;
		}
	#wrapper #langswitch{
		position:absolute;
		top:1600px;
		width:909px;
		margin:0px 0px 0px -450px;
		left:50%;
		text-align:right;
		z-index:5;
		font-family:Georgia;
		font-size:11px;
		}
	
	#wrapper #done {width:999px;left:50%;margin:0 0 0 -450px;position:absolute;top:1748px;z-index:10;}
	#wrapper #done #akciya {width:248px;height:254px;position:absolute;top:0px;right:10px;background:url(/images/main/done.png) no-repeat}
	#urban-awards2011 {
		position: absolute;
		top: -80px;
		right: -70px;
		width: 133px;
		height: 196px;
	}
	#wrapper #features{
		position:absolute;
		width:311px;
		height:379px;
		bottom:130px;
		left:50%;
		z-index:12;
		margin:0px 0px 0px -155px;
		}
		#wrapper #features .inner{
			position:relative;
		}
		#wrapper .inner #features_bg{
			position:absolute;
			width:311px;
			height:379px;
			top:0px;
			left:0px;
			background:url(/images/main/list-main_bg.png) no-repeat;
			z-index:10;
		}
		#wrapper #features .content{
			position:relative;
			z-index:20;
			padding:40px 0px 0px 2px;
			}
			#wrapper #features .content h2{
				font-size:30px;
				color:#dd0000;
				border-left:solid 5px #dd0000;
				line-height:90%;
				padding:0px 0px 0px 30px;
				margin:0px 20px 10px 0px;
			}
			#wrapper #features .content h2 a{
				color:#dd0000;
			}
			#wrapper #features .content p{
				color:#969696;
				font-size:12px;
				padding:0px 20px 0px 35px;
				}
				#wrapper #features .content p strong{
					font-size:18px;
					font-weight:normal;
				}
		#wrapper #features .inner .close{
			position:absolute;
			top:17px;
			right:16px;
			z-index:30;
			}
		#wrapper #features .inner .close a{
			font-size:12px;
			color:#969696;
			background:url(/images/main/list-main-close.gif) no-repeat 100% 50%;
			padding:2px 12px 2px 0px;
			text-decoration:none;
		}
	#nav{
		position:relative;
		width:100%;
		}
		#nav a{
			color:#fff;
		}
		#nav ul{
			margin:670px auto 0px auto;
			position:relative;
			min-width:999px;
			max-width:1150px;
			font-family: Georgia, serif;
			color:#fff;
			font-size:17px;
			}
			#nav ul li{
				list-style:none;
				position:absolute;
			}
			#nav ul li.active a{
				text-decoration:none;
			}
			#nav ul li#nav_1t{
				font-size:20px;
				right:35px;
				top:23px;
			}
			#nav ul li#nav_2t{
				font-size:24px;
				right:105px;
				top:195px;
			}
			#nav ul li#nav_3t{
				top:345px;
				left:10px;
				font-size:18px;
				padding:0px 0px 0px 20px;
			}
			#nav ul li#nav_4t{
				top:435px;
				right:115px;
				font-size:28px;
			}
			#nav ul li#nav_5t{
				top:580px;
				left:0px;
				font-size:20px;
				padding:0px 0px 0px 20px;
			}
	#menu{
		font-family: Georgia, serif;
		color:#fff;
		font-size:17px;
		background:url(/images/main/header_constellation.png) no-repeat 0px 20px;
		left:14%;
		left:50%;
		top:1605px;
		position:absolute;
		width:680px;
		height:102px;
		margin:0px 0px 0px -100px;
		margin-left:-450px;
		z-index:10;
		}
		#menu ul{
			}
			#menu ul li{
				list-style:none inside;
				display:block;
				position:absolute;
				}
				#menu ul li a{
					color:#1795ac;
				}
				#menu ul li#nav_1{
					left:-26px;
					top:0px;
					}
					#menu ul li#nav_1 a {
						color: #D00;
					}
				#menu ul li#nav_2{
					left:7px;
					top:72px;
					font-size:28px;
				}
				#menu ul li#nav_3{
					left:143px;
					top:27px;
				}
				#menu ul li#nav_4{
					left:207px;
					top:97px;
					font-size:20px;
				}
				#menu ul li#nav_5{
					left:345px;
					top:43px;
				}
				#menu ul li#nav_6{
					left:360px;
					top:95px;
					font-size:20px;
				}
				#menu ul li#nav_7{
					left:500px;
					top:55px;
					font-size:18px;
				}
				#menu ul li#nav_7 a.lightact{
					color:#f35000;
					opacity: 100;
				}
				#menu ul li.active{
				font-size:26px;
					}
					#menu ul li.active a{
						opacity: 1;
						text-decoration:none;
					}

				#menu ul li#nav_8{
					left:570px;
					top:95px;
					font-size:16px;
					font-weight:bold;
				}
				
				#menu ul li#nav_9 {
					left:617px;
					top:60px;
				}
				#menu ul li#nav_10 {
					left: 680px;
					top: 110px;
				}
				#menu ul li#nav_11 {
					top: 7px;
					left: 404px;
					font-size: 18px;
					}
					#menu ul li#nav_11 a {
						color: #D00;
					}
	#footer{
		width:980px;
		margin:0px auto 0px auto;
		font-size:11px;
		color:#606060;
		position:relative;
		text-align:left;
		}
		#footer a{
			color:#606060;
			text-decoration:none;
			}
			#footer a:hover {
				text-decoration:underline;
			}
	#footer #cetis{
		position:absolute;
		left:45px;
		top:350px;
		}
		#footer #cetis p{
			margin:5px 0px 0px 0px;
		}
	#footer #lider{
		position:absolute;
		right:0px;
		top:350px;
	}
	#footer #lider p {
		padding-left:130px;
		position:absolute;
		top:10px;
		width:200px;
	}
/* animation */
#stars{
	/*border:solid 1px red;*/
	position:absolute;
	width:999px;
	height:270px;
	top:400px;
	left:50%;
	margin:0px 0px 0px -499px;
	background:url(/images/main/stars-1.gif) no-repeat;
}
#car{
	position:absolute;
	width:234px;
	height:42px;
	top:2080px;
	left:50%;
	margin:0px 0px 0px -42px;
	background:url(/images/main/car.gif) no-repeat;
}

#bird {
height:6px;
left:50%;
margin:0px 0px 0px 360px;
position:absolute;
top:1935px;
width:180px;
}
#bird img {position:absolute;}

#plane{
	position:absolute;
	top:1713px;
	left:50%;
	width:257px;
	height:309px;
	margin:0px 0px 0px -435px;
	z-index:1;
}
#plane img {position:absolute;left:100px;top:70px;display:none;}

#dom {
left:50%;
margin-left:-182px;
position:absolute;
top:1825px;
z-index:2;
}
#ten-1{
	position:absolute;
	opacity:.7;
	left:50%;
	top:2183px;
	width:579px;
	height:241px;
	margin:0px 0px 0px -949px;
	background:url(/images/main/tenyaka.gif) no-repeat;
}
#ten-2{
	position:absolute;
	opacity:.7;
	left:50%;
	top:2128px;
	width:324px;
	height:89px;
	margin:0px 0px 0px 275px;
	background:url(/images/main/tenyaka2.gif) no-repeat;
}
#butterfly{
	opacity:.7;
	left:50%;
	width:547px;
	height:280px;
	top:2214px;
	position:absolute;
	margin:0px 0px 0px 276px;
	background:url(/images/main/butter.gif) no-repeat;
}

#flash {position:absolute;bottom:0px;height:1000px;width:100%;z-index:3;}

#devel{
	position:fixed;
	border:solid 2px red;
	padding:10px;
	bottom:0;
	left:0;
	background:#fff;
	z-index:100;
	font-size:50px;
}

#html-light { 
	text-align:center;
	padding:260px 0px 0px 0px;
}	#html-light a { margin-left:70px;}
#wrapper #penthouses {
	width:110px;
	height: 37px;
	left:50%;
	margin:0 0 0 -41px;
	position:absolute;
	top:1780px;
	z-index:8;
}
