/* 
    Document   : main
    Created on : 02.03.2009, 22:37:56
    Author     : Che
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

html,body {
    margin:0;
    padding:0;
}


body {
    background:url('../../im/bg.jpg') repeat-x 0 -550px #c9dde9;
    font-family:Tahoma;
    font-size:12px;
    color:#314a57;
}


h1 {
    padding:0;
    margin:0;
    color:#256282;
    font-size:14px;
}

p {
    padding:0;
    margin:0;
    line-height:16px;
}

a {
    color:#314a57;
}

span {
    color:#6793ab;
    background:#e0ecf3;
}

.clr {
    clear:both;
    line-height:0;
    height:0;
}

p.bg {
    position:absolute;
    z-index:1;
    background:url('../../im/bg.jpg') repeat-x 0 0 #c9dde9;
    left:0;
    top:0;
    height:542px;
    width:50%;
    margin:0;
    padding:0;
}


#all {
    width:914px;
    margin:0 auto;
    position:relative;
    z-index:2;
}

.head {
    height:542px;
    background:url('../im/head.jpg');
}


.tl {
    padding-top:53px;
}

.tl div {
    float:right;
}

.tl .l ul {
    padding:0;
    margin:0;
}

.tl .l ul li {
    list-style-type:none;
    display:block;
    float:left;
    padding:0;
    margin:0;
}

.tl .l ul li a {
    display:block;
    width:15px;
    height:15px;
    border:none;
    margin:0 23px;
}

.lang {
    width:270px;
    text-align:right;
    margin-right:50px;
}

.lang  {
    color:#fff;
    text-transform:uppercase;
    font-size:9px;
}

.lang a {
    color:#9edafb;
    text-decoration:underline;
}

.menu {
    width:440px;
    margin:63px 0 0 437px;
}

.menu ul {
    display:block;
    width:439px;
    height:27px;
    padding:0;
    margin:0;
    background:url('../im/menu-sprite.png');
}

.menu ul li {
    list-style-type:none;
    display:block;
    float:left;
    padding:0;
}

.menu ul li a {
    display:block;
    height:20px;
    border:none;
    margin-top:3px;
}

/* menu properties */
.menu ul li.about {padding-left:5px}
.menu ul li.about a {width:75px}

.menu ul li.product {padding-left:32px}
.menu ul li.product a {width:67px}

.menu ul li.price {padding-left:29px}
.menu ul li.price a {width:72px}

.menu ul li.service {padding-left:23px}
.menu ul li.service a {width:44px}

.menu ul li.contacts {padding-left:25px}
.menu ul li.contacts a {width:63px}




.search input {
    margin:176px 0 0 673px;
    padding:0;
    border:none;
    background:none;
    display:block;
    width:150px;
    font-size:10px;
    color:#fff;
}

.search p {
    display:block;
    width:22px;
    height:22px;
    border:none;
    cursor:pointer;
    position:relative;
    top:-15px;
    left:830px;
}


.serv {
    width:150px;
    margin:8px 0 0 510px;
}
.serv p {
    height:50px;
    padding:0;
    margin:0;
    color:#9fd7f5;
    font-size:10px;
}
.serv a {
    color:#83fcfb;
    text-decoration:underline;
    font-size:12px;
}

.left {
    width:500px;
    float:left;
    font-size:11px;
    font-weight:bold;
    color:#275872;
    position:relative;
    top:-55px;
}

.left div {
    width:491px;
    height:137px;
    background:url('../../im/r_bg.png');
    margin: 10px;

}

.left div table {
    height:137px;
}

.left div td {
    padding:0;
}

.left img {
    margin:0 7px;
}

.left div td a {
    display:block;
    width:40px;
    height:40px;
    margin:7px 15px 0 10px;
}

.right {
    width:370px;
    float:left;
    position:relative;
    top:-45px;
    margin-left:36px;
}

.about {
    margin-bottom:20px;
}

.right .about h1 {
    display:block;
    height:25px;
    background:url('../im/h-sprite.jpg') 0 0;
}

.right .news h1 {
    display:block;
    height:37px;
    background:url('../im/h-sprite.jpg') 0 -25px;
}

.right .news div{
    margin:13px 0;
}

.right .news p {
    padding-left:38px;
    margin:2px 0;
}

.right .news span {
    padding:2px;
}

.right .news a {
    font-weight:bold;
}

.footer {
    height:112px;
    background:url('../../im/f_bg.png');
}

.f_wrap {
    width:900px;
    margin:0 auto;
    color:#fff;
    font-size:11px;
}

.f_wrap a {
    color:#fff;
    font-size:11px;
    font-weight:bold;
}

.f_wrap div {
    float:left;
    margin-top:50px;
}

.f_copy {
    width:230px;
}

.f_copy b,.balakirev b {
    display:block;
    float:left;
    width:24px;
    height:24px;
    background:url('../im/h-sprite.jpg') 0 -62px;
    margin:-4px 5px 4px 3px;
}

.f_menu {
    width:420px;
}

.f_menu a {
    font-weight:normal;
    text-decoration:none;
}

.f_menu ul {
    padding:0;
    margin:2px 0;
}

.f_menu li {
    list-style-type:none;
    display:block;
    float:left;
    padding-left:17px;
    padding-right:1px;
    background:url('../im/h-sprite.jpg') -353px -62px no-repeat;
}

.f_menu li.first {
    padding-left:0;
    background:none;
}


.balakirev b {
    background:url('../im/h-sprite.jpg') -24px -62px;
}

.indLnk {
    position:absolute;
    left:45px;
    top:30px;
    width:200px;
    height:100px;
    cursor:pointer;
}

#sendbox {
    position:fixed;
    top:0;
    left:0;
    display:none;
    width:100%;
    height:100%;
    z-index:10;
}

.shad {
    opacity:0.5;
    background:#000;
    position:fixed;
    z-index:11;
    width:100%;
    height:100%;
}

.sb_wrap {
    width:340px;
    margin:100px auto;
    background:#fff;
    padding:10px;
    position:relative;
    z-index:12;
}

.sb_wrap textarea {
    overflow:hidden;
    width:207px;
}

.sb_wrap table {
    margin-top:20px;
}

.sb_wrap i {
    color:#f00;
}

.sb_wrap input {
    width:207px;
}

.sb_wrap td{
    text-align:right;
    vertical-align:top;
}

.sb_wrap b.close {
    display:block;
    width:23px;
    height:23px;
    cursor:pointer;
    background:url('../../im/close.png');
    position:absolute;
    right:25px;
    top:10px;
}

 table.brd { border-collapse:collapse;border:1px solid #000; }
 table.brd td { border:1px solid #000; margin-left:5px; margin-right:5px; margin-top:2px; margin-bottom:2px; }