/**
* index.css
* main stylesheet
* 'Media Sher' - 2010
* by Khoroshilov Evgeniy [RUff]
* Webway company - 2010
*/

/*color scheme GENERAL*/
/*

 text			#fff
 dark			#333
 cyan			#00f0ff
 cyan-2			#00c6ff

*/

/*-------------import---------------*/

@import url("reset.css");
@import url("c.css");

/*-------------general--------------*/

html {height: 100%;}

body {
	background: #333 url(/_pic/back/hd_back.jpg) repeat-x 0 0;
	color: #fff;
	font: normal 10px/100% Arial, Tahoma, "MS Sans Serif", sans-serif;
	letter-spacing:-0.04em;
	min-height: 100%;height: 100%;overflow: visible;
}

/*safari//chrome*//*opera*/
@media all and (min-width:0px) {
	head~body #hd {letter-spacing: -0.1em;}
}

#wrap {
	width: 100%;/*1126*/
	background-color: transparent;	
	height: auto !important;
	min-height: 100%;
	height: 100%;
	margin: 0 auto;
}


/*[
	FONTS
]*/

h1 {font-size: 210%;}
h2 {font-size: 180%;}
h3 {font-size: 140%;}
h4 {font-size: 100%;}
h5 {font-size: 100%;}

.f_case {text-transform: uppercase;}
.f_line {text-decoration: underline;}
.f_caps {font-variant: small-caps;}
.f_it {font-style: italic;}
.f_b {font-weight: bold;}

/*[
	COLORS
]*/

.white {color: #fff;}
.dark {color: #333;}
.grey {color: #666;}
.blue {color: #999;}

a.tn {text-decoration: none;}

a.f_hline:link, a.f_hline:visited {text-decoration: none;}
a.f_hline:hover, a.f_hline:active {text-decoration: underline;}

/*
	links changing colors when hover
*/

a:link, a:visited {color: #fff;}
a:hover, a:active {color: #00f0ff;}

/*----------miscellaneous-----------*/

.fl {float: left;} .fr {float: right;} .nof {float: none;}
div.fl, div.fr {display: inline;}
.cb {clear: both;}

.nom {margin: 0;}
.posr {position: relative;}
.posa {position: absolute;}
.d_b {display: block;}

.z_3 {z-index: 3;} .z_2 {z-index: 2;} .z_1 {z-index: 1;} .z_0 {z-index: 0;}

.br:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
	overflow: hidden;
}

.center {text-align: center;}
.right {text-align: right;}

.u_line {text-decoration: underline;}


/*========================FORM ELEMENTS======================*/
.select, .input, .textarea, .password {
	font-family: Georgia, Times, serif;
	font-size: 12px;
	border: 1px solid;
	border-top-color: #acadb2;
	border-bottom-color: #e2e9ef;
	border-left-color: #e3e3eb;
	border-right-color: #e3e3eb;
	padding: 2px 0 0 2px;
}

.input, .password {height: 18px;}
.submit {}
.textarea {}
.label {	}
/*END---------------------FORM ELEMENTS----------------------*/


/*============================HEADER=========================*/

#hd {
	position: relative;
	width: 100%;
	height: 93px;
}
#intro #hd {height: 120px;}

/*
[panel]
*/

	#panel {
		background: #22353a;
		width: 534px;
		height: 25px;
		position: relative;
		left: 50%;
		margin-left: -192px;
		margin-bottom: 14px;
		font-size: 1.3em;
	}
		
		#panel ul {
			position: relative; 
			margin-top: 6px;
			list-style-type: none;
			display: inline-block;
		}
	
		ul#nav {
			margin-left: 8px;
			margin-right: 16px;
			width: 440px;
			color: #00f0ff;
		}
		
			#nav li {display: inline-block; margin-right: 24px;}
			
			#nav a:link, #nav a:visited {text-decoration: none;}
			#nav a:hover, #nav a:active {text-decoration: underline;}
			
		
		ul#navi {
			width: 64px;
			vertical-align: top;
		}
		
			#navi li {
				display: block;
				float: left;			
				margin-right: 18px;
				width: 11px;
				height: 10px;
				overflow: hidden;
			}
			
				#navi li a {
					display: block;
					width: 11px;
					height: 10px;
					overflow: hidden;
					line-height: 0;
					background-image: url(/_pic/ico/navi.png);
					background-repeat: no-repeat;
					text-indent: -999em;
				}
				
				#navi a.a {background-position: 0 0;}
					#navi a.a:hover {background-position: 0 -10px;}
				#navi a.b {background-position: -11px 0;}
					#navi a.b:hover {background-position: -11px -10px;}					
					
/*
[hd_cont]
*/
	#hd_cont {
		width: 100%;
		position: relative;
		height: 54px;
	}
	
	#hd_cont div {position: absolute; z-index: 20;}
	
		#logo {
			width: 257px;
			height: 54px;
			top: 0; left: 72px;
		}
		
		#logo a {
			display: block; 
			height: 54px; 
			width: 257px; 
			overflow: hidden; 
			font-size: 1px; 
			line-height: 0;
		}
		
		#adv {
			width: 240px;
			height: 40px;
			top: 7px; left: 384px;
			line-height: 150%;
		}
			#adv span {display: block; margin-bottom: 6px;}
			#adv .a {font-size: 1.9em;}
			#adv .b {font-size: 1.3em; color: #c8c8c8;}
		
		
		#tel {
			font-size: 2.5em;
			width: 197px;
			height: 25px;
			top: 5px; left: 712px;
			line-height: 150%;
		}
			#tel .w {color: #fff;}
			#tel .b {color: #00f0ff;}

	
/*END-------------------------HEADER-------------------------*/


/*============================CONTENT========================*/

#cont {
	/*float: left;
	display: inline;*/
	width: 100%;
	padding-bottom: 99px;
	position: relative;
}
	
	@media all and (min-width:0px) {
		#cont{float: left;}
		#index #cont {float: none;}
	}


/*
[main - flash content]
*/
	
#main {
	color: #c8c8c8;
	width: 100%;
	position: relative;
}

#index #main {min-height: 620px;}

	#main h2 {margin-bottom: 18px; font-weight: normal; color: #fff; line-height: 120%;}
	#main h3 {margin-bottom: 8px; font-weight: normal; color: #fff;line-height: 115%;}
	
	#main p {margin-bottom: 12px;}
	
	#main ul {
		padding-left: 24px;
		list-style: outside square;
		margin-bottom: 12px;
	}
	
	div.wrapper {
		float: left; display: inline;
		padding-left: 384px;
		padding-right: 82px;
		width: 660px;
		margin-top: 60px;
		font-size: 1.3em;
		line-height: 140%;
			height: 500px;
			overflow: auto;
	}
	
	/*picture of the airport*/
	
	#blueprint {
		display:inline-block;
		*display:inline; *zoom:1; 
		position: absolute; 
		top: 50px; left: -2px; 
		z-index:99;
	}
	
	/*--------border---------*/
	
	div.border {
		float: left; 
		display: inline;
		line-height: 0;
		font-size: 1px;
		border: 1px solid #fff;
			margin-right: 20px;
			margin-bottom: 18px;	
		background: #2f2f2f;
	}
	
		div.border img {
			padding: 2px; 
			background: #333;
			margin: 6px;
		}
		
	
/*
[intro - non-flash content]
*/	

	.intro {text-align:center;}
	
		.intro h1 {margin-bottom: 55px;}
		.intro .enter {
			font-size: 1.8em; 
			display: inline-block;
			margin-bottom: 28px;
			line-height: 130%;
			letter-spacing: 0;
			text-decoration: none;
		}
		
		#main .intro p {
			margin-bottom: 88px;
			font-size: 1.2em;
			font-style: italic;
		}
			.intro p .flashico {
				display: inline-block;
				margin-left: 12px;
				text-indent: -999em;
				overflow: hidden;
				width: 24px; height: 18px;
				line-height: 0; font-size: 0;
				background: url(/_pic/ico/flashico.png) no-repeat;
				margin-bottom: -4px; position: relative;
				vertical-align: middle;
			}
		
		.intro #adv, .intro #tel {
			text-align: left; 
			position: relative; 
			top:0; left: 50%;
			margin-left: -88px;
			width: 220px;
		}
		.intro #adv {margin-bottom: 4px;}
		.intro #tel {}

/*END-------------------------CONTENT------------------------*/


/*============================FOOTER=========================*/

#ft{
	clear: both;
	height: 100px;
	margin: 0 auto;
	margin-top: -100px;
	width: 1126px;
}

#ft_cont {
	margin: 0 auto;
	width: 1020px;
	height: 70px;
	background: #fff;
	color: #333;
	margin-bottom: 30px;
	line-height: 120%;
	letter-spacing:-0.02em;
}

#ft_cont a:link, #ft_cont a:visited {color: #00c6ff; text-decoration: none;}
#ft_cont a:hover, #ft_cont a:active {color: #00c6ff; text-decoration: underline;}

/*
[copy]
*/

	#copy{
		float: left; display: inline;
		width: 380px;
		margin-left: 40px;
		margin-top: 30px;
	}
		
		#copy span {
			display: inline-block;
			margin-right: 12px;
		}
			#copy .a {
				font-size: 1.5em;
				font-style: italic;
			}
			
			#copy .b {
				font-size: 1.2em;
			}			

/*
[dev]
*/
	#dev {
		float: right; display: inline;
		text-align: right;
		width: 110px;
		margin-right: 60px;
		margin-top: 31px;
		font-size: 1.1em;
	}
	
		
/*END-------------------------FOOTER-------------------------*/