* {
font-size:100.01%;
line-height:1.4;
}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h5,h5,h6,pre,form,label,fieldset,input,p,blockquote,th,td {
margin:0;
padding:0;
}

body {
font-family:Tahoma, sans-serif;
font-size:62.5%;
font-style:normal;
font-variant:normal;
font-weight:400;
line-height:1.6em;
background-attachment:fixed;
height:100%;
color:#f2f2f2;
}

:focus {
outline-width:1px;
outline-style:dotted;
}

p {
font-size:1.3em;
margin:1em 0;
}

a {
color:#4085E3;
text-decoration:underline;
}

a:visited {
color:#4085E3;
}

.unshow {
display:none;
}

span.slq {
margin-right:0.63em;
}

span.hlq {
margin-left:-0.63em;
}

span.sbr {
margin-right:0.44em;
}

span.hbr {
margin-left:-0.44em;
}

ul {
list-style-type:none;
margin:0;
padding:0;
}

img {
border:0;
}

html,body {
width:100%;
height:100%;
min-width:1000px;
margin:0;
padding:0;
}

select,input,textarea {
font-size:100%;
}

.clear {
clear:both;
}

.link-blue {
color:#4085e3;
}

a:hover {
color:#4085E3;
text-decoration:none;
}

h1 {
font-family:"Georgia", serif;
font-size:1.6em;
font-style:italic;
font-weight:700;
margin:10px 0 15px;
}

h2 {
font-size:1.3em;
margin:5px 0 10px;
}

.main {
background-color:#000;
position:relative;
min-height:100%;
height:auto !important;
}

.main .clogo {
height:135px;
position:relative;
}

.main .clogo h1 {
width:100%;
height:66px;
display:block;
margin:0;
padding:0;
}

.main a.logo {
background:url(images/sadesign_logotype.png) no-repeat;
display:block;
height:66px;
left:21%;
position:relative;
text-indent:-9999px;
top:36px;
width:300px;
}

.main .empty {
height:157px;
}

.main .header {
height:160px;
padding:0 3%;
}

.main .header a {
color:#efe325;
font-size:1.3em;
}

.main .header a:hover {
color:#d4b632;
text-decoration:underline;
}

.main .header span {
color:#eee;
font-size:1.3em;
}

.main .test {
color:#efe325;
text-decoration:none;
}

.main .yes {
color:#333;
}

.main .menu {
height:25px;
width:80%;
margin:0 0 0 12.9%;
padding:0;
}

.menu ul li {
float:left;
padding-right:2%;
}

.main .info-layout {
background:transparent;
border-top:1px solid #1a1a1a;
margin:0 3%;
padding:30px 0 0;
}

.main .info-layout h1 {
font-size:1.7em;
margin:10px 0 30px 4%;
}

.main .info-layout h2 {
text-align:left;
}

.main .info-layout .news {
clear:both;
float:left;
width:550px;
}

.main .info-layout .news h2 {
font-family:georgia;
font-size:18px;
font-style:italic;
padding-left:7%;
}

.main .info-layout .news ul li {
float:left;
clear:both;
padding-left:7%;
text-align:left;
width:350px;
margin:3px 0 4px;
}

.main .info-layout .news ul li a {
font-size:13px;
color:#39c;
padding:2px 1px;
}

.main .test a:hover {
text-decoration:none;
color:#336ab6;
}

.main .yes-info {
float:left;
margin-left:4%;
}

.main .margins {
width:100%;
height:32px;
}

.main .work-layout {
clear:both;
text-align:center;
width:100%;
margin:10px auto;
}

.main .work-layout ul {
width:100%;
clear:both;
}

.main .work-layout ul li {
float:left;
width:33%;
}

.main .work-screen-layout {
background:url('images/sadesign_works.png') top left no-repeat;
width:198px;
height:198px;
margin:0 auto;
}

.main .work-screen-layout table {
width:100%;
height:100%;
text-align:center;
vertical-align:middle;
}

.main .work-layout .news {
background:none;
display:block;
vertical-align:top;
text-align:left;
font-size:1.2em;
padding:0 25px 0 0;
}

.main .work-screen-layout.iblock .inner img {
display:inline;
vertical-align:middle;
}

.main .title-work-layuot {
text-align:center;
margin:1.4em auto 0;
}

.main .work1-position {
margin-left:7px;
}

.main .work-date {
font-size:10px;
color:#666;
width:158px;
margin-left:53%;
margin-top:0.6px;
}

.main .yes-content {
margin-top:6px;
color:#333;
}

.main .submenu-submenu {
margin-left:19px;
margin-top:6px;
}

.main .content {
margin:35px 4%;
}

.main .content .left-content {
width:60%;
}

.main .content .left-content .news-item {
margin:20px 0 30px;
}

/* news */
.main.news .content .news-list {
margin-left:11.9%;
width:600px;
}

.main.news .content .news-list h2 a {
font-family:georgia;
font-size:18px;
font-style:italic;
color:#000;
}

.main.news .content .news-list h3 {
font-size:14px;
margin:25px 0 5px;
}

.main.news .content .news-list .news-item {
float:left;
clear:both;
margin:3px 0 10px;
}

.main.news .content .news-list .news-item p,.main.news .content .news-list .news-item p a {
font-size:13px;
}

.main.news .content .news-list .news-item .date {
color:#999;
font-size:10px;
}

/* works */
.main.works {
background-color:#fff;
}

.main.works .block {
clear:both;
color:#000;
font-size:1em;
padding:0;
}

.main.works .block .right .similar {
padding-left:20px;
font-size:1em;
}

.main.works .block h1 {
font-size:1.8em;
}

.main.works .block h2 {
font-size:1.4em;
}

.main.works .block .info .gray {
color:#999;
}

.main.works .block .text {
color:#000;
font-size:1.3em;
}

.main.works .category h1 a {
color:#000;
}

.main.works .category h2 a {
color:#000;
font-size:1em;
font-family:"Georgia",serif;
font-style:italic;
font-weight:700;
}

.main.works .category .work.all {
margin:20px 0 10px;
}

.main.works .category p.year {
margin:2em 0 0;
}

.main.works .category p.year span {
font-size:11px;
color:#777;
}

.main.works .category p.work {
margin:2px 0 8px;
}

.main.works .category p.work a {
color:#069;
font-size:1em;
}

/* about */
.main.about,.main.services,.main.vacancy {
background-color:#5b0a5b;
}

.main.about .block,.main.services .block,.main.vacancy .block {
clear:both;
font-size:1em;
padding:0;
}

.main.about .block .left.all,.main.services .block .left.all,.main.vacancy .block .left.all {
width:100%;
}

#footer.about,#footer.about a,#footer.services,#footer.services a,#footer.vacancy,#footer.vacancy a {
background-color:#5b0a5b;
color:#fff;
}

#footer.about a:hover,#footer.services a:hover,#footer.vacancy a:hover {
background-color:#5b0a5b;
color:#fff;
text-decoration:underline;
}

#footer.about .content,#footer.services .content,#footer.vacancy .content {
border-top:1px solid #5c215c;
}

/* contacts */
.main.contacts {
background-color:#942828;
}

#footer.contacts,#footer.contacts a {
background-color:#942828;
color:#fff;
}

#footer.contacts a:hover {
background-color:#942828;
color:#fff;
text-decoration:underline;
}

#footer.contacts .content {
border-top:1px solid #933E3E;
}

#footer.yes a:hover {
background-color:#f5f5ea;
color:#333;
text-decoration:underline;
}

#footer {
font-family:Arial, sans-serif;
clear:both;
background-color:#000;
height:130px;
line-height:130px;
margin-top:-130px;
position:relative;
vertical-align:middle;
width:100%;
}

#footer a {
color:#f2f2f2;
text-decoration:none;
}

#footer a:hover {
color:#f2f2f2;
text-decoration:underline;
}

#footer-contact {
position:relative;
margin-top:-97px;
height:97px;
width:100%;
line-height:1.8em;
font-family:Arial, sans-serif;
color:#a1a1a1;
}

.about_active {
background:#e2e2e2;
color:#5b0a5b;
padding:0 3px;
}

.link-yellow,.studio a {
color:#efe325;
}

#footer p,#footer-contact p {
font-size:1.2em;
}

#footer .content,#footer-contact .content {
background:transparent;
border-top:1px solid #333;
margin:0 3%;
padding:35px 0 0;
}

#footer .margins,#footer-contact .margins {
width:100%;
height:37px;
}

#footer .test,#footer-contact .test {
float:left;
margin-left:3%;
}

#footer .copy,#footer-contact .copy {
float:left;
margin-left:30%;
}

.category {
width:33.3%;
float:left;
height:247px;
}

.category.all {
height:100%;
}

.category.sub {
padding-top:55px;
}

.empty_inner {
clear:both;
height:130px;
}

p a,p a:hover,p a:visited,.main .info-layout .news h2 a {
color:#fff;
}

.main .info-layout .news h2 .rss,.main.news .content .news-list h2 .rss {
margin-left:20px;
}

.main h1 a,.main h2 a,#content .yes a:hover,#content .test a,.category h1 a {
text-decoration:none;
}

.main h1 a:hover,.main h2 a:hover,.main.works .header a.current:hover,.main.about .header a.current:hover,.main.services .header a.current:hover,.main.vacancy .header a.current:hover,.main.contacts .header a.current:hover,.main.yes .header a.current:hover,.main.marketing .header a.current:hover,.category h1 a:hover {
text-decoration:underline;
}

.main.works a.logo,.main.yes a.logo,.main.news a.logo,.main.marketing a.logo {
background:url(images/sadesign_logotype_gray.png) no-repeat;
}

.main.works a,.main.yes a,.main.news a,.main.marketing a {
color:#069;
font-size:1.3em;
}

.main.works a:hover,.main.yes a:hover,.main.marketing a:hover {
color:#c00;
text-decoration:underline;
}

.main.works .header a.current,.main.yes .header a.current,.main.marketing .header a.current {
color:#333;
font-size:1.3em;
text-decoration:none;
}

.main.works .block .left,.main.about .block .left,.main.services .block .left,.main.vacancy .block .left {
float:left;
width:75%;
}

.main.works .block .right,.main.about .block .right,.main.services .block .right,.main.vacancy .block .right {
float:left;
width:25%;
}

.main.works .block .right .similar a,.main.works .block .info a,.main.works .block .text p {
font-size:1em;
}

#footer.works,#footer.works a,#footer.news,#footer.news a,.main.marketing,.main.news,#footer.marketing,#footer.marketing a {
background-color:#fff;
color:#000;
}

#footer.works a:hover,#footer.marketing a:hover {
background-color:#fff;
color:#000;
text-decoration:underline;
}

.main.about .header a.current,.main.services .header a.current,.main.vacancy .header a.current,.main.contacts .header a.current {
color:#fff;
font-size:1.3em;
text-decoration:none;
}

.main.yes,#footer.yes,#footer.yes a {
background-color:#f5f5ea;
color:#333;
}

#footer.yes .content,#footer.marketing .content {
border-top:1px solid #1a1a1a;
}