html, body { height: 100%; }
body { background: #eaeaea url(/img/bg.jpg) repeat-x; color: #3e3c3e; font: 100% Arial, Helvetica, sans-serif; line-height: 125%; min-width: 960px; padding: 0 2%; }
.all { min-height: 100%; margin-bottom: -90px; }
* html .all {height: 100%;}
a { color: #de2526; }
a:hover { color: #e78006; }
.main-about { float: left; font-size: 24px; line-height: 120%; width: 500px; padding: 60px 0 0 3%; font-weight: normal; }
img.logo { float: right; padding-right: 10%; }
.main-what { float: left; clear: left; padding: 40px 0 40px 5%; }
.main-price { float: right; padding: 40px 14% 20px 0; }
*:first-child+html .main-price { padding-top: 120px; }
table.price { margin: 10px 0 10px 20px; }
table.price th { padding: 4px; line-height: 1em; }
table.price td { text-align: center; line-height: 1.6em; }
.price .odd { background-color: #c0c0c0; }
.price-number { width: 150px; }
.price-money { font-size: 1.4em; }
th { font-weight: normal; vertical-align: middle; font-size: 0.8em; }
h2 { font-weight: normal; font-size: 1.5em; }
ul.n { padding: 10px 0 10px 35px; width: 450px; font-size: 0.9em; overflow: visible; list-style-type: square; }
.clear { clear: both; }
span.tip { color: #7e7e7e; }
a.back { padding-top: 40px; }
.lang { position: absolute; left: 6.5%; top: 15px; }
.lang a, .lang span { float: left; display: block; margin: 5px; width: 20px; height: 15px; }
span.lang-ru { background: url('/img/lang.png') no-repeat; }
span.lang-en { background: url('/img/lang.png') no-repeat -20px 0px; }
a.lang-ru { background: url('/img/lang.png') no-repeat 0px -15px; }
a.lang-en { background: url('/img/lang.png') no-repeat -20px -15px; }
a.lang-ru:hover { background: url('/img/lang.png') no-repeat; }
a.lang-en:hover { background: url('/img/lang.png') no-repeat -20px 0; }
.error { font-size: 0.9em; width: 500px; height: 180px; padding-right: 270px; background: url('/img/logo.png') top right no-repeat; position: absolute; top: 40%; left: 50%; margin-left: -375px; margin-top: -95px; }
.error h2 { padding: 30px 0 3px 0; }
.dash { text-decoration: none; border-bottom: 1px dashed #de2526; }
.dash:hover { border-bottom: 1px dashed #e78006; }

/* menu */
ul.menu { float: left; list-style-type: none; font-size: 1.3em; margin: 20px 0 20px; }
ul.menu li { float: left; padding-right: 50px; }
ul.main-menu { padding-left: 6%; }
ul.menu-other { padding: 60px 0 20px 5%; }
ul.menu-other li { padding-right: 50px; }

/* main */
.small { font-size: 0.7em; }
.main-faq { float: left; padding: 30px 0 0 12%; font-size: 1.3em; }
.main-forum { float: left; padding: 40px 0 0 12%; font-size: 1.3em; }
.main-clients { float: left; padding: 30px 0 0 5%; font-size: 1.3em; }
p.main-link { margin-left: 20px; padding-bottom: 3px; width: 230px; }
p.main-link-en { padding-top: 3px; border-top: 1px dashed #999; }
.main-price #download { display: none; }
#download { line-height: 4em; background: #eaeaea; padding: 10px; white-space: nowrap; overflow-x: hidden; overflow-y: hidden; width: 255px; }
#download a { text-decoration: none; }
#download span { text-decoration: underline; }
#download img { vertical-align: middle; padding-right: 7px; }

/* news */
.main-news { float: left; clear: left; padding: 0 0 40px 5%; }
.main-news h2 { margin-bottom: 10px; }
.main-news-post { margin: 0 0 5px 20px; font-size: 0.9em; }
.main-news-post .news-modal { display: none; }
.news-modal { padding: 10px; width: 500px; }

/* article */
.articles-list { clear: both; width: 60%; margin: 210px auto 40px; }
.articles-list p { padding-bottom: 25px; }
.articles-showdate { font-size: 0.8em; color: #5c5c5c; }
.article { margin: 170px auto 40px; width: 670px; font-size: 0.9em; }
.article h2 { line-height: 1.4em; }
.article p { width: 630px; padding: 10px 0; line-height: 1.4em; }
.article img { padding: 0 0 10px 15px; }
.screenshots { width: 930px; margin: 170px auto 40px; font-size: 0.9em; }
.screenshots img { padding: 12px 0 30px 10px; }

/* clients */
.clients p { padding: 10px 0 7px 0; font-size: 1.1em; font-weight: bold; }
.clients ul { padding: 0 0 10px 5px; }

/* contacts */
.contacts-dev { float: left; clear: left; padding: 120px 0 0 10%; width: 250px; font-size: 0.9em; }
.contacts-dev-tech { padding-top: 42px; }
.contacts-buy { float: left; width: 500px; padding: 75px 0 0 10%; font-size: 0.9em; }
.contacts-sabit { padding: 20px 30px 0 0; width: 200px; float: left; }
.contacts-sabit-pic { margin: 40px 0 0 0; padding: 5px; }
.contacts-r { text-align: right; padding-right: 7px; }
.contacts-store { float: left; padding-top: 7px; }
.contacts-store img { padding-left: 5px; vertical-align: -10%; }
.eu-store { padding-top: 19px; }

/* footer */
.push { height: 90px; clear: both; }
.f { height: 70px; width: 100%; clear: both; border-top: 1px solid #aeaeae; font-size: 0.8em; }
.f-l { float: left; padding: 20px 0 0 5%; }
.f-c { float: left; padding: 20px 0 0 25%; }
.f-r { float: right; padding: 15px 5% 0 0; }
