﻿@charset "UTF-8";
html,body {
    height:100%;
    background:#c7e4f5 url(../images/virtual/bg_rp.gif) repeat-x top center;
    margin:0;
    padding:0;
}
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
}
div#top {
    height: 20px;
    width:1000px;
    background: transparent;
    margin:0 auto;
    padding:0;
}
div#head-menu {
    height:auto;
    width:100%;
    background: url(../images/virtual/head-bg.png) repeat-x top center;
    margin:0;
    padding:0;
    position: relative;
}
div#head-cont{
    position: relative;
    height:219px;
    width:1000px;
    background: transparent;
    margin:0 auto;
    padding:0;
}
div#head-buttons{
    float: left;
    height:193px;
    width:343px;
    background: url(../images/virtual/head-button.gif) no-repeat top center;
    margin:5px 0 0 0;
    padding:0;
}
a.industrial{
    position: absolute;
    top: 20px;
    left: 40px;
    background: url(../images/virtual/industrial.png) no-repeat top center;
    height:39px;
    width:267px;
    margin:0;
    padding:0;
}
a.bio{
    position: absolute;
    top: 86px;
    left: 40px;
    background: url(../images/virtual/bio.png) no-repeat top center;
    height:39px;
    width:267px;
    margin:0;
    padding:0;
}
a.tanks{
    position: absolute;
    top: 149px;
    left: 40px;
    background: url(../images/virtual/tanks.png) no-repeat top center;
    height:39px;
    width:267px;
    margin:0;
    padding:0;
}
div#head-img{
    float: left;
    height:193px;
    width:600px;
    background: transparent;
    margin: 8px 0 0 9px;
    padding:0;
}

div#head-img img{
    margin:0 0 0 8px;
}

div#center {
    height:260px;
    width:1020px;
    background:transparent;
    margin:-9px auto 0 auto;
    padding:0;
    position: relative;

}
div#left-img{
    position:absolute;
    bottom:40px;
    left:15px;
    background: url(../images/virtual/menu-logo.png) repeat-y top center;
    height:49px;
    width:74px;
    margin: 0;
    padding: 0;
}

/* begin top navigation */
div#top-nav {
    position:absolute;
    bottom:0px;
    left:17px;
    top: 240px;
    height:20px;
    width:170px;
    margin:0;
    padding:0;
    z-index: 9;
    background: transparent;
}

div#top-nav a {
    float:left;
    height:14px;
    width:auto;
    font-family: Arial;
    font-size:10px;
    color:#000;
    text-decoration:none;
    margin:0px 6px 0 0px;
    padding:1px 20px 0 0px;
}

div#top-nav a:hover {
    color:#000;
    text-decoration:underline;
}

a.lt {
    background:url(../images/virtual/lt.png) no-repeat top right;
}

a.en {
    background:url(../images/virtual/en.png) no-repeat top right;
}

a.ru {
    background:url(../images/virtual/ru.png) no-repeat top right;
}

/* end top navigation */

div#center-logo {
    position: relative;
    float: left;
    height:266px;
    width:770px;
    background:transparent;
    margin:0;
    padding:0;
}
div#center-img {
    float: left;
    height:266px;
    width:405px;
    background:url(../images/virtual/center-img.png) no-repeat top center;
    margin:0;
    padding:0;
    position: relative;
}
a.logo {
    position: absolute;
    float: left;
    top:77px;
    right:10px;
    height:137px;
    width:376px;
    background:url(../images/virtual/logo.png) no-repeat top center;
    margin:0;
    padding:0;
}
div#bottom1 {
    position: relative;
    height:62px;
    width:auto;
    
    margin:0 auto;
    padding:0;
    z-index: 0;
}
div#bottom2 {
    height:115px;
    width:1000px;
    background:transparent;
    margin:0 auto;
    padding:5px 0 0 0;
}
div#b-left{
    float:left;
    font-family:Arial;
    font-size:11px;
    color:#021e43;
    height:45px;
    width:auto;
    background: transparent;
}
div#b-right{
    float:right;
    font-family:Tahoma, Arial, sans-serif;
    font-size:9px;
    color:#788389;
    height:45px;
    width:auto;
    background: transparent;
}

div#banner {
	width: 530px;
	height: auto;
	position: absolute;
	margin: 0 0 0 270px;
	#margin: 0 0 0 40px;
}