@import "promo_common.css";

#all {background:url(../images/promo/bg.jpg) 50% 0 no-repeat;min-height:890px;}

#content {width:800px;margin:0 auto;padding:50px 0 40px 0;position:relative;//z-index:3}
h1 {text-indent:-9999px;height:49px;margin-bottom:210px;background:url(../images/promo/sprite.png) 0 0 no-repeat;}
h2 {text-indent:-9999px;height:32px;margin-bottom:10px;background:url(../images/promo/sprite.png) 0 -49px no-repeat;font-size:27px;color:#fff}

.description {background:url(../images/promo/sprite_reviews.png) 0 0 repeat-x;color:#c2efff;width:100%;position:absolute;top:145px;height:128px;left:0;z-index:2;}
.description .pad {width:450px;margin:0 auto;position:relative;padding:20px 350px 0 0}
.description h2 {position:relative;left:-2px}
.description .reviews {position:absolute;right:45px;top:50px}
.description .review {position:absolute;width:340px;font-size:16px;font-family:Georgia, "Times New Roman", Helvetica, sans-serif;right:-92px;bottom:100%;color:#000}
.description .review span {display:block;background:url(../images/promo/sprite_reviews.png) 0 -128px no-repeat;font-size:5px;height:20px;_background-position:0 -129px}
.description .review p {margin:0;background:url(../images/promo/sprite_reviews.png) 0 100% no-repeat;padding:0 40px 40px 27px;line-height:1.4em}
.description .author {text-align:right}
.description .author .portrait {float:right;width:69px;margin-left:6px;position:relative;top:-10px}
.description .author .portrait i {display:block;background:url(../images/promo/sprite_reviews.png) -340px -128px no-repeat;font-size:5px;height:7px} 
.description .author .portrait span {display:block;background:url(../images/promo/sprite_reviews.png) -340px 100% no-repeat;padding:0 9px 11px} 
.description .author .logo {display:block;font-size:5px;background:url(../images/promo/reviews/logos.png) 100% 0 no-repeat;width:137px;height:24px;margin-right:75px;margin-top:5px}
.description .author img {display:block}
.description .bugs {position:absolute;right:0px;top:10px;width:250px;padding:20px 0 0 115px;min-height:92px;_height:92px;font-size:12px}
.description .bugs {background:url(../images/promo/bug.png) 0 0 no-repeat;}
.description .bugs h6 {font-size:14px;color:#fff;margin-bottom:.5em}

ul.features {list-style:none;list-style-position:outside;padding:0;margin:0;width:495px;float:left}
ul.features li {margin:0;float:left;width:92px;height:50px;padding:10px 0 25px 73px;//display:inline}
ul.features li.clear {clear:both;float:none;width:100%;height:0;padding:0;line-height:0;}
ul.features i {display:block;width:65px;height:60px;background:url(../images/promo/sprite.png) 0 -97px no-repeat;position:absolute;margin:-10px 0 0 -73px;font-size:5px}
ul.features .free i {background-position:-70px -93px;height:65px;_height:64px}
ul.features .multi_lang i {background-position:-140px -97px}
ul.features .high_speed i {background-position:-210px -97px}
ul.features .interface i {background-position:-280px -97px}

.download {float:right;width:275px}
.download a {display:inline-block;font-size:24px;color:#000;text-decoration:none;cursor:pointer;}
.download a * {display:inline-block;padding:12px 25px 18px 0;}
.download a span {background:url(../images/promo/sprite_boxes.png) 100% 0 no-repeat;}
.download a i {background:url(../images/promo/sprite_boxes.png) 0 0 no-repeat;height:29px;width:65px;padding-right:0}
.download p {margin-left:25px}

.counter {margin-left:23px;line-height:30px}
.counter .box {float:left;position:relative;background:url(../images/promo/sprite.png) 0 -158px no-repeat;font-size:18px;font-weight:bold;color:#000;height:33px;margin-right:15px;}
.counter span {display:block;position:relative;left:9px;z-index:1;padding:0 0 0;letter-spacing:11px}
.counter .r {display:block;position:absolute;left:100%;top:0;height:33px;background:url(../images/promo/sprite.png) 100% -158px no-repeat;width:7px;font-size:5px;}

.screenshots {clear:both;margin:0 -80px -10px;color:#000;font-size:90%;zoom:1}
.screenshots .top {font-size:5px;background:url(../images/promo/sprite_boxes.png) 0 -221px no-repeat;height:50px}
.screenshots .shots {background:url(../images/promo/sprite_boxes.png) 0 100% no-repeat;}
.screenshots ul {list-style:none;list-style-position:outside;margin:0;padding:0 55px 68px 80px;overflow:hidden;zoom:1;position:relative;top:-20px}
.screenshots li {margin:0;padding:20px 25px 0 0;display:block;float:left;width:315px}
.screenshots li p {margin:0;line-height:1.3em;}
.screenshots li img {display:block;position:relative;left:-1px;margin-bottom:5px}
.screenshots .results {padding-top:0}
.screenshots .results img {margin-bottom:-15px;position:static}
.screenshots .results p {padding-left:28px}


.download_large {position:relative;overflow:hidden;zoom:1;margin-bottom:30px}
.download_large .pad {float:left;position:relative;left:50%}
.download_large .box {float:left;position:relative;left:-50%;background:url(../images/promo/sprite_boxes.png) 0 -119px no-repeat;height:102px;margin-left:-50px}
.download_large .content {position:relative;left:24px;z-index:1;padding:17px 0 0}
.download_large .right {position:absolute;left:100%;top:0;height:102px;background:url(../images/promo/sprite_boxes.png) 100% -119px no-repeat;width:48px;font-size:5px}
.download_large a {display:inline-block;font-size:28px;color:#000;text-decoration:none;margin-right:15px;cursor:pointer;//vertical-align:middle}
.download_large a span {position:static !important;display:inline-block;padding:11px 25px 15px 0;background:url(../images/promo/sprite_boxes.png) 100% -60px no-repeat}
.download_large a span em {position:relative;font-style:normal}
.download_large a i {position:static !important;display:inline-block;padding:11px 25px 15px 0;background:url(../images/promo/sprite_boxes.png) 0 -60px no-repeat;height:34px;width:65px;padding-right:0}

#footer {color:#a8e0f4;font-size:90%;overflow:hidden;zoom:1;line-height:5.5em}
#footer a {color:#a8e0f4}
#footer a:hover {color:#fff}
#footer a.go_carambis {display:block;float:left;font-size:5px;width:121px;height:63px;line-height:1em;background:url(../images/promo/sprite.png) 100% 100% no-repeat;text-decoration:none;margin-right:30px}
#footer .links {float:right}
#footer .links a {margin-left:10px}

#lang {position:absolute;right:-6px;top:0;z-index:9000;font-size:90%;color:#fff;width:122px}
#lang a, #lang span {display:block;background:url(../images/promo/lang.gif) 0 0 no-repeat;color:#000;text-decoration:none;padding:5px 5px 5px 30px}
#lang a:hover{background-color:#2a9ac6;color:#fff}
#lang span {padding-bottom:6px;color:#fff}
#lang ul {list-style:none;list-style-position:outside;background:url(../images/promo/sprite.png) 0 -191px no-repeat;margin:0;padding:0 0 4px;_padding-bottom:0px}
#lang li {padding:0;margin:0 6px;display:none}
#lang .current {cursor:pointer;cursor:hand;display:block;_zoom:1}
#lang .active {background:url(../images/promo/sprite.png) 0 100% no-repeat;padding-bottom:15px}
#lang .active .current {background:url(../images/promo/sprite.png) -6px -222px no-repeat}
#lang .active span {color:#000}
#lang .active li {display:block;list-style:none;_zoom:1}
#lang .pt {background-position:0 0}
#lang .ru {background-position:0 -23px}
#lang .fr {background-position:0 -45px}
#lang .jp {background-position:0 -67px}
#lang .cn {background-position:0 -89px}
#lang .de {background-position:0 -111px}
#lang .en {background-position:0 -133px}
#lang .es {background-position:0 -155px}