/*	
	CSS from site: www.site.com
	Version: 1.00
	by Andrey Sapegin (www.andreysapegin.com)
	www.next-step.ru
*/
/* 
Colors:
#333333	Dark grey	(text)
#000066	Dark Blue	(headings, links)  
#333399	Mid Blue	(header)
#CCCCFF	Light blue	(top navigation)
#666666	Mid grey
*/

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

body {
	background-color: #e8e8e8;		color: #000;
	font-family: Arial, sans-serif;
}
#content {
	position: relative;
}
#content .page {
	position: absolute;
	color: #303030;
/*	border: 1px dashed #999;*/
}
#content .text {
	position: absolute;
	top: 160px;		left: 25px;		right: 25px;
	/*width: 650px;	*/
	height: 400px;
	overflow: auto;
	font: 12px Verdana, sans-serif;
}
.page h1 {
	color: #2E628E;
	font: 36px Tahoma, Verdana, sans-serif;
	text-transform: uppercase;
}
#content .cell {
	position: absolute; 
	border: 0 none;
	margin: 0;
}
#window {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	z-index: 0;
}
a:link, a:visited, a:hover, a:active { color: #0F97D5; text-decoration: none; }

/* interface */

#interface {
	position: absolute;
	margin: 20px 0 0 -20px;
}
.relative {
	position: relative;
}
.menu {
	position: absolute;
	top: 35px;
	width: 575px;
}
.logo {
	position: absolute;
	top: 35px;
	left: 575px;
}
.rus-eng {
	position: absolute;
	top: 8px;
	left: 594px;
}
	
.search {
	position: absolute;
	top: 522px;		left: 177px;
}
	.search-field {
		width: 130px;		height: 18px;
		border: 1px solid;		border-color: #ABADB3 #DADFE6 #E3E8ED #E1E3EA;
		background: #fff;		color: #444;
		font: 12px/14px Arial, sans-serif;
		padding: 0 3px;
	}
	.search-button {
		margin-left: 5px;
		width: 53px;		height: 17px;
		border: 0 none;
		background: url(/img/search-button.gif) no-repeat 0 0;
		cursor: pointer;
	}
.presentation {
	position: absolute; 
	top: 518px; 	left: 688px;
}
.menuline {
	border-top: 1px solid #848484;
	height: 27px;
	vertical-align: middle;
}
.menuline ul {
	list-style: none;
	position: relative;
	margin: 0;		padding: 0;
}
	.menuline ul li {
		float: left;
		padding: 0 1ex;
	}
	.menuline a:link,
	.menuline a:visited,
	.menuline a:hover,
	.menuline a:active {
		color: #000;
		font: bold 11px Arial, sans-serif;
		text-transform: uppercase;
	}
	.menuline a:hover,
	.menuline a:link.active,
	.menuline a:visited.active,
	.menuline a:hover.active,
	.menuline a:active.active {
	 	color: #2E628E;
	}





.pre-menu {
	margin: 5% auto;
	width: 720px;
	clear: both;
}
	.pre-menu ul {
		list-style: none;
		margin: 0 0 0 4ex;	padding: 0;
		clear: both;
	}
		.pre-menu ul li {
			display: inline;
			padding: 0 1ex;
		}
		
.pre-content {
	color: #303030;
	margin: 3em auto;
	width: 670px;
	font: 12px Verdana, sans-serif;
	clear: both;
}
	.pre-content h1 {
		color: #2E628E;
		font: 36px Tahoma, Verdana, sans-serif;
		text-transform: uppercase;
	}
.pre-background {
	height: 1200px; 	width: 100%;
	background-color: #f7f;
}
/*
.pre-loading {
	position: absolute;
	top: 10em;
	margin-left: -18ex;
	left: 50%;
	padding: 1em 8ex;
	background-color: #F8F8F8;		color: #2E628E; 
	border: 1px solid #C3C3C3;
	text-align: center;
	font: 22px Verdana, sans-serif;
}
*/
.pre-loading {
	position: absolute;
	top: 20em;
	margin-left: -16px;
	left: 50%;
	border: 0 none;
	text-align: center;
}