html,body {width:100%;height:100%;padding:0px;margin:0px;}
html {font:13px tahoma,arial,verdana,sans-serif;}
body {color:#000;background:#fff;}
p {margin:0 0 8px 0;}
ul {padding:0px;margin:0 0 5px 15px;list-style:none;}
ul li {padding:0 0 10px 18px;background:url('../img/ico/li.png') no-repeat 3px 6px;}
ol {padding:0 0 0 30px;margin:0px;}
ol li {padding:0 0 15px 0;}
a {color:#000;text-decoration:none;}
a:hover {text-decoration:underline;}
a:focus,a:active {outline:none;}
a img {border:none;}
td {padding:0px;}
form {margin:0px;}
label {margin:0px;}
input,textarea,select {margin:0px;}
.both {width:100%;clear:both;overflow:hidden;}
.clear {width:100%;height:1px;clear:both;overflow:hidden;}
h1,h2,h3,h4,h5,h6 {margin:0px;font-family:tahoma,arial,helvetica,sans-serif;font-weight:normal;}

h1 {
padding:0;
margin:0;
color:#fff;
}
h2 {
padding:10px 0;
margin:0 0 5px 0;
font-size:18px;
color:#f64022;
}
h3 {
padding:10px 0;
margin:0 20px 10px 11px;
font-size:16px;
border-bottom:1px solid #a9a9a9;
color:#f07b12;
}
.main h3 {margin:0 0 10px 0px !important;}

#wrap {
width:900px;
min-height:100%;
margin:0 auto;
position:relative;
z-index:1;
}
#spacer {
width:100%;
height:180px;
clear:both;
overflow:hidden;
}

/* ---------------------------------- footer */
#footer {
width:100%;
height:152px;
position:absolute;
bottom:0;left:0;
z-index:2;
font-size:12px;
background:url('../img/footer.png') no-repeat 0 0;
}
#footer-bottom {
width:100%;
height:76px;
position:absolute;
bottom:0;left:0;
border-top:1px solid #9b9a99;
}
#footer-bottom .sonata {
position:absolute;
top:0px;left:0;
}
#footer-bottom .sonata img.logo-small {
position: relative;
top:10px;
}
#footer-bottom .sonata img.shkola {
position: relative;
top:18px;
}
#footer-bottom .logo-sonata {
position:absolute;
left:279px;
top:7px;
}
#footer-bottom .working {
position:absolute;
top:7px;right:0;
}
#footer .contact {
width:620px;
height:65px;
position:absolute;
top:0;
left:20px;
padding:5px 15px 0 0px;
text-align:right;
color:#fff;
background:#363e40;
}
#footer .contacts-info {
width:235px;
height:65px;
position:absolute;
top:0;
right:0;
padding:5px 0 0 10px;
color:#000;
line-height:14px;
font-size:11px;
background:#e87a25;
}
#footer .contacts-info p {margin:0 0 4px 0;}
/* ---------------------------------- header */
#header {
width:100%;
height:251px;
position:relative;
z-index:5;
background:url(../img/header.jpg) no-repeat 0 0;
}
#logo {
position:absolute;
top:13px;
right:15px;
}
#slogan {
position:absolute;
top:30px;
right:10px;
}
#menu {
width:100%;
height:20px;
padding:6px 0 15px 0;
position:absolute;
top:224px;
left:0;
background:url('../img/formenu.png') no-repeat 97% 80%;
}
#menu table {
width:892px;
height:20px;
border-collapse:collapse;
font:11px tahoma,arial,verdana,sans-serif;
}
#menu td {
height:20px;
padding:0px;
border-right:2px solid #fff;
text-align:center;
color:#333;
background:#efefee url('../img/menu-td.png') no-repeat 100% 0;
}
#menu td a {
padding:2px 3px 5px 3px;
display:block;
color:#333;
white-space:nowrap;
text-decoration:none;
background:url('../img/menu-td-a.png') no-repeat 0 0;
}
#menu td a.selected {color:#f57a10;}
#menu td a:hover {
color:#e25a58;
}
#menu td div ul {
padding-top:21px;
position:absolute;
margin:0;
top:0px;
left:0;
display:none;
text-align:left;
background:url('../img/menu-bg.gif') no-repeat 0 0;
}
#menu td div ul li {
float:none;
padding:0;
background:#363e40;
}
#menu td div ul li a {
width:170px;
padding:10px 0px 4px 5px;
color:#fff;
text-align:left;
margin:0 5px;
border-bottom:1px solid #fff;
background:none;
}
#menu td div ul li.last {
padding-bottom:20px;
padding-right:25px;
background:url('../img/menu-bottom.png') no-repeat 100% 0;
}
#menu td div ul li.last a {
width:137px;
margin:0 13px 0 5px;
}
#menu td div {position:relative;}
#menu td:hover div ul,#menu td.jshover div ul {display:block;}
/* *4 content (контент)
----------------------------------------------------------------------------- */
#content {
width:900px;
border-left:7px solid #3a464b;
overflow:hidden;
position:relative;
color:#4f4b48;
z-index:1;
background:url('../img/left.png') repeat-y 0 0;
}
#left {
width:220px;
position:relative;
float:left;
z-index:4;
}
#left .top {
width:210px;
height:20px;
background:url('../img/left-top.png') no-repeat 100% 0;
}
#left ul.left-contacts {
width:185px;
margin:5px 0 0 0px;
background:url('../img/left-contacts-bottom.png') no-repeat 0 100%;
}
ul.left-contacts li {
padding:3px 0 10px 18px;
line-height:18px;
font-style:italic;
background:url('../img/ico/li.png') no-repeat 10px 8px;
}
ul.left-contacts li span {
font-style:normal;
display:block;
}
ul.left-contacts li span.right {
text-align:right;
}
ul#left-menu {
width:220px;
margin:0 0 20px 2px;
position:relative;
z-index:10;
}
ul#left-menu li {
width:200px;
padding:0px 20px 0px 0px;
position:relative;
float:left;
background:none;
}
ul#left-menu li a {
width:197px;
padding:12px 0px 10px 3px;
display:block;
border-bottom:2px solid #cecccd;
}
ul#left-menu li a.selected {color:#f57a10;}
ul#left-menu ul {
display:none;
position:absolute;
top:0;
padding-bottom:20px;
left:186px;
padding:0 6px;
}
ul#left-menu ul li {
float:none;
padding:0;
background:#363e40;
}
ul#left-menu ul li a {
width:183px;
padding:10px 0px 4px 5px;
margin:0 0 0 5px;
display:block;
color:#fff;
border-bottom:1px solid #fff;
}
ul#left-menu ul li.last {
padding-bottom:20px;
background:url('../img/menu-bottom.png') no-repeat 100% 0px;
}
ul#left-menu ul li.last a {
width:145px;
}
#left-menu li:hover ul, #left-menu li ul:hover, #left-menu li.jshover ul {
display: block;
border-bottom:none !important;
}
.left-bottom {
width:227px;
height:13px;
position:absolute;
left:0px;
bottom:167px;
z-index:5;
background:#3a464b url('../img/left-bottom.png') no-repeat 100% 0;
}
#right {
position:relative;
width:674px;
padding:8px 0 0 0;
margin:0 0 0 -10px;
float:left;
z-index:3;
}
.work {
width:50%;
float:left;
position:relative;
}
.totop {
position:relative;
margin-top:-15px;
}
.main-block {
width:299px;
height:212px;
padding:0 0 0 13px;
margin:0 0 0 -11px;
float:left;
background:url('../img/main-block.png') no-repeat 0 0;
}
.main-block img {
width:294px;
height:189px;
position:relative;
margin:14px 0 0 0px;
z-index:1;
}
.main-block a {
position:relative;
}
.work .title {
padding:11px 0 0 0;
position:relative;
}
.work .title img {
width:31px;
height:194px;
position:relative;
}
.list {
width:100%;
position:relative;
overflow:hidden;
margin:0 0 0 -3px;
}
.list div.forie {
position:relative;
float:left;
}
.list .bottom img {
padding:60px 0 0 9px;
}
.small-block {
width:172px;
height:165px;
float:left;
margin:-7px 0 0 -4px;
background:url('../img/main-block-small.png') no-repeat 0 0;
}
.small-block img {
padding:9px 0 0 9px;
}
.small-block a {
position:relative;
}
.small-block .title {
width:153px;
height:19px;
position:absolute;
bottom:8px;
left:5px;
text-align:center;
color:#000;
z-index:5;
background:#e87a25;
}
.small-block .title span {
font-size:14px;
}
.small-block .black {
border-top:1px solid #53321c;
border-bottom:1px solid #997a62;
background:#1e1916;
}
.small-block .black a {color:#fc8326;}
.small-block .top {
height:57px;
bottom:100px;
line-height:18px;
background:#363e40;
}
.small-block .top a {color:#fff;}
.toartists  {
height:170px;
padding:27px 0 0 14px;
margin:5px 0 100px 0;
border:1px solid #e3944f;
background:#fff url('../img/toartists.jpg') no-repeat 100% 0;
}
.toartists .text {width:305px;line-height:15px;}



/*----------------------design-----------------*/
#right .name-section {
position:relative;
margin:-5px 0 5px -8px;
z-index:8;
}
#right .name-section img {
width:696px;
height:143px;
}
#right .name-section .title {
position:absolute;
top:20px;
left:27px;
color:#fff;
font-size:19px;
}
#right .main {padding:0 0 0 20px;}
#right .main .red {
color:#f64022;
}
.main table.useful {
width:100%;
border-collapse:collapse;
}
.useful th {
color:#f07b12;
}
.main table.useful td, .main table.useful th  {
border:1px solid #4f4b48;
padding:4px;
}
.main table.useful tr.color {
background:#FFF8DC;
}
.main table.useful .param {
color:#fff;
background:#ef6011;
}

.main a {text-decoration:underline;}

/*-----------------partners-------------------*/
.list-exepmles {
margin:0 0 12px 6px;
position:relative;
}
.list-projects {
margin:0 0 25px 0px;
position:relative;
}
.more-space .example {padding:0 5px 0 11px !important;}
.more-more-space .example {padding:0 19px 0 11px !important;}
.more-space-middle .example {padding:0 15px 0 11px !important;}
.more-space-middle-1 .example {padding:0 13px 0 11px !important;}
.more-space-studio .example {padding:0 26px 0 11px !important;}
.style {margin:0 0 10px 11px;}
.list .example {
float:left;
position:relative;
padding:0 0 0 11px;
}
.title-project {
margin:0 18px 35px 10px;
padding:0 0 2px 0;
text-align:right;
border-bottom:1px solid #b3b3b3;
}

.industrial {
background:url(../img/header-industrial.jpg) no-repeat 0 0 !important;
}
.branded-style {
background:url(../img/header-style.jpg) no-repeat 0 0 !important;
}
.forbanner {
position:relative;
margin:0 auto;
}
.forbanner img {
position:relative;
margin-top:20px;
}

#advertising {
width:900px;
position:relative;
padding:5px 0;
margin:0 auto;
position:relative;
}
#counters {
float:right;
background:red;
}
.zh3 { font-family:tahoma,arial,helvetica,sans-serif !important; font-weight:normal !important; padding:10px 0 !important; margin:0 0px 10px 0px !important; font-size:16px !important; border-bottom:1px solid #a9a9a9 !important; color:#f07b12 !important; }
.textSeo { text-align:justify; padding-left:15px; } 
.textSeo h1 { color:#000000; font-size:26px; }
.textSeo p, .textSeo2 p { text-indent:15px; }
.block_grey { border: 1px solid #E3944F; background: #E7E7E7; padding: 10px; font-style: italic; }
.textSeo .toartists {margin-bottom:20px; text-align: left;}
.textSeo .text {width: 290px; margin-top: -12px;}