/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#005baa;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.fleft { float:left;}
.fright {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.5em;
		color:#000000;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#005baa;}
a:hover{text-decoration:none;}
p {padding-top:18px;}

/* ============================= main layout ====================== */

.bottom-tail {background:url(images/footer-tail.gif) bottom repeat-x #f6ffe0;}
.top-tail {background:url(images/header-tail.gif) top repeat-x;}

#main { width:1000px; margin:0 auto; text-align:left;}

.container {width:100%; overflow:hidden;}

/* ============================= header ====================== */

#header {height:241px; background:url(images/header-bg.jpg) top left no-repeat;}
.logo {position:absolute; margin:0 0 0 406px;}
.slogan {position:absolute; margin:51px 0 0 55px;}
.contacts {position:absolute; margin:51px 0 0 726px;}


.menu {padding:193px 0 0 46px;}
.menu ul {width:100%; overflow:hidden;}
.menu li {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.167em; line-height:1em; margin-right:5px; font-style:italic; font-weight:bold; float:left;}
.menu li a {color:#10222b; text-decoration:none; display:block;}
.menu li a span {display:block; padding:5px 5px 25px 5px;}
.menu li a:hover {color:#000; background:url(images/menu-tail-bg2.gif) top repeat-x;}
.menu .active a {color:#fff; background:url(images/menu-tail-bg.gif) top repeat-x;}
.menu li a:hover span {background:url(images/menu-corner2.JPG) bottom left no-repeat;}
.menu .active a span {background:url(images/menu-corner.gif) bottom left no-repeat;}

/* ============================= content ====================== */

#content {padding:0 41px 0 41px;}
#content2 {padding:0 41px 0 41px;height:500px;}

.menu2 {padding:12px 0 37px 35px; border-bottom:1px solid #204456; margin-bottom:6px;}
.menu2 ul {width:100%; overflow:hidden;}
.menu2 li {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.167em; line-height:1.2em; margin-right:32px; font-style:italic; font-weight:bold; float:left;}
.menu2 li a {color:#db0f0d; text-decoration:none; display:block; width:143px; text-align:center; padding:122px 0 0 0;}
.menu2 li a:hover {color:#000000;}
.menu2 .news a {background:url(images/news.jpg) no-repeat 0 0;background-position: center}
.menu2 .awards a {background:url(images/awards.jpg) no-repeat 0 0;background-position: center}
.menu2 .articles a {background:url(images/articles.jpg) no-repeat 0 0;background-position: center}
.menu2 .forum a {background:url(images/forum.jpg) no-repeat 0 0;background-position: center}
.menu2 .links a {background:url(images/links.jpg) no-repeat 0 0;background-position: center}
.menu2 .production a {background:url(images/production.jpg) no-repeat 0 0;background-position: center}

.box {background:url(images/box-corner.gif) bottom left no-repeat; padding-bottom:91px; text-align:justify; margin-bottom:-116px; position:relative;min-height:200px;}
.box .inner {background:#e2f0d6 url(images/box-bg.gif) bottom right no-repeat; padding:20px 30px 20px 28px;min-height:200px;}

/* ============================= footer ====================== */

#footer { height:129px; color:#bdd684; line-height:2.417em;}
#footer a {color:#bdd684;}
#footer .fright {text-align:right; padding:32px 43px 0 0; position:relative;}
#footer .phone {color:#d6e8ac; font-size:2em; line-height:1em; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; display:inline-block; margin:67px 0 0 150px; position:relative;}