html, body { padding: 0; margin: 0; width: 100%; height: 100%; }

body { font-family: Tahoma, sans-serif; font-size: 0.8em; }
td, th, input, textarea { font-family: Tahoma, sans-serif; font-size: 1em; }
h1 { font-family: Georgia, serif; font-size: 2.4em; font-weight: normal; }
h2, big { font-size: 1.3em; }

table { border-collapse: collapse; border-spacing: 0; padding: 0; margin: 0; color: inherit; }
td, th { padding: 0; margin: 0; border: none; color: inherit; text-align: left; font-weight: normal; }

form { padding: 0; margin: 0; }
/* input.text, textarea.text { border: #6682ae 1px solid; background: #fff; margin: 0; }
input.button { border: #6682ae 1px solid; background: #d9dfea; } */

p { margin: 0 0 1em; }
ul, ol { margin: 0 0 0 40px; padding: 0; }
ul.small, ol.small { margin: 0 0 0 20px; }
img { border: none; }

.full { width: 100%; height: 100%; }
.rel { position: relative; }
.abs { position: absolute; }
.hide { display: none; }
.show { display: block; }

.staff td { vertical-align: top; padding: 0.5em 60px 0 0; }
.staff th { vertical-align: top; font-weight: normal; padding: 0 10px 0 0; }
.staff th img { width: 52px; height: 52px; }
.staff h2 { font-size: 1.3em; font-weight: normal; display: inline; padding: 0; mardin: 0; }
.staff .icon { vertical-align: bottom; margin: 0 0 0 2px; width: 16px; height: 16px; }

#main { margin: 90px 240px 40px 60px; color: #fff; }
#gr1, #gr2, #gr_main { width: 100%; height: 100%; position: absolute; overflow: hidden; }
#gr_main { background: url(img/blank.gif); }
#gr3 { bottom: 0; right: 0; position: absolute; }
#gr4 { top: 0px; left: 0; position: absolute; }
#gr5 { top: 10px; left: 10px; position: absolute; }
#gr_logo { top: 63px; left: 24px; position: absolute; }
#gr1 img, #gr2 img { width: 102%; height: 100%; display: block; }
#gr3 img { width: 830px; height: 430px; display: block; }
#gr4 img { width: 180px; height: 120px; display: block; }
#gr5 img { width: 53px; height: 35px; display: block; }
#gr_logo img { width: 296px; height: 28px; display: block; }

.form_head { padding: 24px 10px; }
.form_body { padding: 0 10px 10px; }

table.form { width: 100%; }
table.form th { width: 100%; }
table.form td { padding: 1px 0; }
table.form h1 { margin: 0; }
table.form .result { margin: 12px 0; color: #fff; }
table.form .result ul { list-style-type: disc; margin: 0 0 0 16px; }
table.form .space { width: 16px !important; }
table.form .bottom { height: 58px !important; vertical-align: top; }
table.form .bottom img.attention { margin-top: 6px; }
table.form input.text { width: 240px; }
table.form textarea.text { width: 240px; height: 80px; }

table.w6 img { width: 6px; height: 6px; display: block; background: url(img/box6w_c.png); }
table.w6 img.tl { background: url(img/box6w_tl.png); }
table.w6 img.t { background: url(img/box6w_t.png); }
table.w6 img.tr { background: url(img/box6w_tr.png); }
table.w6 img.l { background: url(img/box6w_l.png); }
table.w6 img.r { background: url(img/box6w_r.png); }
table.w6 img.bl { background: url(img/box6w_bl.png); }
table.w6 img.b { background: url(img/box6w_b.png); }
table.w6 img.br { background: url(img/box6w_br.png); }


img.load { width: 24px; height: 24px; display: none; }
img.attention { width: 32px; height: 32px; display: none; }

/* links */

a { color: #38d; text-decoration: underline; }
a:active, a:hover { color: #fc8207; }
a.white { color: #fff; }
a.white:active, a.white:hover { color: #e4e9f2; }

/* colors */

.grey { color: #555; }
.lightgrey { color: #bbb; }
.black { color: #000; }
.white { color: #fff; }
.red { color: #aa1111; }
.green { color: #5c940a; }
.orange { color: #fc8207; }