/*
Author: Nikolay Gromov
Author URI: http://nicothin.ru
*/


/* RESET */
* {font-size:1em;margin:0;outline:none;padding:0;text-decoration:none;}
code,kbd,samp,pre,tt,var,textarea,input,select,isindex {font:inherit;font-size:1em}
var,address {font-style:normal}
h1,h2,h3,h4,h5,h6 {font-weight:normal}
a,img,iframe,form,fieldset,abbr,acronym,object,applet {border:none}
div{position:relative}
table {border-collapse:collapse;border-spacing:0}
caption,th,td,center {text-align:left;vertical-align:top}


/* MAIN */
html, body {width:100%;background:#000}
html {font-size:62.5%} 
body {font-size:1.2em; line-height:1.4em; background:url(img/page-back.png) top repeat-x; padding-top:2em}
/* structure */
#wrapper{width:58em;margin:0 auto 1em; background:#fff; padding:.833em}
#header {height:7.5em; margin-bottom:.2em}
#nav {height:3.333em; margin-bottom:.5em}
#promo, #header, #content, #footer {padding:0 2em}
#middle{width:100%;height:1%;}
#middle:after{content:'.';display:block;clear:both;visibility:hidden;height:0;}
#container{width:100%;float:left;overflow:hidden; padding-bottom:2em}
#footer{height:4em}
/* fonts */
html, input[type='text'], input[type='password'], input[type='submit'], input[type='button'], textarea, select {font-family: Verdana, Arial, sans-serif} 
h1, h2, h3, h4, caption, legend, #header, .plan {font-family: "Trebuchet MS", Verdana, Arial, sans-serif} 
code, kbd, samp, pre, tt, var {font-family:"Lucida Console", "Courier New", Courier, monospaced}
/* main colors */
body {color:#444}
h1 {color:#535353}
h2, caption, legend {color:#3B3B3B}
h3, h4, h5, h6 {color:#212121}
.gray {color: #808080}
#header, blockquote {color:#787878}
hr {background:#B5B5B5}
/* links */
a {color:#0099CC; text-decoration: underline}
a:hover, a:active {text-decoration: none}
.sidebar a, #nav a, #header a, .by a, #footer a {text-decoration: none}
.sidebar a:hover, .sidebar a:active, #nav a:hover, #nav a:active, #footer a:hover, #footer a:active, .by a:hover, .by a:active {text-decoration: underline}
#nav a, .by a {color:#fff}
/* borders */
#header, .plan .inner {border:#d4d9dc 1px solid}
#content h1 {border-bottom:1px #B5B5B5 solid}
table {border-top:1px #B5B5B5 solid; border-left:1px #B5B5B5 solid}
th, td {border-bottom:1px #B5B5B5 solid; border-right:1px #B5B5B5 solid}

#header {background:url(img/header-back.png) bottom repeat-x}
#header h1 {margin:.7em 0 0 0; position:relative; width:12em}
#header h1 small {font-size:.5em; color:#b9b9b9}
#header h1 a {color:#595959}
.red {color:#FF0000}
div.JQFEShadow .red, div.JQFEShadow small {color:#fff!important}
.lang {position:absolute; top:1em; right:1.5em; list-style:none; margin:0}
.lang li {float:left; margin-right:.5em}

#nav {background:#2957a2 url(img/nav-back.png) top repeat-x; text-transform: uppercase; line-height:3.333em}
#nav ul {margin:0 0 0 .8em; list-style:none}
#nav li {float:left; padding:0 1em}
#nav a {display:block; padding:0 .3em; font-size:1.167em}

#promo {background:#2957a2 url(img/promo-back.png) top repeat-x; color:#fff; padding-bottom:2em}
#promo h1 {margin:0; color:#fff; padding:.7em 0 0}
#promo big {display:block; margin-bottom:.8em}
#promo p {color:#cfd9e9}
.server {position:absolute; width:239px; height:221px; top:-90px; right:0; background:url(img/server.png) no-repeat}

.plan {width:19em; float:left; margin:.3em .5em .3em 0; background:url(img/plan-back.png) bottom repeat-x}
.plan .inner {padding:2em .8em 3.2em 2em}
.gold {float:right; margin-right:0}
.plan ul {margin:0; list-style:none}
.plan h2 {margin-top:0}
.plan big {position:absolute; left:1.4em; bottom:.8em}
.by a {position:absolute; bottom:.8em; right:.8em; padding:.3em .5em; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px}
.gold h2, .gold big {color:#d5dc13}
.gold .by a {background:#d5dc13}
.silver h2, .silver big {color:#838383}
.silver .by a {background:#838383}
.bronze h2, .bronze big {color:#a6912d}
.bronze .by a {background:#a6912d}

#faq h2 {margin-top:0; padding-top:1.1em}

#footer{background:#2957a2 url(img/nav-back.png) top repeat-x; padding-top:1.2em}
#footer * {color:#cfd9e9}
#footer p {float:left}
#footer p.right {float:right; width:17em}

.pay {height:34px; background:url(img/pay.jpg) center; margin:.5em 0 0}

#order div {float:left}
.fname {width:15em}
.fname p {margin:.3em .5em 0 0}
.finp {width:38em}
.single input, .single select {width:16em; margin-right:1em}
.finp textarea {width:38em}
.submit {margin-left:15em}
label.error {font-weight:bold; color:#FF0000}

.corn1 {position:absolute; width:7px; height:7px; background-image:url(img/corn17bg.png)}
.corn2 {position:absolute; width:5px; height:5px; background-image:url(img/corn10w.png)}
.corn3 {position:absolute; width:5px; height:5px; background-image:url(img/corn10wbrd.png)}
.tl {background-position:top left; top:0; left:0}
.tr {background-position:top right; top:0; right:0}
.bl {background-position:bottom left; bottom:0; left:0}
.br {background-position:bottom right; bottom:0; right:0}
.tl2 {background-position:top left; top:-1px; left:-1px}
.tr2 {background-position:top right; top:-1px; right:-1px}
.bl2 {background-position:bottom left; bottom:-1px; left:-1px}
.br2 {background-position:bottom right; bottom:-1px; right:-1px}

/* content */
h1 {font-size:2.5em; line-height:1em}
h2, legend {font-size: 2em}
h1, h2, h3, h4, h5, h6 {margin:1.1em 0 .5em}
#content h1 {padding-bottom:.2em}
h3, caption {font-size:1.5em}
h4, h5, h6 {font-size:1.167em}
blockquote {padding:1em 1.3em 0.1em 1.3em; margin-left:2.5em}
blockquote p, q {quotes: "\00AB" "\00BB" "\2018" "\2019"}
blockquote p:before {content:open-quote}
blockquote p:after {content:close-quote}
strong, b, th, thead td, em {font-weight:bold}
cite, em, dfn, i {font-style:italic}
pre {overflow:auto; padding:.2em}
del, strike, s  {text-decoration: line-through}
ins, dfn, u {border-bottom:1px solid #999}
small {font-size:.917em}
big {font-size:1.4em}
abbr {text-transform:uppercase; letter-spacing:.1em}
abbr[title], acronym[title], dfn[title] {cursor:help; border-bottom:1px solid #ccc}
sup {vertical-align:super}
sub {vertical-align:sub}
sup, sub {font-size:.714em}
hr {display:block; width:100%; height:1px; border:none}
dt {font-weight:bold; margin:.8em 0 0}
dd {margin:0 0 0 1.57em}
ul {list-style:disc outside; margin-left:2.2em}
ul ul, ol ul {list-style:circle}
ul ul ul {list-style:disc}
ol ul ol {margin-left:2.2em}
ol {list-style:decimal outside; margin-left:2.2em}
table {width:100%}
th, td {padding:.4em .6em}
caption {padding:.5em 0}
fieldset {padding:0; margin:0}
legend {padding:0 .5em .2em}
legend+* {margin-top: 1em}
textarea, input {padding:.4em}
input[type='submit'], input[type='button'] {padding: .214em .4em}
select {padding: .4em .3em .3em}
option {padding: 0 .4em}
input, select, label[for] {cursor:pointer}
input[type='text'], input[type='password'] {cursor:text}
#container hr, #container p, #container ul, #container ol, #container dl, #container pre, #container blockquote, #container address, #container table, #container form, #container iframe {margin-bottom:.5em}

/* toolbox */
.hide {display:none}
.clear {clear:both; height:1px; line-height:1px}
.nbsp {display:inline-block; width:1em}
.alignright {float:right; margin:.5em 0 1em 1.5em}
.alignleft {float:left; margin:.5em 1.5em 1em 0}
.aligncenter {display:block; margin:.5em auto .8em; text-align:center}
p.more {text-align: right; margin-top:-1em!important}
p.more a[href]:after {content: " >"}