/* Coder: Alexey Horyakov / llexa@ya.ru / llexa.ru */

/* Global
---------------------------------------- */

* { padding: 0; margin: 0; }
html, body { width: 100%; height: 100%; padding: 0; margin: 0; }
body { font: normal 11px/1.3 Tahoma, sans-serif; color: #676767; text-align: center;  }

img { border: 0; }

table { border: 0; border-collapse: collapse; }
table td { padding: 0; vertical-align: top; // font-size: 11px; }

p { margin-bottom: 18px; }

input, textarea, select { font: normal 12px/1.3 Tahoma, sans-serif; color: #676767; }

a:link, a:visited, a:hover, a:active { background: transparent; color: #676767; text-decoration: underline; outline: none; }
a:hover { text-decoration: none; }

.page { position: relative; min-width: 1000px; min-height: 900px; background: #CCC; height: 100%; background: #FFF url('../img/conv.gif') bottom right no-repeat; }

/* Header
---------------------------------------- */

.header { height: 204px; margin-bottom: 29px; background: url('../img/header.gif') top left repeat-x; }
.header .logo { width: 203px; padding-top: 48px; margin: auto; }
.header .logo a { width: 203px; height: 117px; display: block; overflow: hidden; text-indent: -3000em; background: url('../img/logo.png') top left no-repeat; }

/* Content
---------------------------------------- */

.content { position: relative; width: 76%; margin: auto; text-align: left; }
.content .padding { padding-right: 489px; }
.content .rightbox { position: absolute; top: 0; right: 0; width: 439px; }

.moreright { padding-left: 20px; }

.mailbox { width: 439px; height: 291px; margin-top: 25px; background: url('../img/mail_box.gif') top left no-repeat; }
.mailbox .padding { padding: 18px 0 0 20px; }
.mailbox td { text-align: right; padding: 0 6px 6px 0; }
.mailbox input, .mailbox textarea { float: left; width: 167px; border: 1px solid #CCC; background: #e8e8e8; padding: 1px; }
.mailbox textarea { width: 247px; height: 155px; }
.mailbox a.send { float: left; margin-top: 3px; text-decoration: none; }
.mailbox .error { display: block; float: left; width: 16px; height: 15px; margin: 3px 0 0 6px; background: url('../img/error.gif') top left no-repeat; }
.mailbox .sended { width: 439px; height: 91px; background: url('../img/sended.gif') center center no-repeat; padding-top: 200px; text-align: center; }
.mailbox .sended a { color: #d3aaea; text-decoration: none; border-bottom: 1px dotted #d3aaea; }

.errborder { border: 1px solid #bc79db ! important; }

/* Title
---------------------------------------- */

h1 { height: 11px; display: block; overflow: hidden; text-indent: -3000em; margin-bottom: 18px; }
h1.about { background: url('../img/about.gif') top left no-repeat; }
h1.contact { background: url('../img/contact.gif') top left no-repeat; }
h1.mail { background: url('../img/mail.gif') top left no-repeat; margin-bottom: 10px; }

/* Footer
---------------------------------------- */

.friends { position: absolute; bottom: 15px; left: 15px; }
.friends a { height: 40px; display: block; overflow: hidden; text-indent: -3000em; float: left; margin-right: 10px; }
.friends a.one { width: 68px; background: url('../img/friend_1.gif') top left no-repeat; }
.friends a.two { width: 58px; background: url('../img/friend_2.gif') top left no-repeat; }

.midas { position: absolute; bottom: 180px; right: 15px; }
.midas a { width: 11px; height: 142px; display: block; overflow: hidden; text-indent: -3000em; background: url('../img/midas.gif') top left no-repeat ! important; }