html, body{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height: 100%;
margin: 0;
padding: 0;
background: url(../images/bg.jpg);
}

.text a:link { color: #000; font-weight: bold; }
.text a:visited { color: #000; font-weight: bold; }
.text a:hover { color: #444; }

img{
border: 0px;
}

a:hover{
text-decoration: none;
}

.clr{
clear: both;
}

.index-content{
width: 100%;
height: 100%;
vertical-align: middle;
}

.index-content a{
color: #fff;
text-decoration: none;
font-size: 13px;
font-weight: bold;
}

.index-content a:hover{
text-decoration: underline;
}

.index-content .sales{
width: 110px;
display: inline;
margin: -330px 0 0 840px;
}

.index-content .direct{
width: 110px;
display: inline;
margin: -250px 0 0 560px;
}

.index-content .partners{
width: 110px;
display: inline;
margin: -130px 0 0 620px;
}

.index-content .russia{
width: 110px;
display: inline;
margin: -120px 0 0 860px;
}

.index-content .design{
width: 110px;
display: inline;
margin: -50px 0 0 710px;
}

.foot
{
background: url(../images/foot.png) no-repeat;
width: 465px;
height: 33px;
top:-575px;
left:522px;
position: relative;
z-index: 0;
}

.grey{
background: #e8e6e4;
padding: 8px;
width: 987px;
margin: 0 auto;
overflow: hidden;
position: relative;
z-index: 0;
}

.grey div{
float: left;
}

.grey .main-image-01{
background: url(../images/main_image_01.jpg) no-repeat;
width: 450px;
height: 91px;
}

.grey .main-image-02{
background: url(../images/main_image_02.jpg) no-repeat;
width: 108px;
height: 91px;
}

.grey .main-image-03{
background: url(../images/main_image_03.jpg) no-repeat;
width: 264px;
height: 91px;
}

.grey .main-image-04{
background: url(../images/main_image_04.jpg) no-repeat;
width: 165px;
height: 91px;
float: left;
}

.grey .main-image-06{
background: url(../images/main_image_06.jpg) no-repeat;
width: 450px;
height: 240px;
float: left;
}

.grey .main-image-07{
background: url(../images/main_image_07.jpg) no-repeat;
width: 108px;
height: 240px;
}

.grey .main-image-08{
background: url(../images/main_image_08.jpg) no-repeat;
width: 264px;
height: 240px;
}

.grey .main-image-09{
background: url(../images/main_image_09.jpg) no-repeat;
width: 165px;
height: 240px;
float: left;
}

.grey .main-image-10{
background: url(../images/main_image_10.jpg) no-repeat;
width: 450px;
height: 75px;
}

.grey .main-image-11{
background: url(../images/main_image_11.jpg) no-repeat;
width: 108px;
height: 75px;
}

.grey .main-image-12{
background: url(../images/main_image_12.jpg) no-repeat;
width: 264px;
height: 75px;
}

.grey .main-image-13{
background: url(../images/main_image_13.jpg) no-repeat;
width: 165px;
height: 75px;
float: left;
}

.grey .main-image-14{
background: url(../images/main_image_14.jpg) no-repeat;
width: 450px;
height: 27px;
}

.grey .main-image-15{
background: url(../images/main_image_15.jpg) no-repeat;
width: 108px;
height: 27px;
}

.grey .main-image-16{
background: url(../images/main_image_16.jpg) no-repeat;
width: 247px;
height: 23px;
float: left;
text-align: left;
padding: 4px 0 0 17px;
}

.grey .main-image-17{
background: url(../images/main_image_17.jpg) no-repeat;
width: 165px;
height: 27px;
}

.grey .main-image-18{
background: url(../images/main_image_18.jpg) no-repeat;
width: 450px;
height: 82px;
}

.grey .main-image-19{
background: url(../images/main_image_19.jpg) no-repeat;
width: 108px;
height: 82px;
float: left;
}

.grey .main-image-20{
background: url(../images/main_image_20.jpg) no-repeat;
width: 264px;
height: 82px;
}

.grey .main-image-21{
background: url(../images/main_image_21.jpg) no-repeat;
width: 165px;
height: 82px;
}

.grey .main-image-22{
background: url(../images/main_image_22.jpg) no-repeat;
width: 450px;
height: 29px;
}

.grey .main-image-23{
background: url(../images/main_image_23.jpg) no-repeat;
width: 108px;
height: 29px;
float: left;
}

.grey .main-image-24{
background: url(../images/main_image_24.jpg) no-repeat;
width: 200px;
height: 25px;
text-align: left;
padding: 4px 0 0 64px;
}

.grey .main-image-25{
background: url(../images/main_image_25.jpg) no-repeat;
width: 165px;
height: 29px;
}

.grey .main-image-26{
background: url(../images/main_image_26.jpg) no-repeat;
width: 383px;
height: 100px;
float: left;
padding: 15px 10px 10px 57px;
}

.grey .main-image-26 p{
color: #fff;
text-align: left;
margin: 0 0 10px 0;
}

.grey .main-image-27{
background: url(../images/main_image_27.jpg) no-repeat;
width: 108px;
height: 125px;
}

.grey .main-image-28{
background: url(../images/main_image_28.jpg) no-repeat;
width: 118px;
height: 57px;
text-align: left;
padding: 68px 0 0 146px;
}

.grey .main-image-29{
background: url(../images/main_image_29.jpg) no-repeat;
width: 121px;
height: 116px;
text-align: left;
padding: 9px 0 0 44px;
}

.copy{
color: #9f9f9f;
width: 987px;
text-align: right;
margin: 10px auto 0 auto;
}

.copy-2{
color: #9f9f9f;
float: left;
margin: 10px auto 20px auto;
}


.header{
width: 987px;
margin: 50px auto 0 auto;
border-left: 8px solid #e8e6e4;
border-top: 8px solid #e8e6e4;
border-right: 8px solid #e8e6e4;
overflow: hidden;
padding-bottom: 64px;
background: #efefef;
}

.header div{
float: left;
}

.header .head-01{
background: url(../images/head_01.jpg) no-repeat;
width: 268px;
height: 92px;
}

.header .head-02{
background: url(../images/head_02.jpg) no-repeat;
width: 547px;
height: 92px;
}

.header .head-03{
background: url(../images/head_03.jpg) no-repeat;
width: 172px;
height: 92px;
display: block;
float: left;
}

.header .head-04{
background: url(../images/head_04.jpg) no-repeat;
width: 268px;
height: 190px;
}

.header .head-05{
background: url(../images/head_05.jpg) no-repeat;
width: 547px;
height: 190px;
}

.header .head-06{
background: url(../images/head_06.jpg) no-repeat;
width: 172px;
height: 190px;
}

.header .head-07{
background: url(../images/head_07.jpg) no-repeat;
width: 268px;
height: 110px;
}

.header .head-08{
background: url(../images/head_08.jpg) no-repeat;
width: 547px;
height: 110px;
}

.header .head-09{
background: url(../images/head_09.jpg) no-repeat;
width: 157px;
height: 20px;
padding: 90px 15px 0 0;
}

.header .head-09 .home{
display: inline-block;
background: url(../images/house.gif) no-repeat;
width: 11px;
height: 10px;
float: right;
margin-right: 15px;
}

.header .head-09 .contact{
display: inline-block;
background: url(../images/letter.gif) no-repeat;
width: 11px;
height: 10px;
float: right;
}

/*===============Drop top menu=====================*/

.icon{
background:url(../images/icon.png) no-repeat;
width: 11px;
height: 11px;
margin: 8px 0 0 0;
}

.index-content .top-menu{
background: url(../images/main_image_05.jpg) no-repeat;
width: 470px;
height: 31px;
padding: 0 0 0 530px;
}

.index-content .top-menu .short-menu li a{
display: block;
text-decoration: none;
font-size: 13px;
font-weight: bold;
color: #f6f6f6;
height: 30px;
text-align: center;
color: #fff;
padding: 0 16px;
line-height: 30px;
text-align: left;
}

.index-content .top-menu .middle{
margin: 0 auto;
width: 987px;
}

.index-content .top-menu ul{
padding:0;
margin: 0;
list-style: none;
}

.index-content .top-menu ul li{
float:left;
position:relative;
}

.index-content .top-menu .short-menu li .short-menu-sub{
display: none;
position: relative;
z-index:10;
}

.index-content .top-menu .short-menu li:hover a{
color:#fff;
background:#416676;
}

.index-content .top-menu .short-menu li .short-menu-sub{
display:block;
position:absolute;
top:30px;
left:0;
width:200px;
background: #416676;
padding-top: 15px;
}

.index-content .top-menu .short-menu li .short-menu-sub li{
padding: 3px 10px 3px 25px;
float: none;
}

.index-content .top-menu .short-menu li .short-menu-sub li a {
display: inline;
font-weight: normal;
font-size: 12px;
text-decoration: underline;
color: #fefefe;
line-height: 15px;
padding: 0;
_height: 1px;
}

.index-content .top-menu .short-menu li .short-menu-sub li a:hover {
text-decoration: none;
}

.index-content .top-menu .short-menu li .short-menu-sub li.end-submenu{
background: url(../images/end_submenu.gif) repeat-x bottom;
height: 20px;
clear: both;
}

/*===============End drop top menu=====================*/


/*===============Drop menu=====================*/


.bg-menu{
width: 100%;
height: 49px;
padding-top: 15px;
background: url(../images/bg_menu.gif) repeat-x;
margin-top: -64px;
}


.bg-menu .drop-menu li a, .bg-menu drop-menu li a:visited {
display: block;
text-decoration: none;
font-size: 13px;
font-weight: bold;
color: #f6f6f6;
height: 30px;
text-align: center;
color: #fff;
padding: 0 16px;
line-height: 30px;
}

.bg-menu .middle{
margin: 0 auto;
width: 987px;
}

.bg-menu .drop-menu, .bg-menu .menu-sub{
padding:0;
margin: 0;
list-style: none;
}

.bg-menu .drop-menu li, .bg-menu .menu-sub li{
float:left;
position:relative;
}

.bg-menu .drop-menu li .menu-sub{
position: relative;
}

.bg-menu .drop-menu li a#active{
border: 1px solid #5b9400;
background: url(../images/bg_active.gif) repeat-x;
display: block;
height: 46px;
padding-top: 14px;
margin: -14px 0 0 0;
position: relative;
}


.bg-menu .drop-menu li a#active-submenu{
border: 1px solid #5b9400;
background: url(../images/bg_active.gif) repeat-x;
display: block;
_display: none;
height: 46px;
padding-top: 14px;
margin: -14px 0 0 0;
position: relative;
}

.bg-menu .drop-menu li:hover a{
color:#fff;
background:#626262;
}

.bg-menu .drop-menu li .menu-sub{
display:block;
position:absolute;
top:30px;
left:0;
width:200px;
background: #626262;
padding-top: 15px;
}

.bg-menu .drop-menu li .menu-sub li{
padding: 3px 10px 3px 25px;
float: none;
}

.bg-menu .drop-menu li .menu-sub li a {
display: inline;
font-weight: normal;
font-size: 12px;
text-decoration: underline;
color: #fefefe;
line-height: 15px;
padding: 0;
_height: 1px;
}

.bg-menu .drop-menu li .menu-sub li a:hover {
text-decoration: none;
}

.bg-menu .drop-menu li .menu-sub li.end-submenu{
background: url(../images/end_submenu.gif) repeat-x bottom;
height: 20px;
clear: both;
}

/*===============End drop menu=====================*/

.content{
width: 897px;
border-left: 8px solid #e8e6e4;
border-right: 8px solid #e8e6e4;
margin: 0 auto;
background: #fefefe url(../images/bg_content.jpg) repeat-x top;
padding: 30px 50px 0 40px;
overflow: hidden;
}

.content h1{
font-size: 20px;
color: #000;
padding: 0 0 30px 0;
margin: 0;
font-weight: normal;
}

.content .text{
margin-left: 90px;
}

.content .text-img{
padding: 0 15px 0 0;
float: left
}

.content .text p{
color: #464646;
line-height: 20px;
padding: 0 0 20px 0;
margin: 0;
}

.footer, .footer-2{
margin: 0 auto;
border-left: 8px solid #e8e6e4;
border-bottom: 8px solid #e8e6e4;
border-right: 8px solid #e8e6e4;
background: #fefefe;
width: 987px;
}

.footer{
height: 10px;
}

.footer-2{
height: 90px;
}

.footer-about{
margin: 0 auto;
padding-bottom: 20px;
width: 987px;
height: 50px;
}

.footer-about .footer-image{
background: url(../images/pen.png) no-repeat;
float: right;
height: 50px;
width: 319px;
margin: -20px -10px 0 0;
position: relative;
}

.footer-gallery{
margin: 0 auto;
padding-bottom: 20px;
width: 987px;
height: 50px;
}

.footer-gallery .footer-image{
background: url(../images/gallery_bottom_image.png) no-repeat;
float: right;
height: 448px;
width: 202px;
margin: -380px -10px 0 0;
position: relative;
}

.footer-collection{
margin: 0 auto;
padding-bottom: 20px;
width: 987px;
height: 50px;
}

.footer-collection .footer-image{
background: url(../images/collection_bottom_image.png) no-repeat;
float: right;
height: 448px;
width: 202px;
margin: -380px -10px 0 0;
position: relative;
}

.footer-contacts{
margin: 0 auto;
padding-bottom: 20px;
width: 987px;
height: 50px;
}

.footer-contacts .footer-image{
background: url(../images/trubka.png) no-repeat;
float: right;
height: 226px;
width: 345px;
margin: -150px 0 0 0;
*margin: -150px 0 -40px 0;
position: relative;
}

.footer-design{
margin: 0 auto;
padding-bottom: 20px;
width: 987px;
height: 100px;
}

.footer-design .footer-image{
background: url(../images/pencil.png) no-repeat;
float: right;
height: 233px;
width: 273px;
margin: -120px 0 0 0;
position: relative;
}

.footer-direct{
margin: 0 auto;
width: 987px;
height: 100px;
}

.footer-direct .footer-image{
background: url(../images/notepad.png) no-repeat;
float: right;
height: 220px;
width: 358px;
margin: -120px 0 0 0;
position: relative;
}

.footer-partner{
margin: 0 auto;
width: 987px;
height: 100px;
}

.footer-partner .footer-image{
background: url(../images/partner.png) no-repeat;
float: right;
height: 226px;
width: 263px;
margin: -120px 0 0 0;
position: relative;
}

.footer-russia{
margin: 0 auto;
width: 987px;
height: 100px;
}

.footer-russia .footer-image{
background: url(../images/ball.png) no-repeat;
float: right;
height: 214px;
width: 197px;
margin: -120px 0 0 0;
position: relative;
}

.footer-sale{
margin: 0 auto;
width: 987px;
height: 100px;
}

.footer-sale .footer-image{
background: url(../images/sale.png) no-repeat;
float: right;
height: 222px;
width: 252px;
margin: -120px 0 0 0;
position: relative;
}



/*==================Gallery===================*/
.gallery-content{
width: 897px;
border-left: 8px solid #e8e6e4;
border-right: 8px solid #e8e6e4;
margin: 0 auto;
background: #fefefe url(../images/bg_content.jpg) repeat-x top;
padding: 30px 50px 0 40px;
}

.gallery-content h1{
font-size: 20px;
color: #000;
padding: 0 0 15px 0;
margin: 0;
text-align: center;
font-weight: normal;
}

.gallery-content .big-photo{
margin: 0 auto;
width: 612px;
height: 470px;
text-align: center;
overflow: hidden;
}

.gallery-content .big-photo tr td{
vertical-align: middle;
}

.gallery-content .big-photo img{
padding: 6px;
background: #3e3d3d;
vertical-align: top;
}

.gallery-content .big-photo .text{
width: 130px;
text-align: left;
height: 187px;
margin: -200px 0 10px 168px;
overflow: hidden;
}

.gallery-content .big-photo .text div{
margin-bottom: 10px;
font-size: 11px;
}

.gallery-content .tumbs{
height: 120px;
width: 630px;
overflow: auto;
white-space: nowrap;
margin: 0 auto;
padding: 10px 0 0 0;
}

.gallery-content .tumbs a{
background: #e8e6e4;
padding: 4px;
margin: 0 6px;
display: block;
}

.gallery-content .tumbs a:hover, .gallery-content .tumbs a#selected{
background: #3e3e3d;
}


/*==================Collection===================*/

.collection-content{
width: 897px;
border-left: 8px solid #e8e6e4;
border-right: 8px solid #e8e6e4;
margin: 0 auto;
background: #fefefe url(../images/bg_content.jpg) repeat-x top;
padding: 30px 50px 0 40px;
overflow: hidden;
}

.collection-content h1{
font-size: 20px;
color: #000;
padding: 0 0 15px 0;
margin: 0;
text-align: left;
font-weight: normal;
}

.collection-content .big-photo{
float: left;
width: 316px;
text-align: center;
overflow: hidden;
margin-right: 10px;
}

.collection-content .big-photo img{
padding: 8px;
background: #3e3d3d;
vertical-align: top;
}

.collection-content .big-photo .text{
width: 300px;
text-align: left;
height: 187px;
margin: -200px 0 10px -3px;
overflow: hidden;
}

.collection-content .big-photo .text div{
margin-bottom: 10px;
font-size: 11px;
}

.collection-content .tumbs{
height: 470px;
width: 430px;
overflow: auto;
margin-bottom: 30px;
}

.collection-content .tumbs td{
padding: 0 10px 30px 10px;
}

.collection-content .tumbs td .name{
text-align: center;
padding-top: 5px;
font-weight: bold;
}

.collection-content .tumbs a{
background: #e8e6e4;
padding: 4px;
display: block;
}

.collection-content .tumbs a:hover, .collection-content .tumbs a#selected{
background: #3e3e3d;
}


/*==================Contacts===================*/

.content .text .contact-text{
float: left;
width: 250px;
margin-right: 100px;
}

.content .text .contact-text p .green, .content .text .contact-text p a{
color: #67b11f;
}

.content .feedback{
margin: 30px 0 0 90px;
}

.content .feedback .title{
font-size: 16px;
margin-bottom: 25px;
}

.content .feedback th{
width: 85px;
text-align: left;
font-weight: normal;
}

.content .feedback .submit{
text-align: center;
}

.content .feedback .message-title{
vertical-align: top;
padding-top: 5px;
}

.content .feedback td{
padding-bottom: 10px;
}

.content .feedback .input-text{
width: 350px;
height: 15px;
font-size: 12px;
border: 1px solid #ddd;
background: #f2f2f2
}

.content .feedback textarea{
width: 350px;
height: 135px;
font-size: 12px;
border: 1px solid #ddd;
background: #f2f2f2
}