/* 
    Document   : style
    Created on : 16.12.2009, 14:29:45
    Author     : playboyko
    Description:
        Purpose of the stylesheet follows.
*/


html, body {
    min-height: 100%;
    height: 100%;
    color: #000;
    font-family: Tahoma, Arial, Helvetica, sans-serif !important;
    font-size: 18px;
}

body {
    margin: 0;
    padding: 0;
    background: #F3F3F3;
}
a img {
    border: 0;
}
a {
    text-decoration: none;
}
div.clear {
    clear: both;
}
#main-container {
    position: relative;
    height: auto !important;
    min-height:100%;
    height: 100%;
    margin: 0 auto;
    width: 1000px;
    background-color: #fff;
}
#header {
    width: 900px;
    height: 168px;
    margin: 0 auto;
}
#line1 {
    padding-top: 52px;
    height: 35px;
    font-size: 24px;
    color: #d245bb;
    text-align: right;
}

#line2 {
    height: 94px;
    margin-top: -52px;
    clear: both;
    text-align: left;
}
#logo {
    display: block;
    position: relative;
    float: left;
    width: 158px;
    height: 89px;
    padding-left: 8px;
    border-left: 14px solid #fff;
    margin-left: -14px;
    margin-top: 24px;
}

#logo:hover {
    border-left: 14px solid #fcd200;
}

#line2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 76px;
    height: 39px;
}

#line2 ul li {
    float: left;
    height: 39px;
}
#line2 ul li a {
    display: block;
    height: 21px; /* 39 - 18 */
    padding-top: 18px;
    font: 20px "Tahoma";
    color: #1492d3;
    text-decoration: none;
}

#line2 ul li a:hover {
    color: #d245bb;
}

#line2 ul li.sel a {
    color: #f0324c;
}

#line2 ul.menu {
    float: left;
    margin-left: 60px;
}
#line2 ul.menu li {
    margin-right: 40px;
}

#line2 ul.menu2 {
    float: right;
}
#line2 ul.menu2 li.lab a {
    padding-left: 39px;
    background: url(/shared/i/lab.gif) no-repeat;
}
#main {
    text-align: left;
    width: 900px;
    margin: 0 auto;
    margin-top: 36px;
}
#main .services {
    margin-top: 20px;
}
#main .services .column {
    width: 210px;
    float: left;
    margin-left: 20px;
}

#main .services .column ul {
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
}
#main .services .column li {
    margin-top: 20px;
    font-size: 14px;
    color: #000;
}
#main .services .column li a {
    color: #000;
    font-size: 14px;
    text-decoration: none;
}
#main .services .column.pic1 li a:hover {
    color: #fcd200;
}
#main .services .column.pic2 li a:hover {
    color: #f0324c;
}
#main .services .column.pic3 li a:hover {
    color: #a72091;
}
#main .services .column.pic4 li a:hover {
    color: #0b92d3;
}
#main .services a.big {
    width: 210px;
    height: 210px;
    display: block;
}
#main .services a.big.pic1 {
    background: url('/shared/i/web-work.jpg') no-repeat;
}
#main .services a.big.pic2 {
    background: url('/shared/i/interact.jpg') no-repeat;
}
#main .services a.big.pic3 {
    background: url('/shared/i/mmarkt.jpg') no-repeat;
}
#main .services a.big.pic4 {
    background: url('/shared/i/go-online.jpg') no-repeat;
}
#main .about-index {
    background: url('/shared/i/about-small.jpg') no-repeat;
    padding-top: 35px;
    margin-top: 40px;
    font-size: 14px;
}
#main .about-index a {
    color: #0b92d3;
    text-decoration: underline;
    font-size: 14px;
}
#main .clients-index {
    background: url('/shared/i/clients-small.jpg') no-repeat;
    padding-top: 35px;
    margin-top: 40px;
    height: 100px;
    position: relative;
}
#main .clients-index .item {
    display: block;
    float: left;
    margin-left: 48px;
}
#main .clients-index a.full {
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 14px;
    color: #0b92d3;
}

#main .banner {
    position: relative;
    width: 900px;
    height: 300px;
    overflow: hidden;
}
#main .services-descr {
    color: #010101;
    font-size: 24px;
    /*margin-top: 36px;*/
    width: 910px;
    text-align: justify;
}
#footer {
    background: url('/shared/i/line.jpg') no-repeat center 0;
    margin-top: 40px;
    font-size: 12px;
    padding-bottom: 20px;
}
#footer a {
    font-size: 12px;
    color: #0000ff;
}
#footer .email {
    direction: rtl;
    unicode-bidi: bidi-override;
    margin-left: 0px;
    /*mar: 0px;*/
}
#footer span {
    margin-left: 70px;
}
#footer div {
    margin: 0 auto;
    padding-top: 20px;
    width: 620px;
}
#page404 {
    background: url('/shared/i/404.jpg') no-repeat;
    width: 681px;
    height: 174px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
}
#main .pmenu, #main .pbody {
    float: left;
}
#main .pmenu {
    width: 205px;
}
#main .pmenu a {
    font-size: 14px;
    display: block;
    margin-bottom: 23px;
    max-width: 205px;
}
#main .pmenu a:hover {
    text-decoration: underline;
}
#main .pbody {
    width: 673px;
    margin-left: 22px;
}
#main .pbody .item {
    height: 162px;
    margin-bottom: 33px;
    font-size: 14px;
    display: block;
    overflow: hidden;
}
#main .pbody .item a {
    display: block;
    margin-bottom: 18px;
}
#main .smenu, #main .sbody {
    float: left;
    margin-top: 54px;
    font-size: 24px;
}
#main .smenu {
    width: 247px;
}
#main .sbody {
    width: 653px;
    font-family: Tahoma, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
}
.pbody p {
    margin: 0;
    padding: 0;
    font-family: Tahoma, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
}
.sbody p {
    margin: 0;
    padding: 0;
    font-family: Tahoma, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
}
.test1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    z-index: 100;
    display: none;
}
.aboutMain {
    /*height: 360px;*/
}
.services a img {
    margin-top: -22px;
    padding: 0;
    display: none;
}
#title-cnt {
    width: 902px;
    margin: auto;
}
.about-over-text {
    width: 902px;
    height: 207px;
    margin: auto;
    margin-top: 50px;
    display: none;
}
#company-text {
    background: url(/shared/i/about/company-text.png) no-repeat;
}
#people-text {
    background: url(/shared/i/about/people-text.png) no-repeat;
}
#partners-text {
    background: url(/shared/i/about/partners-text.png) no-repeat;
}
#meetings-text {
    background: url(/shared/i/about/meetings-text.png) no-repeat;
}
#company-title {
    width: 318px;
    height: 53px;
    background: url(/shared/i/about/company-title.png) no-repeat;
    position: relative;
    margin-left: 293px;
    margin-top: 145px;
    display: none;
}
#people-title {
    width: 174px;
    height: 53px;
    background: url(/shared/i/about/people-title.png) no-repeat;
    position: relative;
    margin-left: 580px;
    margin-top: 145px;
    display: none;
}
#partners-title {
    width: 303px;
    height: 63px;
    background: url(/shared/i/about/partners-title.png) no-repeat;
    position: relative;
    margin-left: 55px;
    margin-top: 145px;
    display: none;
}
#meetings-title {
    width: 257px;
    height: 63px;
    background: url(/shared/i/about/meetings-title.png) no-repeat;
    position: relative;
    margin-left: 180px;
    margin-top: 145px;
    display: none;
}
#test2 {
    width: 100%;
    position: absolute;
    top:325px;
    left:0;
    z-index: 200;
    /*border: 1px solid #ababab;*/
}
#about-srv {
    margin: auto;
    /*margin-top: 345px;*/
    width: 900px;
    height: 250px;
}
ul.services li.company {
    /*color="#f6d83c"*/
    background: #f6d83c url(/shared/i/about/company.png) no-repeat;
}
ul.services li.people {
    /*color="#db5762"*/
    background: #db5762 url(/shared/i/about/people.png) no-repeat;
}

ul.services li.partners {
    /*color="#a347a0"*/
    background: #a347a0 url(/shared/i/about/partners.png) no-repeat;
}

ul.services li.meetings {
    /*color="#52a3d7"*/
    background: #52a3d7 url(/shared/i/about/meetings.png) no-repeat;
}
ul.services {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.services li {
    float: left;
    margin-left: 20px;
    height: 210px;
}

ul.services li.first {
    margin-left: 0;
    width: 210px;
    height: 210px;
}
ul.services li a {
    display: block;
    width: 210px;
    height: 210px;
    text-decoration: none;
}
#aboutHeader {
    width: 841px;
    height: 84px;
    margin: auto;
    background: url(/shared/i/about/head.png) no-repeat;
}
.bar1 {color: #fcd200;}
.bar2 {color: #a72091;}
.bar3 {color: #0b92d4;}
.bar4 {color: #f0324c;}
#mainInscription {
    font-size: 18px;
    text-align: center;
}
.labCols {
    margin-top: 34px;
    height: 600px;
}
.labCols div {
    float: left;
    margin-left: 20px;
    width: 210px;
}
.labCols div div {
    float: none;
    font-size: 14px;
    margin-left: 0px;
    margin-top: 16px;
}
.labCols div.first {
    margin-left: 0px;
}
#sms-text {
    font-style: italic;
    color: #6a6a6a;
}
.labCols div.getsms-edit {
    width: 161px;
    height: 27px;
    background: url(/shared/i/lab/edit.png);
}
div.getsms-edit input {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    font-size: 14px;
    position: relative;
    top: 1px;
    width: 150px;
}
#getsms {
    margin-top: -5px;
    height: 30px;
}
#getsms div {
    float: left;
}
.labCols div.getsms-ok {
    width: 44px;
    height: 30px;
    margin-left: 5px;
    cursor: pointer;
    cursor: hand;
}
#smsresp {
    margin-top: -15px;
}
#smsresp span {
    color: #17a635;
}
#pdf {
    /*background: url(/shared/i/lab/pdf.png) no-repeat;
    padding-left: 57px;*/
    /*border: 1px solid; */
    height: 50px;
    width: 210px;
    overflow: hidden;
}
#demoHeader {
    text-align: left;
    padding-left: 8px;
    padding-top: 7px;
    padding-bottom: 9px;
    font-size: 28px;
    color: #FFF;
}
.demoar {
    background-color: #a346a0;
}
.demoarvalentine {
    background-color: #db2a84;
    text-align: center !important;
}
.arvalentinetext{
    float: left;
    margin-top: 30px;
    margin-left: 30px;
    width: 500px;
}
.arcontainer {
    margin-top: 18px;
    margin-bottom: 20px;
    font-size: 18px;
}
#arflash {
    width: 640px;
    height: 480px;
    background-color: #000;
    float: left;
    position: relative;
    z-index: 10;
}
.arinstr {
    z-index: 20;
    overflow: visible;
    position: relative;
    margin: 0;
    float: left;
    margin-left: 19px;
    width: 239px;
    padding: 0;
}
.arinstr div {
    width: 202px;
    padding-left: 73px;
}
.ifirst {
    background: url(/shared/i/lab/demo/first.png) no-repeat;
    height: 66px;
    margin-top: 45px;
}
.isecond {
    overflow: visible;
    position: relative;
    z-index: 500;
    margin-left: -7px;
    padding-left: 80px !important;
    margin-top: 54px;
    background: url(/shared/i/lab/demo/smth.png) no-repeat left center;
}
.demoheart .isecond {
    background: url(/shared/i/lab/demo/heart.png) no-repeat left center;
}
.mojrajonlogo{
    margin-top: 30px;
    margin-bottom: 22px;
    float: left;
}
.ithird {
    margin-top: 46px;
    background: url(/shared/i/lab/demo/pick.png) no-repeat left center;
    height: 66px;
}
.demo3d {
    background-color: #f5d73b;
}
.flash3d {
    width: 640px;
    border: 2px solid #000;
    height: 480px;
    float: left;
}
.instr3d {
    width: 231px;
    float: left;
    margin-left: 15px;
}
.note3d {
    width: 150px;
    background: url(/shared/i/lab/demo/arrow.png) center left no-repeat;
    padding-left: 91px;
}
#rotate3d {
    background: url(/shared/i/lab/demo/rotate.png) center left no-repeat;
    margin-left: 19px;
    padding-left: 72px;
    margin-top: 100px;
    margin-bottom: 87px;
}
#arinform {
    font-size: 14px;
    font-style: italic;
    color: #666666;
}