* {padding:0; margin:0; font-size:100%; line-height:100%}
html, body {background:url(../img/bg.jpg) repeat #333; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; margin-right:1px}
table, td, img {border-collapse:collapse; vertical-align:top; border:none}

ul, .menu ul {list-style:none}
li {margin:4px 0 4px 8px; position:relative}

h3 {color:#333; font-size:120%; text-transform:uppercase; margin-bottom:20px}

a:link, a:visited {color:#75C1D2; text-decoration:underline; cursor:pointer}
a:hover, a:visited:hover, .content a:hover, .content a:visited:hover {color:#FFF; text-decoration:none; cursor:pointer}

/*===================*/

.box {min-width:900px; font-size:80%}
.box .left {float:left; width:28%}
.box .right {margin-left:28%; max-width:850px; position:relative}

/*====== шапка =====*/

.logo {height:84px; margin-left:50px; background:url(../img/head.gif) bottom left no-repeat; display:block}
.hidden {position:absolute; z-index:-2; top:28px; left:54px; color:#333}
.menu {padding:30px 0 100px 0; color:#FFF}
.menu ul li {display:inline; text-transform:uppercase; padding:0 4px 0 4px; border-right:1px solid #75C1D2; float:left; position:relative; padding-right:8px; margin-left:4px; font-size:120%}
.menu ul li a {color:#75C1D2; text-decoration:underline}
.menu ul li a:hover {color:#FFF; text-decoration:none}
.menu ul li ul {list-style:none; margin-top:4px; position:absolute; left:0}
.menu ul li ul li {display:list-item; text-transform:none; border-right:0; margin:0}

/*====== красный блок =====*/

.rblock {position:absolute; top:36px; left:-140px}
.rblock, .rblock td {height:auto; width:251px}
.rblock .t {background:url(../img/t.png) bottom left no-repeat; height:78px}
.rblock .c {background:url(../img/line.png) top left repeat-y}
.rblock .b {background:url(../img/b.png) top left no-repeat; height:84px}
.rblock .pos {height:1px; line-height:1px; position:relative}
.rblock .pos div {position:absolute; height:76px; width:33px; top:9px; left:-33px; background:url(../img/r_tail.png) top right no-repeat}
.rblock .pos .girl {height:270px; width:300px; top:-26px; left:-212px; background:url(../img/girl.gif) bottom right no-repeat}
.rblock .content {margin:-40px 30px -55px 30px; color:#FFF; line-height:120%; position:relative; font-size:90%}
.rblock h4 {margin-bottom:6px; text-transform:uppercase}
.rblock .content ul li {padding-left:14px; background:url(../img/whitedash.gif) 0 5px no-repeat}

/*====== синий блок ======*/

.bluebox {margin-right:60px}
.bluebox .top .l {margin-right:269px; height:160px; background:url(../img/tl.gif) bottom left no-repeat}
.bluebox .top .r {float:right; width:269px; height:160px; background:url(../img/tr.gif) left bottom no-repeat}
.bluebox .bottom .l {margin-right:269px; height:195px; background:url(../img/bl.gif) top left no-repeat}
.bluebox .bottom .r {float:right; width:269px; height:195px; background:url(../img/br.gif) top left no-repeat}
.bluebox .middle {background-color:#75C1D2}
.bluebox .top .r .pos {height:1px; font-size:1px; line-height:1px; position:relative}
.bluebox .top .r .pos div {position:absolute; left:100%; top:29px; height:70px; width:50px; background:url(../img/tail.gif) right top no-repeat}
.bluebox .content {margin:-120px 70px -130px 130px; position:relative; color:#333}
.bluebox .content a:link, .bluebox .content a:visited {text-decoration:underline; color:#A30B2F}
.bluebox .content a:hover, .bluebox .content a:visited:hover {text-decoration:none; color:#FFF}
.bluebox .content .about_link {display:block; margin:20px 0 0 0; font-size:120%}
.bluebox .content ul li {padding-left:14px; background:url(../img/blackdash.gif) 0 5px no-repeat}

/*======== футер =======*/

.foo {margin:60px 0 20px 0}
.foo .left a, .foo .left div {display:block; margin:20px 0 20px 50px; white-space:nowrap}

.address {float:left; width:240px}
.address .code {font-size:120%; margin-left:20px}
.phone {background:url(../img/phone.gif) 0% 35% no-repeat; font-weight:bold; font-size:200%; padding:3px 0 16px 20px}
.mail {background:url(../img/mail.gif) 0 12px no-repeat; padding:11px 0 3px 20px; font-size:130%}

.foo h3 {color:#FFF; margin-bottom:10px}
input, textarea {font-family:Verdana, Arial, Helvetica, sans-serif; width:346px; padding:1px; margin:2px 0 4px 0; border:1px solid #666; background:#333; color:#FFF}

form {margin-left:240px}
form .button {width:85px; height:31px; background:url(../img/button.gif) top left no-repeat; cursor:pointer; border:0; margin-right:60px}

/*=== контент на главной ===*/

#index .box .right {width:650px}
#index .bluebox .middle table.content {color:#666; margin:-120px 20px -150px 130px}
#index .bluebox .content h3 {display:inline}
#index .bluebox .content td {width:25%}
#index .bluebox .content div {margin-right:10px; text-align:left}
#index .bluebox .content a {display:block; margin-bottom:4px}
#index .bluebox .content img {height:89px; width:89px}
#index .bluebox .content .first td, #index .bluebox .content .second td {padding-top:25px; font-size:90%}
#index .bluebox .content a:link, #index .bluebox .content a:visited {text-decoration:underline; color:#A30B2F}
#index .bluebox .content a:hover, #index .bluebox .content a:visited:hover {text-decoration:none; color:#FFF}

/*==== type_b =====*/

#type_b .box .right {width:600px}
#type_b .bluebox .content {margin:-90px 50px -100px 80px; line-height:120%}
#type_b .bluebox .content li {margin:6px 0 6px 16px}
#type_b .bluebox .content h4 {margin:24px 0 8px 0}
#type_b .bluebox .content h3 {line-height:120%}
#type_b .bluebox .top .r .pos .man {position:absolute; left:100%; top:0; height:401px; width:106px; background:url(../img/man.gif) top left no-repeat; margin:-15px 0 0 35px}

/* === popup === */

#popup .logo {height:78px; background:url(../img/head.gif) bottom left no-repeat; margin:0 50px 0 50px}
#popup .logo a {display:block; float:right; margin-top:26px; width:116px; height:29px; background:url(../img/button3.gif) top left no-repeat}
#popup .movie {margin:25px 0 25px 0; text-align:center}
#popup .copy {margin:0 50px 0 50px; padding-bottom:10px; font-size:80%}