html, body {
background: #bfd1ff url(../img/bg.png) repeat-x;
/*height: 100%;*/
}
.clear {
clear: both;
}
#wrap {
position: absolute;
width: 50%;
height: 720px;
left: 50%;
top: 0px;
background: url(../img/bg2.png) repeat-x;
}
#horizon
{
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
visibility: visible;
display: block
}
#contentwrap
{
margin-left: -640px;
min-width: 1200px;
position: absolute;
top: 0px;
left: 50%;
min-height: 720px;
height: 100%;
visibility: visible
}
#content
{
position: relative;
background: url(../img/vision4web.jpg) no-repeat;
font-family: Verdana, Geneva, Arial, sans-serif;
width: 100%;
min-width: 1280px;
visibility: visible;
height: 100%;
}
a:focus {
outline: none;
}
#content a
{
color: #5d00ff;
font-size: 20px;
text-decoration: none;
}
a span {
display: none;
}
a:hover #port {
display: inline;
position: absolute;
margin-left: -78px;
margin-top: -19px;
}
a:hover #ab {
display: inline;
position: absolute;
left: 118px;
margin-top: -54px;
}
a:hover #pri {
display: inline;
position: absolute;
margin-left: 247px;
margin-top: -31px;
}
a:hover #pri_en {
display: inline;
position: absolute;
margin-left: 113px;
margin-top: -31px;
}
a:hover #con {
display: inline;
position: absolute;
left: -53px;
margin-top: -10px;
}
a:hover #port1 {
display: inline;
position: absolute;
margin-left: -2px;
margin-top: -2px;
}
a:hover #ab1 {
display: inline;
position: absolute;
margin-left: -3px;
margin-top: -2px;
}
a:hover #pri1 {
display: inline;
position: absolute;
margin-left: -2px;
margin-top: -2px;
}
a:hover #con1 {
display: inline;
position: absolute;
margin-left: -2px;
margin-top: -2px;
}
#port1, #ab1, #pri1, #con1 {
cursor: pointer;
}
#content a:hover
{
color: #bcbcbc;
font-size: 20px;
text-decoration: none;
}
#portfolio
{
position: absolute;
top: 219px;
left: 535px;
}
#about
{
position: absolute;
top: 446px;
left: 320px;
}
#price
{
position: absolute;
top: 540px;
left: 330px;
}
#price_en
{
position: absolute;
top: 540px;
left: 465px;
}
#contact
{
position: absolute;
top: 460px;
left: 785px;
}
#copyr
{
padding: 4px 10px 10px;
background: #2a01db;
color: #fff;
font: 16px/20px Verdana, Geneva, Arial, sans-serif;
}
#copyrwrap
{
margin-top: -39px;
position: absolute;
left: 50%;
margin-left: -140px;
}
#copyr a
{
color: #fff;
text-decoration: none;
}
#copyr a:hover
{
color: #fff;
text-decoration: underline;
}
#corn
{
width: 207px;
}
.b1 {
display:block; overflow:hidden; height:1px; margin:0 5px; background:#2a01db; font-size:1px;
}
.b2 {
display:block; overflow:hidden; height:1px; margin:0 3px; background:#2a01db; font-size:1px;
}
.b3 {
display:block; overflow:hidden; height:1px; margin:0 2px; background:#2a01db; font-size:1px;
}
.b4 {
display:block; overflow:hidden; height:1px; margin:0 1px; background:#2a01db; font-size:1px;
}
img {
border: 0px;
}
#img1 {
position: absolute;
top: 202px;
left: 460px;
}
#img2 {
position: absolute;
top: 394px;
left: 441px;
}
#img3 {
position: absolute;
top: 452px;
left: 735px;
}
#img4 {
position: absolute;
top: 511px;
left: 579px;
}
#numberswrap {
width: 255px;
height: 220px;
position: absolute;
color: #2a01db;
left: 500px;
top: 190px;
display: none;
}
#numbers {
width: 245px;
height: 220px;
background: #fff;
padding: 10px;
font: bold 16px/16px Verdana, Geneva, Arial, sans-serif;
border-left: 2px solid #2a01db;
border-right: 2px solid #2a01db;
}
#head {
font: normal 18px/16px Verdana, Geneva, Arial, sans-serif;
color: #bcbcbc;
margin-bottom: 10px;
width: 150px;
float: left;
}
.num {
padding-bottom: 10px;
float:left;
}
.numnote {
padding-top: 10px;
}
#numbers a {
color: #2a01db;
font-size: 16px;
}
#numbers a:hover{
color: #bcbcbc;
font-size: 16px;
}
#close {
float: right;
margin-top: -15px;
margin-right: -5px;
}
#close a:link {
color: #f00;
font: bold 30px/30px Arial;
}
#close a:visited {
color: #f00;
font: bold 30px/30px Arial;
}
#close a:hover {
color: #f88;
font-size: 30px;
}
#corn11 {
width: 269px;
}
#corn12 {
width: 269px;
}
.b28 {
display:block; overflow:hidden; height:1px; margin:0 5px; background:#2a01db; font-size:1px;
}
.b29 {
display:block; overflow:hidden; height:1px; margin:0 3px; background:#2a01db; font-size:1px;
}
.b30 {
display:block; overflow:hidden; height:1px; margin:0 2px; background:#fff; font-size:1px; border-left: 4px solid #2a01db; border-right: 4px solid #2a01db;
}
.b31 {
display:block; overflow:hidden; height:1px; margin:0 1px; background:#fff; font-size:1px; border-left: 3px solid #2a01db; border-right: 3px solid #2a01db;
}
.b32 {
display:block; overflow:hidden; height:1px; margin:0 1px; background:#fff; font-size:1px; border-left: 2px solid #2a01db; border-right: 2px solid #2a01db;
}
.b33 {
display:block; height:1px; margin:0px; background:#fff; font-size:1px; border-left: 3px solid #2a01db; border-right: 3px solid #2a01db;
}
#slogan {
position: absolute;
left: 717px;
top: 320px;
font: bold 28px/28px Verdana, Geneva, sans-serif;
color: #f00;
}
#flags {
position: absolute;
width: 70px;
top: 10px;
left: 10px;
z-index: 99;
}
#flags a {
text-decoration: none;
color: #2a01db;
font: bold 14px/14px Verdana, sans-serif;
}
#flags a:hover {
text-decoration: none;
color: #bcbcbc;
font: bold 14px/14px Verdana, sans-serif;
}
#ru {
width: 30px;
float: left;
display: inline;
}
#eng {
width: 30px;
float: right;
display: inline;
}
.lang {
margin-top: -7px;
* margin-top: 0px;
}
abbr {
border: 0px;
}