/*
- своиства в алфавитном прядке
- Arial, Verdana, Helvetica, sans-serif;
- a:active {outline: none;}
- line-height=height для центрирования текста
- Устанавливайте width или margin и padding
- <link rel="stylesheet" type="text/css" href="print.css" media="print">
- наверное надо страраться после основных блоков использовать классы, а не #id
110378*/


/* Contents
	- multi-purpose styles
	- header layout
	- image layout
	- menu layout
	- content layout
	- footer layout
*/
html {height:100%;}
body {
	background-color:#FFF;
	color: #333;
	font: normal 13px/20px Arial, Helvetica, sans-serif;
	margin:0 auto;
	min-height:100%;
	position:relative;
	width:990px;
}
* html body {height: 100%;}


/* multi-purpose styles
------------------------------------------------------------------------------------------*/
.clear {clear:both;}
.l-clear {clear:left;}
.r-clear {clear:right;}
.r-float {float:right;}
.l-float {float:left;}
.hidden {display:none}
.link {color:#00AEEF !important; text-decoration:underline !important;}
.link:hover {text-decoration:none !important;}


/* #header & #footer
------------------------------------------------------------------------------------------*/
#header {
	background:transparent url('/images/header-bg.gif') 0 0 no-repeat;
	height:120px;
	position:absolute;
	top:0px;
	width:100%;
}

#footer {
	border-top:1px solid #00AEEF;
	bottom:0;
	height:30px;
	position:absolute;
	width:100%;
}

.copy {
	color:#4D4D4D;
	float:right;
	font-size:11px;
	line-height: 20px;
	font-weight:bold;
}

/* nav */
#header .nav {
	padding:47px 290px 0px 80px;
}

#footer .nav {
	padding:8px 20px 0px 20px;
}

#header .nav, #footer .nav {
	color:#4d4d4d;
	font:12px Verdana;
	line-height:20px;
}

#header .nav a, #footer .nav a {
	color:#4d4d4d;
	text-decoration:none;
}

#header .nav form {
	display:inline;
}

#header .nav .txt {
	background-color:#E2E2DE;
	border:0px none;
	color:#000000;
	height:18px;
	margin-right:5px;
}

#header .nav .btn {
	height:22px;
}

#header .nav a:hover, #footer .nav a:hover {
	text-decoration:underline;
}


#header .login-error {
	color:#CC0000;
}

/* #image
------------------------------------------------------------------------------------------*/
#home.pages #image {
	background:transparent url('/images/image-bg.gif') 0 0 repeat-y;
	border-top:1px solid #00AEEF;
	height:300px;
	position:absolute;
	top:120px;
	width:100%;
}

/*.pages #image {} - а это общий для остальных страниц стиль. Или так: #page.pages*/


/* #menu
------------------------------------------------------------------------------------------*/
#home.pages #menu {
	background-color:#00AEEF;
	height:56px;
	padding: 0px 1px;
	position:absolute;
	top:420px;
	width:988px;
}

#home.pages #menu .level-1 li {
	display:block;
	float:left;
	list-style-type:none;
	width:247px;
}

#home.pages #menu .level-1 li.selected {
	background-color:#00bdf2;
	display:block;
	float:left;
	list-style-type:none;
	width:247px;
}

#home.pages #menu .level-1 li a {
	width:227px; /* IE bug fix*/
	color:#FFF;
	line-height:18px;
	display:block;
	padding:10px;
}

#home.pages #menu .level-1 li a:hover {
	text-decoration:underline;
	background-color:#00bdf2;
}

#home.pages ul.level-2 {
	background:#00bdf2 url('/images/sub-menu-bg.gif') 0 100% no-repeat;
	bottom:0;
	display:none;
	height:280px;
	/*padding:10px 10px 10px 10px;*/
	margin-bottom:56px;
	padding:10px 0px;
	position:absolute;
	width:247px;
	z-index:10000;
}

#home.pages ul.level-2 li a {
	display:block!important;
	padding: 5px 10px!important;
}

#home.pages ul.level-2 li a:hover {
	background-color:#FFF!important;
	color:#00AEEF!important;
	text-decoration:none!important;
}

#home.pages #sub-menu-1 {left:1px;}
#home.pages #sub-menu-2 {left:248px;}
#home.pages #sub-menu-3 {left:495px;}
#home.pages #sub-menu-4 {left:742px;}

/* #content
------------------------------------------------------------------------------------------*/
#content {
	background-color:transparent;
	padding:476px 0px 30px 0px;
}

#content a {color:#00AEEF; text-decoration:underline;}
#content a:hover {text-decoration:none;}

/* about */
#content .about-box, #content .news-box {
	float:left;
	width:455px;
	padding:20px;
}
#content .about-box a {color:#333; text-decoration:none;}
#content p {
	line-height:18px;
	padding-bottom:18px;
}

/* news block */
#content .news-box p {
	font-size: 11px ;
	padding-bottom:15px;
}

#content .news-box strong{
	font-weight:bold;
}