* { border: 0; margin: 0; padding: 0; font-size: 12px; font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif; }
body { background: #fff url('images/bg-main.jpg') center top; }

p { text-align: justify; }
h1 { font-size: 18px; padding: 20px 0; }
h2 { font-size: 16px; padding: 10px 0; }
ul { padding-left: 20px; }
ol { padding-left: 20px; }

a       { color: #06b; text-decoration: underline; }
a:hover { text-decoration: none; }

sup         { font-size: 10px; }
sub         { font-size: 10px; }

.all       { width: 820px; margin: 0 auto; }
.all #head { width: 820px; height: 50px;    background: url('images/bg-head.jpg') no-repeat center top; }
.all #body { width: 800px; padding: 0 10px; background: url('images/bg-body.jpg') repeat-y center top; }
.all #foot { width: 820px; height: 10px;    background: url('images/bg-foot.jpg') no-repeat center top; text-align: center; }

.all #header  { width: 800px; height: 150px; background: url('images/bg-header1.jpg') no-repeat center top; position: relative; }
.all #title   { width: 800px; height: 150px; line-height: 150px; text-align: center; font-size: 32px; }
.all .content { width: 800px;                background: url('images/bg-header2.jpg') no-repeat center top; }
.all .index   { height: 450px; position: relative; }

.button       { display: block; width: 288px; height: 138px; position: absolute; text-align: center; padding: 10px; text-decoration: none; }
.button       { background: url('images/bg-button.png') no-repeat center left; }
.button:hover { background: url('images/bg-button.png') no-repeat center right; }

.button .icon  { display: block; margin: 0 auto; width: 100px; height: 100px; background: no-repeat center center; }
.button .title { display: block; margin: 0 auto; width: 280px; height:  38px; background: no-repeat center center; }

.button.b1 .icon  { background-image: url('images/icon-attestation.png'); }
.button.b2 .icon  { background-image: url('images/icon-exchange.png'); }
.button.b3 .icon  { background-image: url('images/icon-websites.png'); }
.button.b4 .icon  { background-image: url('images/icon-hosting.png'); }
.button.b5 .icon  { background-image: url('images/icon-lending.png'); }
.button.b6 .icon  { background-image: url('images/icon-contacts.png'); }
.button.b7 .icon  { background-image: url('images/icon-cashinout.png'); }
.button.b8 .icon  { background-image: url('images/icon-forex.png'); }
.button.b9 .icon  { background-image: url('images/icon-wmcards.png'); }

.button.b1 { left:  46px; top:  46px; }
.button.b2 { left: 446px; top:  46px; }

.button.b3 { left:  46px; top: 246px; }
.button.b4 { left: 446px; top: 246px; }

.button.b5 { left:  46px; top: 446px; }
.button.b9 { left:  46px; top: 446px; }
.button.b8 { left:  46px; top: 246px; }
.button.b7 { left: 446px; top: 446px; }

.button.b6 { left: 446px; top: 246px; }

ul#menu      { height: 40px; padding: 0; background: url('images/bg-menu.png') repeat-x top left; }
ul#menu li   { list-style-type: none; float: left; }
ul#menu li a { display: block; height: 39px; text-align: center; padding: 0 8px; line-height: 30px; font-size: 18px; text-decoration: none; white-space: nowrap; }

ul#menu li a       { color: #106697; }
ul#menu li a:hover { color: #078dd9; background: url('images/bg-menu-hover.png') repeat-x top left; }

div.text   { padding: 20px; display: table-cell; }
span.alert { color: #f00; }
b.alert    { color: #f00; }

li.att        { list-style-type: none; padding: 0 0 10px 36px; }
li.alias      { background: url('images/passports/alias.png') no-repeat left top; }
li.formal     { background: url('images/passports/formal.png') no-repeat left top; }
li.initial    { background: url('images/passports/initial.png') no-repeat left top; }
li.personal   { background: url('images/passports/personal.png') no-repeat left top; }
li.merchant   { background: url('images/passports/merchant.png') no-repeat left top; }
li.capitaller { background: url('images/passports/capitaller.png') no-repeat left top; }
li.developer  { background: url('images/passports/developer.png') no-repeat left top; }
li.registrar  { background: url('images/passports/registrar.png') no-repeat left top; }

/* contacts */
div.alert  { border: 1px solid #f00; background: #fdd url('images/icons/exclamation.png') no-repeat 10px center; padding: 5px 5px 5px 35px; width: 500px; margin: 0 auto; }

.failure { color: #f00; font-weight: bold; }
.success { color: #2a2; font-weight: bold; }

input       { border: 1px solid #888; padding: 2px; width: 400px; }
input:focus { border: 1px solid #06c; }

textarea       { border: 1px solid #888; padding: 2px; width: 400px; }
textarea:focus { border: 1px solid #06c; }

table.contact           { margin: 0 auto; }
table.contact td        { line-height: 20px; vertical-align: top; padding: 2px 20px; }
table.contact td.btn    { text-align: center; }
table.contact input.btn { width: 100px; }

/* lang */
a.lang { position: absolute; top: 2px; line-height: 15px; padding: 0 4px 0 20px; background: no-repeat 2px 2px; }
a.lang { font-size: 11px; font-weight: bold; text-decoration: none; }

a.ukr { background-image: url('images/ukr/flag.gif'); left:   5px; }
a.rus { background-image: url('images/rus/flag.gif'); left: 105px; }


div.logo { padding: 10px; text-align: center; }

/* cashinout */
div.rates   { float: left; width: 230px; }
table.rates { margin: 0 auto; width: 210px; border-collapse: collapse; }
table.rates tbody td { padding: 4px; text-align: right; border: 1px solid #888; }
table.rates th       { padding: 4px; border: 1px solid #000; background: url('images/bg-main.jpg'); }
table.rates thead th { border-width: 1px 1px 2px 1px; }
table.rates tbody th { border-width: 1px 1px 1px 1px; }
table.rates span     { font-size: 10px; }

div.modes   { }
table.modes { margin: 0 auto; border-collapse: collapse; }
table.modes tbody td { padding: 4px; border: 1px solid #888; font-size: 10px; }
table.modes th       { padding: 4px; border: 1px solid #000; background: url('images/bg-main.jpg'); }
table.modes thead th { border-width: 1px 1px 2px 1px; }
table.modes tbody th { border-width: 1px 1px 1px 1px; text-align: left; }
table.modes span     { font-size: 10px; }

div.info     { float: right; width: 270px; }
div.info div { margin: 0 auto; width: 240px; padding: 5px; border: 1px solid #888; background: url('images/bg-main.jpg'); }

/* bonus */

table.bonus { margin: 0 auto; width: 350px; border-collapse: collapse; border: 1px solid #000; background: url('images/bg-main.jpg'); }
table.bonus td { text-align: center; padding: 4px; }
table.bonus input { width: 150px; }