html, body, h1, h2, h3, h4, h5, h6, form, ul, li, p, th, img { margin: 0; padding: 0; border: 0; }
.clear { font-size: 0; clear: both; }
li {margin-left:30px;}
BODY {
color: #fff;
font: 12px/1.4em Arial, Tahoma, sans-serif;
}
BODY.l-index { background: #060507 url(../images/body_bg_index.jpg) no-repeat 50% 0; }
BODY.l-inner1 { background: #060507 url(../images/body_bg_inner1.jpg) no-repeat 50% 0; }
BODY.l-inner2 { background: #070708 url(../images/body_bg_inner2.jpg) no-repeat 50% 0; }
BODY.l-form { background: #201c24 url(../images/body_bg_form.jpg) no-repeat 50% 0; }
A { text-decoration: underline; color: #fff; }
A:hover { text-decoration: none; }
P { padding-top: 10px; }
/* general */
HTML, BODY { height: 100%; }
.l-all { margin: 0 auto; width: 1000px; }
.l-form .l-all { width: 948px; }
.l-container { min-height: 100%; }
.l-wrap { padding-bottom: 120px; }
.l-footer { height: 120px; margin-top: -120px; }
/* form */
.l-content-form { width: 400px; margin: 0 auto; padding: 10px 0; }
.l-content-form H1 { font-size: 30px; color: #fff; font-weight: normal; }
.l-content-form .form { padding: 22px 0 0 29px; }
.l-content-form .form .lbl { padding-top: 7px; }
.l-content-form .form .element INPUT { width: 210px; }
.l-content-form .form .element TEXTAREA { width: 365px; height: 125px; }
.l-content-form .form .info { font-size: 11px; }
.l-content-form .submit { padding-top: 40px; text-align:center; }
.l-content-form .submit A { font-size: 30px; }
/* header - index */
.l-header-index { height: 840px; position: relative; }
.l-header-index A { cursor: pointer; }
.l-header-index A.logo { position: absolute; left: 366px; top: 30px; background: url(../images/logo_index.png) no-repeat 0 0; }
.l-header-index A.menu-about { position: absolute; left: 123px; top: 138px; width: 59px; height: 18px; background: url(../images/m_about.png) no-repeat 0 0; }
.l-header-index A.menu-about:hover { background: url(../images/m_about_a.png) no-repeat 0 0; }
.l-header-index A.menu-service { position: absolute; left: 244px; top: 138px; width: 53px; height: 18px; background: url(../images/m_service.png) no-repeat 0 0; }
.l-header-index A.menu-service:hover { background: url(../images/m_service_a.png) no-repeat 0 0; }
.l-header-index A.menu-portfolio { position: absolute; left: 700px; top: 138px; width: 77px; height: 18px; background: url(../images/m_portfolio.png) no-repeat 0 0; }
.l-header-index A.menu-portfolio:hover { background: url(../images/m_portfolio_a.png) no-repeat 0 0; }
.l-header-index A.menu-contacts { position: absolute; left: 830px; top: 138px; width: 71px; height: 18px; background: url(../images/m_contacts.png) no-repeat 0 0; }
.l-header-index A.menu-contacts:hover { background: url(../images/m_contacts_a.png) no-repeat 0 0; }
.l-header-index .phone { position: absolute; left: 702px; top: 50px; width: 254px; height: 80px; background: url(../images/phone_index.png) no-repeat left top; }
.l-header-index .whatsnew { position: absolute; left: 295px; top: 824px; width: 579px; height: 36px; background: url(../txt_welcome.png) no-repeat left top; }
.l-header-index .plus { position: absolute; left: 756px; top: 863px; width: 25px; height: 25px; background: url(../images/plus.png) no-repeat left top; }
.l-header-index .we { position: absolute; left: 100px; top: 770px; width: 263px; height: 44px; background: url(../txt_short.png) no-repeat left top; }
.l-header-index .do { position: absolute; left: 575px; top: 770px; width: 305px; height: 36px; background: url(../txt_important.png) no-repeat left top; }
.l-header-index .sep { position: absolute; left: 528px; top: 840px; width: 1px; height: 222px; background: url(../images/index_sep.png) no-repeat left top; }
.l-header-index A.whats-new { position: absolute; left: 755px; top: 888px; }
/* header - inner1 */
.l-header-inner1 { height: 171px; position: relative; }
.l-header-inner1 A { cursor: pointer; }
.l-header-inner1 A.logo { position: absolute; left: 394px; top: 23px; background: url(../images/logo_inner1.png) no-repeat 0 0; }
.l-header-inner1 .phone { position: absolute; left: 795px; top: 24px; width: 135px; height: 28px; background: url(../images/phone_inner1.png) no-repeat left top; }
.l-header-inner1 A.menu-about { position: absolute; left: 156px; top: 103px; width: 59px; height: 18px; background: url(../images/m_about.png) no-repeat 0 0; }
.l-header-inner1 A.menu-about:hover { background: url(../images/m_about_a.png) no-repeat 0 0; }
.l-header-inner1 A.menu-service { position: absolute; left: 277px; top: 103px; width: 53px; height: 18px; background: url(../images/m_service.png) no-repeat 0 0; }
.l-header-inner1 A.menu-service:hover { background: url(../images/m_service_a.png) no-repeat 0 0; }
.l-header-inner1 A.menu-portfolio { position: absolute; left: 648px; top: 103px; width: 77px; height: 18px; background: url(../images/m_portfolio.png) no-repeat 0 0; }
.l-header-inner1 A.menu-portfolio:hover { background: url(../images/m_portfolio_a.png) no-repeat 0 0; }
.l-header-inner1 A.menu-contacts { position: absolute; left: 777px; top: 103px; width: 71px; height: 18px; background: url(../images/m_contacts.png) no-repeat 0 0; }
.l-header-inner1 A.menu-contacts:hover { background: url(../images/m_contacts_a.png) no-repeat -0 0; }
.b-tag-cloud { padding: 5px 0 10px; line-height: 32px; text-align: center; background: #2f1108 url(../images/body_bg_form.jpg) no-repeat 50% 0; }
.b-tag-cloud A:hover { color: #e10f0f; }
.b-tag-cloud A.r1 { font-size: 12px; }
.b-tag-cloud A.r2 { font-size: 16px; }
.b-tag-cloud A.r3 { font-size: 18px; }
.b-tag-cloud A.r4 { font-size: 24px; }
.b-tag-cloud A.r5 { font-size: 26px; }
.b-tag-cloud A.r6 { font-size: 29px; }
.b-tag-cloud A.r7 { font-size: 30px; }
/* years */
.b-years { font-size:1.5em;height:30px;padding-left:350px;padding-top:1px;width:50%;}
.b-years .item { width: 120px; text-align: center; float: right; }
.b-years .item div { color: #2F1108;}
.b-years .item A { color: #2F1108; text-decoration: underline;}
.b-years .item A:hover { text-decoration: none;}
.b-years .item .works { color: #bfbfbf; padding-top: 6px; }
/* header - inner2 */
.l-header-inner2 { height: 218px; position: relative; }
.l-header-inner2 A.menu-about { position: absolute; left: 156px; top: 103px; width: 36px; height: 19px; background: url(../images/menu_a_inner2.jpg) no-repeat 0 100px; }
.l-header-inner2 A.menu-about:hover { background: url(../images/menu_a_inner2.jpg) no-repeat 0 0; }
.l-header-inner2 A.menu-service { position: absolute; left: 277px; top: 103px; width: 46px; height: 19px; background: url(../images/menu_a_inner2.jpg) no-repeat 0 100px; }
.l-header-inner2 A.menu-service:hover { background: url(../images/menu_a_inner2.jpg) no-repeat -36px 0; }
.l-header-inner2 A.menu-portfolio { position: absolute; left: 648px; top: 103px; width: 73px; height: 19px; background: url(../images/menu_a_inner2.jpg) no-repeat 0 100px; }
.l-header-inner2 A.menu-portfolio:hover { background: url(../images/menu_a_inner2.jpg) no-repeat -82px 0; }
.l-header-inner2 A.menu-contacts { position: absolute; left: 777px; top: 103px; width: 64px; height: 19px; background: url(../images/menu_a_inner2.jpg) no-repeat 0 100px; }
.l-header-inner2 A.menu-contacts:hover { background: url(../images/menu_a_inner2.jpg) no-repeat -155px 0; }
/* content - index */
.l-content-index { padding: 20px 0 40px; }
.l-content-index .we { float: left; width: 385px; padding-left: 101px; }
.l-content-index .do { float: left; width: 385px; padding-left: 91px; }
/* content - inner1 */
.l-content-inner1 {
margin: 0 19px;
border: 1px solid #000;
background:#FFFFFF none repeat-y scroll 0 0;
padding: 10px 25px 38px;
color: #070707;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
}
.l-content-inner1 .b-date { font-size: 11px; color: #bfbfbf; text-align: right; }
.l-content-inner1 .back-link { font-size: 11px; text-align: right; }
.l-content-inner1 .back-link A { color: #000; }
.l-content-inner1 H1 { font-size: 25px; font-weight: normal; color: #3f3f3f; }
.l-content-inner1 A { color: #9a454c; text-decoration:none;}
.l-content-inner1 A:hover { color: #3f3f3f; text-decoration:underline;}
.l-content-inner1 .page-info { color: #aeaeae; font-size: 11px; padding-top: 10px; }
.l-content-inner1 .site-link { height: 26px; padding-top: 20px; }
.l-content-inner1 .site-link A { display: block; color: #fff; height: 26px; line-height: 26px; background: #9a454c url(../images/site_link.gif) no-repeat 8px 9px; float: left; padding: 0 10px 0 28px; }
.l-content-inner1 .content { padding: 10px 40px 0; line-height: 1.3em; }
.l-content-inner1 .site-info { padding: 2px 0 5px; background: url(../images/sep1.gif) repeat-y 640px 0; }
.l-content-inner1 .site-info .ss { padding-left: 70px; width: 490px; float: left; }
.l-content-inner1 .site-info .info { width: 180px; float: left; }
.l-content-inner1 .site-info .info .title { font-style: italic; }
.l-content-inner1 .site-info .info P { padding-left: 20px; }
/* card site */
.b-card-site { margin: 0 19px 11px; height: 186px; border: 1px solid #000; background: #fff; position: relative; }
.b-card-site .img { position: absolute; left: 0; top: 0; padding-right: 1px; height: 186px; background: url(../images/sep1.gif) repeat-y right; }
.b-card-site .date { position: absolute; right: 22px; top: 13px; color: #bfbfbf; font-size: 11px; }
.b-card-site .desc { position: absolute; left: 499px; top: 32px; font-size: }
.b-card-site .desc .title { padding-bottom: 10px; }
.b-card-site .desc .title A { font-size: 20px; color: #221f27; }
.b-card-site .desc P { color: #797979; }
/* footer */
.l-footer { position: relative; }
.l-footer A { color: #9a454c; }
.l-footer .copyright { position: absolute; left: 101px; top: 40px; }
.l-footer .contacts { position: absolute; left: 446px; top: 40px; color: #f4e4c5; }
.l-footer .address { position: absolute; left: 766px; top: 40px; color: #f4e4c5; }
.tagcloud .s1{font-size: 11px;margin-left:2px;margin-right:2px;}
.tagcloud .s2{font-size: 14px;margin-left:2px;margin-right:2px;}
.tagcloud .s3{font-size: 16px;margin-left:2px;margin-right:2px;}
.tagcloud .s4{font-size: 19px;margin-left:2px;margin-right:2px;}
.tagcloud .s5{font-size: 22px;margin-left:2px;margin-right:2px;}
#ditto_page a, #ditto_page a:link, #ditto_page a:visited {
padding: 1px 5px 2px;
margin-right: 1px;
text-decoration: none !important;
}
.l-header-index .cool {
height:276px;
position:absolute;
right:32px;
top:286px;
width:274px;
background: url(../images/cool.png) no-repeat left top;
}
.l-header-index .latest {
height:203px;
position:absolute;
left:32px;
top:286px;
width:401px;
background: url(../images/latest.png) no-repeat left top;
}
.l-header-index A.latestproject{
color:#A5454C;
left:230px;
position:absolute;
text-decoration:underline;
top:458px;}
.l-header-index A.eng {background:transparent url(../images/lang_eng.png) no-repeat scroll left top;height:53px;width:42px;right:192px;position:absolute;top:50px;}
.l-header-index A.rus {background:transparent url(../images/lang_rus.png) no-repeat scroll left top;height:53px;width:42px;right:142px;position:absolute;top:50px;}
.l-header-index img.eng_off {background:transparent url(../images/lang_eng_off.png) no-repeat scroll left top;height:53px;width:42px;right:192px;position:absolute;top:50px;}
.l-header-index img.rus_off {background:transparent url(../images/lang_rus_off.png) no-repeat scroll left top;height:53px;width:42px;right:142px;position:absolute;top:50px;}
/*------------------------------------------------------------------*/
/*-----------------------------> TABS <---------------------------*/
/*------------------------------------------------------------------*/
/*=====start of common=====*/
ul.top-tabs-list {
padding:0 50px 0 0;
margin:0 auto;
width:780px;
height:29px;
overflow:hidden;
}
ul.top-tabs-list li {
list-style:none;
margin:0 0 0 0px;
float:right;
width:157px;
height:39px;
}
ul.top-tabs-list li.tab2-inactive a {
color:#ff0000;
text-decoration:none;
}
ul.top-tabs-list li a:hover {
background:#611108;
text-decoration:underline;
}
ul.top-tabs-list li a {
display:block;
height:29px;
padding:10px 0 0;
font:16px/16px "Arial";
color:#fff;
text-decoration:underline;
position:relative;
}
/*=====enf of common=====*/
/*=====start Tab 1======*/
ul.top-tabs-list li.tab1-active {
height:29px;
width:111px;
background:url(tab1_active.png) no-repeat;
}
ul.top-tabs-list li.tab1-inactive {
height:29px;
width:111px;
background:url(tab1_inactive.png) no-repeat;
}
ul.top-tabs-list li.tab1-inactive a:hover {
height:29px;
width:111px;
background:url(tab1_inactive_hover.png) no-repeat;
}
/*=====end Tab 1=====*/
/*=====start Tab 2=====*/
ul.top-tabs-list li.tab2-active {
height:29px;
width:111px;
background:url(tab2_active.png) no-repeat;
}
ul.top-tabs-list li.tab2-inactive {
height:29px;
width:111px;
background:url(tab2_inactive.png) no-repeat;
}
ul.top-tabs-list li.tab2-inactive a:hover {
height:29px;
width:111px;
background:url(tab2_inactive_hover.png) no-repeat;
}
/*=====end Tab 2=====*/
/* card site */
.b-card-site-seo { margin: 0 19px 11px; height: 186px; border: 1px solid #000; background: #fff; position: relative; }
.b-card-site-seo .img { position: absolute; left: 0; top: 0; padding-right: 1px; height: 186px; background: url(../images/sep1.gif) repeat-y right; }
.b-card-site-seo .date { position: absolute; right: 22px; top: 13px; color: #bfbfbf; font-size: 11px; }
.b-card-site-seo .desc { position: absolute; left: 499px; top: 32px; font-size: }
.b-card-site-seo .desc .title { padding-bottom: 10px; }
.b-card-site-seo .desc .title A { font-size: 20px; color: #221f27; }
.b-card-site-seo .desc P { color: #797979; }
.b-card-site-seo .desc .seo-header {
background: url(seo_header.jpg) no-repeat;
height:23px;
width:457px;
}