html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

dfn, var {
    font-style: normal;
}

font, basefont {
    color: inherit;
    font: inherit;
    font-size: 100%;
}

center {
    text-align: inherit;
}

s, strike, u {
    text-decoration: inherit;
}
*:focus {
    outline: 0;
}
html {
    font-size: 75%
}
@media all and (min-resolution: 120dpi) {

html {
        font-size: 60%
}

html, x:-moz-any-link {
        font-size: 75%
}
} #for-opera927 { /* dont' remove! */
} .scroll-wrap {
    overflow: auto;
    height: 310px;
    width: 100%;
    position: relative;
} .scroll-pane {
	padding-right:20px;
}

body, table, input, label, textarea, button, select, code, samp, kbd, tt {
    color: #fff;
    font: normal 1em / 1.4 Tahoma, Geneva, sans-serif;
}

body {height: 90% !important;}
code {
    color: #c33;
    font: normal 1em / 1.4 "Consolas", "Lucida Console", Monaco, "Courier New", Courier, monospace;
} .red-quad {
    width: 113px;
    height: 66px;
    background: red;
    display: block;
}

h1, h2, h3, h4, h5, h6 {
    margin: 2em 0 1em;
}

#en {display: none !important;}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0 !important;
}

h1 {
    font: normal 3.333em "Trebuchet MS";
    color: #fff
}

.videosetup {position: absolute; display: none; z-index: 9999; border: 1px solid #515151; background: #515151; top: 0 ; left: 50%; margin-left: -220px; width: 425px;}

.videosetupclose {
	display: block;
	position: relative;
	margin: 5px 7px;
	outline: none;
	cursor: pointer;
	width: 100%;
}

h2 {
    font: bold 1.7em Arial, Helvetica, sans-serif;
    color: #B062BE;
    font-weight: normal;
} #content h2 {
    font: bold 1.7em Arial, Helvetica, sans-serif;
    color: #B062BE;
    font-weight: normal;
    margin: 29px 0 0 0 !important;
} #content .top-p {
    margin: 0 0 0 0 !important;
} #content h3 {
    margin: 0 0 0 0 !important;
    line-height: normal;
} #content .disced {
    color: #B062BE;
    padding: 0 0 0 0;
	left: -1px;
    position: relative;
    top: 0;
	font-size:140%;
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 1.7em;*/
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
} .classic-view {
    color: #000;
} #content {
    font-size: 13px;
}

h3 {
    font: bold 1.09em / 28px Tahoma;
    color: #fff
}

h4 {
    font: bold 1em Tahoma;
    color: #aaa;
}

h5 {
    font: bold 1em Tahoma;
    color: #999
}

h6 {
    font: bold 1em Arial;
    color: #fff
}

p {
    margin: 0 0 1em 0;
    text-align: left;
}

p:first-child {
    margin-top: 0 !important;
}

p + ul, p + ol {
    margin-top: -0.5em;
} .right-text {
    float: right !important;
} .clear {
    clear: both;
} .text-block-cite {
    width: 300px;
    float: right
} .text-block-cite cite {
    display: block;
} .align-right-text {
    text-align: right !important;
} .line-line {
    height: 20px !important;
    background: url("/img/line-line.gif") center center no-repeat;
} #content #content-text {
} #content #content-text ul li {
    overflow: hidden;
    zoom: 1;
}

/*************** Positioning ***************/
html {
    height: 100%;
    min-height: 620px
}

body {
    margin: 1% 2% 0;
    padding: 0;
    height: 95%;
    position: relative;
    background: #000;
    min-height: 620px
} #wrapper {
    position: relative;
    margin: 0 auto;
    height: 100%;
    min-width: 950px;
    max-width: 1250px;
    min-height: 650px;
}

body.index #wrapper {
    background: url("../img/bg_index.jpg") center center no-repeat
}

/* -- Mainframes -- */ #header {
    height: 200px;
    position: relative;
    z-index: 1;
    background: url("../img/bg_header.png") 269px 34px no-repeat;
} #content {
    position: absolute;
    top: 73px;
    left: 287px;
    bottom: 120px;
    right: 30px;
    padding: 75px 20px 20px 20px;
    border-top: 1px solid #454545;
    border-right: 1px solid #454545;
    z-index: 5;
}

body.index #content {
    left: 30px;
    border-left: 1px solid #454545;
} #content #content-text {
    position: absolute;
    top: 67px;
    left: 0px;
    bottom: 13px;
    overflow: hidden;
    right: 20px;
    padding: 5px 15px 15px 15px;
    border: 1px solid #454545;
    background: #000 /*url(../img/bg_content_text.jpg) center bottom no-repeat*/;
} #sidebar {
    position: absolute;
    left: 30px;
    top: 73px;
    bottom: 40px;
    width: 256px;
    border: 1px solid #454545;
    border-right: none;
    padding-top: 65px;
    z-index: 5;
}

body.index #sidebar {
    display: none;
} #footer {
    position: absolute;
    left: 287px;
    bottom: 40px;
    right: 30px;
    height: 80px;
    padding: 0 20px 0 0;
    border-right: 1px solid #454545;
    border-bottom: 1px solid #454545;
}

body.index #footer {
    left: 30px;
    border-left: 1px solid #454545;
    padding: 0 0 0 20px;
} #bottom {
    position: absolute;
    left: 30px;
    bottom: 7px;
    right: 30px;
    height: 30px;
    padding-top: 10px;
    font: normal 0.75em Verdana;
    color: #4D4D4D;
}

/*************** Representation ***************/
/* ++ Standard elements ++ */
a {
    color: #fff;
    text-decoration: underline;
}

a:hover, a:active, a:focus {
    text-decoration: none;
}

a.inner {
    text-decoration: none;
    border-bottom: 1px dashed #0545af;
}

a.external {
    color: #f0f0f0;
    padding-right: 10px;
    background: url("../img/ico_external.png") right 0px no-repeat;
}

input, select, textarea, button {
    margin: 0;
    color: #313131;
}

fieldset {
    padding: 0.5em;
    border: solid 1px #dcdcdc;
}

legend {
    color: #ccc;
}

input[type =
"text"], input[type = "password"] {
    padding: 5px 2px;
    border: 1px solid #808080;
}

input.text, input.password {
    padding: 1px 2px;
    border: 1px solid #808080;
}

input[type =
"hidden"] {
    display: none !important;
}

input.hidden {
    display: none !important;
}

input[type =
"image"], input[type = "checkbox"] {
    width: auto !important;
}

input.image, input.checkbox {
    width: auto !important;
}

select {
}

textarea {
    padding: 0.5em;
    border: 1px solid #808080;
    background: #fff url("../img/bg_textarea.png") no-repeat;
}

input, label, select {
    vertical-align: middle;
}

textarea:hover, input[type =
'text']:hover, input[type = 'password']:hover, select:hover {
    border-color: #cdcccc;
}

textarea:focus, input[type =
'text']:focus, input[type = 'password']:focus, select:focus {
    border-color: #888;
    outline: 2px solid #ffffaa;
}

applet, object, iframe {
    overflow: hidden;
}

hr {
    clear: both;
    border: none;
    color: #d5dfe5;
    background-color: #d5dfe5;
    height: 1px;
    width: 100%;
    margin: 20px 0;
    padding: 0;
} * html hr {
    margin: 13px 0
} * + html hr {
    margin: 13px 0
}

table {
    margin: 1em 0;
    border-collapse: collapse;
    table-layout: auto;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #ccc;
}

table th {
    padding: 0.5em;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

table td {
    padding: 0.5em;
    vertical-align: top;
}

table caption {
    caption-side: top;
    text-align: center;
}

/* -- List's -- */
ul {
    margin: 1em 0 1em 1.5em;
    padding: 0;
    list-style-type: none;
}

ul li {
    margin: 2px 0;
    padding: 0 0 5px 15px;
    background: url("../img/bull_li.gif") 0px 4px no-repeat;
}

li ul {
    margin-top: 0;
    margin-bottom: 0;
}

ol {
    margin: 0 0 1em 1.5em;
    padding: 0;
    list-style-type: decimal;
    list-style-position: inside;
}

ol li {
    margin: 0;
    padding: 0;
}

ol ul li {
    background: none;
}

dl {
    margin: 0 0 1em 1.5em;
    padding: 0;
}

dl dt {
    margin: 0 0 0.5em 0;
    padding: 0;
}

dl dd {
    margin: 0.5em 0 1.5em 1.5em;
    padding: 0;
}

/* -- Images -- */
img {
    display: block;
    border: none;
}
 /* VA is for inline img's */ #footer img, #bottom img, p img {
    display: inline;
}

/* -- Text -- */
blockquote {
    margin: 1em 0;
    padding: 0.5em 1em;
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

html:
lang( en) q, html body q[lang = "en"] {
    quotes: "\201e" "\201c" "\2018" "\2019";
}

html:
lang( en-us) q, html body q[lang = "en-us"] {
    quotes: "\201c" "\201d" "\2018" "\2019";
}

html:
lang( ru) q, html: lang( ua) q, html body q[lang = "ru"], html body q[lang = "ua"] {
    quotes: "\00ab" "\00bb" "\201e" "\201c";
}

cite {
    font-style: italic;
}

small {
    font-size: 85%;
}

big {
    font-size: 125%;
}

sup {
    vertical-align: text-top;
    font-size: 65%;
}

sub {
    vertical-align: text-bottom;
    font-size: 65%;
}

ins {
    text-decoration: underline;
}

del {
    text-decoration: line-through;
}

pre {
    word-wrap: break-word;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
}

abbr {
    text-transform: uppercase;
    text-decoration: none;
}

acronym {
    font-variant: small-caps;
    text-transform: none;
    text-decoration: none;
}

abbr[title], acronym[title], dfn[title] {
    cursor: help;
    border-bottom: 1px dotted #f0f0f0;
}

/*======= -- OUR BLOCK's & STYLES ! -- =======*/ .mobile, #mobile-nav {
    display: none;
} .wai {
    position: absolute;
    visibility: hidden;
} .fl {
    float: left;
    margin: 0 15px 15px 0;
} .fr {
    float: right;
    margin: 0 0px 15px 15px;
}

/* Scroll Bar Master Styling Starts Here */ .scrollgeneric {
    line-height: 1px;
    font-size: 1px;
    position: absolute;
} .vscrollerbase, .vscrollerbar {
    width: 8px;
    top: 0px;
} .vscrollerbar {
    left: 0px;
} .hscrollerbase, .hscrollerbar {
    height: 15px;
    left: 0px;
} .hscrollerbar {
    top: 0px;
} .hscrollerbar {
    top: 20px !important;
} .vscrollerbar, .hscrollerbar {
    /*padding information of these elements are only used for
     
     padding of the scroll-bar with respect to the scroll base,
     
     the padding will automatically be turned off by the script*/
    padding: 11px;
    /* z-index *MUST* be given, otherwise links will not be clickable
     
     inside the div */
    z-index: 2;
} .vscrollerbarbeg {
    /*top image holder for vertical scroll bar*/
    background: url(../img/vscroller.gif) 0px -3px;
    width: 6px;
    height: auto;
    top: 0px;
    left: 1px;
} .vscrollerbarend {
    /*bottom image holder for vertical scroll bar*/
    background: url(../img/vscroller.gif);
    width: 6px;
    height: 3px;
    left: 1px;
} .vscrollerbase {
    background-color: #000;
    background-image: url(../img/scrollbaseback.gif);
} .vscrollerbasebeg {
    top: 0px;
    width: 8px;
    background: url(../img/scrollbases.gif) 0px -12px no-repeat;
} .vscrollerbaseend {
    height: 12px;
    width: 8px;
    background: url(../img/scrollbases.gif) 0px 0px no-repeat;
} .scrollerjogbox {
    width: 0px;
    height: 0px;
    bottom: 0px;
    right: 0px;
}

/* Scroll Bar Master Styling Ends Here */
/*  -- Header --  */
/*  logo */ #header #logo {
    width: 155px;
    height: 63px;
    padding: 0 0 0 57px;
    position: absolute;
    top: 0;
    left: 30px;
    font: bold 24px "Trebuchet MS";
    color: #fff;
    text-transform: uppercase;
    z-index: 5
} #logo a, #logo span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 212px;
    height: 63px;
    background: url("../img/logo.png") 0px 0 no-repeat;
    text-indent: -900em
}

/* /logo */ #header form#site_search {
    position: absolute;
    top: 34px;
    right: 30px
} #header form#site_search input#search {
    width: 119px;
    border: 1px solid #fff;
    background-color: #ccc;
    font-size: 0.916em;
    color: #000;
} #header ul#subnav {
    position: absolute;
    top: 34px;
    right: 205px;
    overflow: hidden;
    margin: 0;
    padding: 0;
} #header ul#subnav li {
    float: left;
    padding: 2px 15px;
    background: none;
    border-left: 1px solid #3d3d3d;
    margin-left: -1px;
} #header ul#subnav li a {
    color: #d9e6c2;
    text-indent: -999em;
    background: url(../img/icons_subnav.png) 0 0 no-repeat;
    display: block;
    height: 10px;
    text-decoration: none;
    font-size: 0.833em;
    overflow: hidden;
} #header ul#subnav li a:hover {
    color: #de8be3;
} #header ul#subnav li.sn_home a {
    background-position: 0 0;
    width: 11px;
} #header ul#subnav li.sn_home a:hover {
    background-position: 0 -10px;
} #header ul#subnav li.sn_map a {
    background-position: 0 -30px;
    width: 17px;
} #header ul#subnav li.sn_map a:hover {
    background-position: 0 -40px;
} #header ul#subnav li.sn_contact a {
    background-position: 0 -59px;
    width: 12px;
} #header ul#subnav li.sn_contact a:hover {
    background-position: 0 -69px;
} #header ul#subnav li.sn_lang a {
    text-indent: 0;
    background: none;
    height: auto;
}

ul#nav {
    position: absolute;
    top: 83px;
    left: 50px;
    z-index: 10;
    margin: 0;
    right: 50px;
    padding: 10px 0 15px 0;
    /*border-bottom: 1px solid #525252;*/
	background: url(/img/ul-nav.gif) repeat-x 100% 100%;
    font: normal 1em Tahoma;
}

ul#nav li {
    float: left;
    position: relative;
    background: url(/img/list-li.png) no-repeat 0 0;
    padding: 0px 10px 6px;
}

ul#nav li a {
    position: relative;
    display: block;
    height: 11px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

ul#nav li a:hover {
    color: #de8be3;
}

ul#nav li#podegiki {
    border-left: none;
    padding-left: 0;
}

ul#nav li#forprivate {
    padding: 0;
    border-left: none;
    float: right;
}

ul#nav li li a {
    width: 214px;
}

ul#nav li li {
    background: none;
}


ul#nav li ul {
    position: absolute;
    z-index: 11;
    top: 15px;
    overflow: hidden;
    zoom: 1;
    left: 0;
    display: none;
    border: 1px solid #524E4F;
    background: #000 !important;
    margin: 0;
    width: 250px;
    padding: 10px 15px;
}

ul#nav li:hover ul, ul#nav li.jshover ul {
    display: block;
}

ul#nav li ul li {
    float: none;
    padding: 0;
    border-bottom: 1px solid #4F4F4F;
    clear: left;
    border-left: none;
    margin: 0;
    position: relative;
}

ul#nav li ul li a {
    padding: 5px 15px 8px 20px;
    height: auto;
    white-space: nowrap;
    display: block;
    text-align: left;
    text-transform: none;
}

ul#nav li ul li a:hover {
    background-color: #5B3C69;
    border: 1px solid #4F4F4F;
    padding: 4px 15px 7px 19px;
    color: #fff;
}

ul#nav li#forprivate ul {
    left: auto;
    right: 0;
    text-align: right;
}

/* /-- Header -- */
/* -- Sidebar -- */ #sidebar {
    background: url("../img/ill_podejiki.jpg") 0 center no-repeat
}

body.podegiki #sidebar {
    background-image: url("../img/ill_personnel.jpg")
}

body.portfolio #sidebar {
    background-image: url("../img/ill_portfolio.jpg")
}
body.portfolio1 #sidebar {
    background-image: url("../img/ill_portfolio.jpg")
}

body.clients #sidebar {
    background-image: url("../img/ill_clients.jpg")
}

body.contacts #sidebar {
    background-image: url("../img/ill_monas.jpg")
}

body.developments #sidebar {
    background-image: url("../img/ill_developments.jpg")
}

body.format #sidebar {
    background-image: url("../img/ill_developments.jpg")
}

body.history #sidebar {
    background-image: url("../img/ill_history.jpg")
}

body.job #sidebar {
    background-image: url("../img/ill_job.jpg")
}

body.lastprojects #sidebar {
    background-image: url("../img/ill_portfolio.jpg")
}

body.the_project #sidebar {
    background-image: url("../img/ill_portfolio.jpg")
}

body.monas #sidebar {
    background-image: url("../img/ill_monas.jpg")
}

body.news #sidebar {
    background-image: url("../img/ill_history.jpg")
}

body.personnel #sidebar {
    background-image: url("../img/ill_personnel.jpg")
}

body.photogallery #sidebar {
    background-image: url("../img/ill_portfolio.jpg")
}

body.pressa #sidebar {
    background-image: url("../img/ill_pressa.jpg")
}

body.quest #sidebar {
    background-image: url("../img/ill_monas.jpg")
}

body.story #sidebar {
    background-image: url("../img/ill_story.jpg")
}

body.thanks #sidebar {
    background-image: url("../img/ill_history.jpg")
}

body.video #sidebar {
    background-image: url("../img/ill_portfolio.jpg")
}

body.club_sotr #sidebar {
    background-image: url("../img/ill_club_sotr.jpg")
}

body.club_clients #sidebar {
    background-image: url("../img/ill_club_clients.jpg")
}

body.for_individuals #sidebar {
    background-image: url("../img/ill_for_individuals.jpg")
}

body.map #sidebar {
    background-image: url("../img/ill_map.jpg")
}

body.search #sidebar {
    background-image: url("../img/ill_search.jpg")
}

body.kodexpod #sidebar {
    background-image: url("../img/ill_pressa.jpg")
} #zagogulina {
    background: url(../img/zagogulina_1.png) 0 0 no-repeat;
    width: 304px;
    height: 218px;
    bottom: -4px;
    left: -27px;
    position: absolute;
}

body.index #zagogulina {
    bottom: 31px;
    left: 4px
} #sidebar h1 {
    position: absolute;
    top: 65px;
    left: 199px;
    width: 55px;
    text-transform: uppercase;
    line-height: 1;
    display: none;
} #sidebar object.h1-text {
    position: absolute;
    top: 65px;
    left: 199px;
    width: 55px;
    height: 430px;
}

/* /-- Sidebar -- */
/* -- Footer --  */ #footer .block {
    float: left;
    width: 29%;
    text-indent:-9000px;
    margin-left: 10px;
    border: 1px solid #4d4d4d;
    background-color: #000;
} #footer .block:first-child, #footer .block.first-child {
    margin-left: 0;
}

#footer .teasers {
    width: 38%;
}

body.inner #footer .block {
    width: 35%;
    background: #030003 url("../img/bg_footer_block.png") 0 0 no-repeat;
}
body.inner #footer .teasers {
    width: 61%;
	float: right;

}
body.inner #footer .quest_inner {
    float: right;
} 

 #footer .block a {
    margin: 6px 6px 6px 10px;
    display: block;
    height: 60px;
    text-indent:-9000px;
    position: relative;
    background: url(../img/bg_footer.png) right 0 no-repeat;
	
} 

#footer .megafons a {
    margin: 6px 6px 6px 20px;
    display: block;
    height: 60px;
    text-indent: 0;
    position: relative;
	text-decoration: none;
    background: url(../img/userfiles/megafon.png) right 0 no-repeat !important;
	
} 

#footer .teasers a {
    margin: 6px 6px 6px 10px;
    display: block;
    height: 60px;
    text-indent: 0;
    position: relative;
	text-decoration: none;
    background: none !important;
	
} 

#footer .teasers img {
    float: right;
	margin: 0;
} 


#footer .block a b {
	display:block;
	font-size:11px;
	font-weight:normal;
	padding:3px 80px 0 0;
}

#footer .block a span {
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    width: 150px;
    background: url("../img/bg_footer.png") left 0 no-repeat;
} 

#footer .recent_project a {
    background-position: right 0;
} #footer .recent_project a span {
    background-position: left -87px;
}

body.en #footer .recent_project a span {
    background-position: left -830px;
} #footer .quest a, #footer .quest_inner a {
    background-position: right -165px;
} #footer .quest a span {
    background-position: left -247px;
}

body.en #footer .quest a span {
    background-position: left -903px;
} #footer .quest_inner a span {
    background-position: left -489px;
}

body.en #footer .quest_inner a span {
    background-position: left -1120px;
    text-indent:-9000px;
} #footer .order_film a {
    background-position: right -325px;
    text-indent:-9000px;
} #footer .order_film a span {
    background-position: left -406px;
    text-indent:-9000px;
}

body.en #footer .order_film a span {
    background-position: left -1004px;
}

body.inner #footer .chosen a {
    background-position: right -650px;
}

body.inner #footer .chosen a span {
    background-position: left -740px;
}

body.en #footer .chosen a span {
    background-position: left -1202px;
}

/* /-- Footer -- */
/* -- Bottom --  */ #bottom a {
    color: #4d4d4d;
}

/* /-- Bottom -- */
/* ^^^^^^^^^^^ Content style's ^^^^^^^^^^^ */
body.inner #content #content-text h2 {
    margin-top: 0;
}

body.inner #content #content-text h2 a {
    color: #B062BE;
}

body.inner #content #content-text h2 a:hover {
} #content dfn {
    font: normal 1.166em Corbel, "Trebuchet MS";
    color: #fff;
} #content dfn strong {
    text-transform: uppercase;
    font-weight: normal;
} #content table {
    border: none;
} #content ul#bookmarks {
    position: absolute;
    top: 0;
    right: -32px;
    margin: 0;
    padding: 0;
    height: 500px;
    background: #000;
    z-index: 5;
} #content ul#bookmarks li {
    padding: 0;
    margin: 0 0 10px 0;
    width: 30px;
} #content ul#bookmarks li a {
    height: 129px;
    width: 32px;
    position: relative;
    overflow: hidden;
    display: block;
} #content ul#bookmarks li a span {
    height: 129px;
    width: 32px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/bg_bookmarks.png) 0 0 no-repeat;
} #content ul#bookmarks li.club_officer a span {
    background-position: 0 -141px;
} #content ul#bookmarks li.club_officer a:hover span {
    background-position: -32px -141px;
}

body.en #content ul#bookmarks li.club_officer a span {
    background-position: -66px -141px;
}

body.en #content ul#bookmarks li.club_officer a:hover span {
    background-position: -98px -141px;
} #content ul#bookmarks li.club_client a span {
    background-position: 0 0;
} #content ul#bookmarks li.club_client a:hover span {
    background-position: -32px 0;
}

body.en #content ul#bookmarks li.club_client a span {
    background-position: -66px 0;
}

body.en #content ul#bookmarks li.club_client a:hover span {
    background-position: -98px 0;
} #content ul#bookmarks li.popup_frm a span {
    background-position: 0 -282px;
} #content ul#bookmarks li.popup_frm a:hover span {
    background-position: -32px -282px;
}

body.en #content ul#bookmarks li.popup_frm a span {
    background-position: -66px -282px;
}

body.en #content ul#bookmarks li.popup_frm a:hover span {
    background-position: -97px -282px;
} #content-text blockquote.epigraph {
    width: 300px;
    font-size: 0.909em;
    color: #a3a3a3;
    margin: 0 0 0 auto;
    padding: 0;
} #content-text blockquote.epigraph q {
    quotes: none;
} #content-text blockquote.epigraph cite {
    font-style: normal;
    display: block;
    font-weight: bold;
}

/* ################ Photogallery  ################## */
body.photogallery #content #content-text {
    background: #000 url("../img/ajax-loader.gif") center center no-repeat;
}

ul.photo_gallery {
    text-align: center;
    margin: 0;
    padding: 0;
    padding: 4px 2px 7px 3px;
    overflow: hidden;
    margin: 0px 0px 0px 35px;
    background: #000;
}

ul.photo_gallery li {
    display: -moz-inline-box;
    display: inline-block;
    margin: 0;
    padding: 0;
    margin: 0px 18px 17px 0;
    background: none;
}

ul.photo_gallery li a {
    position: relative;
    padding: 0px 0px 0px 0px;
    display: block;
}

ul.photo_gallery li a img {
    width: 124px;
    height: 124px;
    background: url("../img/ajax-loader-2.gif") center center no-repeat;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
}

ul.photo_gallery li a:hover img {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
}

ul.photo_gallery li a span {
    position: absolute;
    top: 0;
    left: 0;
    width: 128px;
    height: 128px;
    background: url(../img/bg_non_hover_gallery.png) 0 0 no-repeat;
}

ul.photo_gallery li a:hover span {
    top: -1px;
    left: -1px;
    background: url(../img/bg_hover_gallery.png) 0 0 repeat;
} #gallery_wrapp {
    display: none;
    position: absolute;
    z-index: 15;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url("../img/bg_Modal_window.png");
    overflow: hidden;
} #gallery_wrapp.showed {
    display: block;
} #gallery_wrapp #gallery_holder {
    position: relative;
    left: 50%;
    top: 50px;
    float: left;
} #gallery_wrapp ul#hor_pic {
    position: relative;
    left: -50%;
    _float: left;
    margin-left: 0px;
    padding: 0;
} #gallery_wrapp ul#hor_pic li {
    float: left;
    margin: 0;
    padding: 0;
    background: none;
} #gallery_wrapp ul#hor_pic li a#gallery_close {
    position: absolute;
    top: -45px;
    right: 10px;
    padding: 0 25px 5px 0;
    text-decoration: none;
    background: url("../img/ico_close.png") right top no-repeat;
} #gallery_wrapp ul#hor_pic li#main_photo div#main_photo_ramka {
    position: relative;
    top: 20px;
    margin: -15px 15px 0px 15px;
    border: 4px solid #fff;
    min-width: 200px;
    min-height: 200px;
}
 /* max-width: 650px; max-height: 400px; */ #gallery_wrapp ul#hor_pic li#main_photo div#main_photo_ramka img#img_main_photo {
    min-width: 325px;
    min-height: 200px;
}
 /* max-width: 650px; max-height: 400px; */ #gallery_wrapp ul#hor_pic li#main_photo div#main_photo_ramka span#corner_top_left {
    margin: -4px 0px 0px -4px;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../img/cor_t_l.png") no-repeat;
    width: 27px;
    height: 27px;
} #gallery_wrapp ul#hor_pic li#main_photo div#main_photo_ramka span#corner_top_right {
    margin: -4px -4px 0px 0px;
    position: absolute;
    top: 0;
    right: 0;
    background: url("../img/cor_t_r.png") no-repeat;
    width: 27px;
    height: 27px;
} #gallery_wrapp ul#hor_pic li#main_photo div#main_photo_ramka span#corner_bott_left {
    margin: 0px 0px -4px -4px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url("../img/cor_b_l.png") no-repeat;
    width: 27px;
    height: 27px;
} #gallery_wrapp ul#hor_pic li#main_photo div#main_photo_ramka span#corner_bott_right {
    margin: 0px -4px -4px 0px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url("../img/cor_b_r.png") no-repeat;
    width: 27px;
    height: 27px;
} #gallery_wrapp ul#hor_pic li a {
    display: block; /* opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";*/
} #gallery_wrapp ul#hor_pic li a:hover {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
} #gallery_wrapp ul#hor_pic li.thumb ul {
    margin: 0;
    padding: 0;
} #gallery_wrapp ul#hor_pic li.thumb ul li {
    float: none;
    margin: 0px 5px 17px 5px;
    padding: 0;
    width: 86px;
    height: 71px;
} #gallery_wrapp ul#hor_pic li.thumb ul li img {
    width: 86px;
    height: 71px;
} #gallery_wrapp ul#hor_pic li.thumb ul li a {
    position: relative;
} #gallery_wrapp ul#hor_pic li.thumb ul li a span {
    position: absolute;
    top: 0;
    left: 0;
    width: 86px;
    height: 71px;
    background: url(../img/bg_non_hover_gallery_2.png) 0 0 no-repeat;
} #gallery_wrapp ul#hor_pic li.thumb ul li a:hover span {
    background: url(../img/bg_non_hover_gallery_2.png) 0 0 repeat;
} #gallery_wrapp div#main_photo_ramka ul#photo_arrows {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
} #gallery_wrapp div#main_photo_ramka ul#photo_arrows li {
    position: absolute;
    top: 0;
    width: 16px;
    height: 22px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
} #gallery_wrapp div#main_photo_ramka ul#photo_arrows li#prev_arrow {
    left: 10px;
} #gallery_wrapp div#main_photo_ramka ul#photo_arrows li#next_arrow {
    right: 10px
} #gallery_wrapp div#main_photo_ramka ul#photo_arrows li a {
    display: block;
    width: 16px;
    height: 22px;
    text-indent: -900em;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
} #gallery_wrapp div#main_photo_ramka ul#photo_arrows li a:hover {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
} #gallery_wrapp div#main_photo_ramka li#prev_arrow a {
    background: transparent url("../img/prev.png") no-repeat;
} #gallery_wrapp div#main_photo_ramka li#next_arrow a {
    background: transparent url("../img/next.png") no-repeat;
}

/* / ################ Photogallery  ################## */
/* Персоналии */
div.personnel_list {
    margin: 0 0 20px 0;
    overflow: hidden;
}

div.personnel_list img {
    margin: 0 10px 0 0;
    width: 99px;
    height: 148px;
    float: left;
    border: solid 1px #fff;
}

div.personnel_list h2 {
}

/* /Персоналии */
/* Новости */
body.inner #content #content-text div.hentry {
    margin: 0 0 3em;
}

body.inner #content #content-text div.hentry h2.entry-title {
    margin: 0;
}

body.inner #content #content-text div.hentry var.published {
    display: block;
    color: #a3a3a3;
    margin-bottom: 1em;
}

body.inner #content #content-text div.hentry div.entry-content {
}

/* /Новости */
/* Клиенты */
body.clients #content #content-text {
    background: none;
}

body.inner #content #content-text ul#clients_gallery {
    margin: 10px 0 0;
    padding: 0;
    overflow: hidden;
}

body.inner #content #content-text ul#clients_gallery li {
    margin: 0 10px 10px 0;
    padding: 0;
    float: left;
    background: none;
    list-style: none;
    position: relative;
    width: 122px;
    height: 108px;
}

body.inner #content #content-text ul#clients_gallery li a {
    display: block;
}

body.inner #content #content-text ul#clients_gallery li img, body.inner #content #content-text ul#clients_gallery li dfn {
    display: block;
    width: 122px;
    height: 108px;
    padding: 2px;
    background: url("../img/bg_client_frame.png") 0 0 no-repeat;
    font: normal 1em / 2 Tahoma;
    text-align: center;
}

body.inner #content #content-text ul#clients_gallery li a:hover img {
    background: none;
}

body.inner #content #content-text ul#clients_gallery li img.active {
    display: none;
}

body.inner #content #content-text ul#clients_gallery li a:hover img.active {
    display: block;
}

body.inner #content #content-text ul#clients_gallery li a:hover img.unactive {
    display: none;
}

body.inner #content #content-text .clients_block {
    margin: 20px 0 5px;
    overflow: hidden;
}

body.inner #content #content-text .clients_block img {
    margin: 0 0 5px 0;
    float: left;
    border: 1px solid #7A7A7A;
    width: 122px;
    height: 108px;
    margin-right: 15px;
}

body.inner #content #content-text .clients_block h3 {
    margin: 0;
}

body.inner #content #content-text .clients_block ul.clients_list {
    overflow: hidden;
    margin-top: 0;
}

body.inner #content #content-text .clients_block ul.clients_list li {
    background: url("../img/bull_arrow.png") 0 5px no-repeat;
    padding: 0 0 0 10px;
    margin: 0 0 3px 0;
}

body.inner #content #content-text .clients_block ul.clients_list a {
    color: #b062be;
    text-decoration: none;
}

body.inner #content #content-text .clients_block ul.clients_list a:hover {
    text-decoration: underline;
}

/* Благодарности */
body.inner #content #content-text .thanks_block { /*background: url("../img/bg_format_block.png") repeat;*/
    border: 1px solid #303130;
    margin-bottom: 15px;
    padding: 0 15px 15px;
}

body.inner #content #content-text .thanks_block h3 {
    background: url("../img/bg_head_format_block.png") repeat;
    margin: 0 -15px;
    padding: 0 0 0 15px;
}

body.inner #content #content-text .thanks_block blockquote {
    margin: 0;
    padding: 2em 0 1em;
}

body.inner #content #content-text .thanks_block p {
    margin: 0;
}

body.inner #content #content-text .thanks_block cite {
}

/* /Клиенты */
/* Форматы */
body.inner #content #content-text a.aboutformat {
    display: block;
    position: absolute;
    top: 7px;
    right: 20px;
    padding: 7px 0 7px 42px;
    background: url(../img/format.gif) no-repeat 0px 0px;
}

body.inner #content #content-text .format_block { /* background: url("../img/bg_format_block.png") repeat;*/
    border: 1px solid #303130;
    margin-bottom: 15px;
}

body.inner #content #content-text .format_block h3 {
    background: url("../img/bg_head_format_block.png") repeat;
    margin: 0;
}

body.inner #content #content-text .format_block h3 a, .format_block h3 span {
    background: url("../img/icons_sun.png") 0 4px no-repeat;
    margin: 0 0 0 15px;
    padding: 0 0 0 30px;
    color: #fff;
    display: block;
}

body.inner #content #content-text .odd_block h3 a {
    background-position: 0 -46px;
}

body.inner #content #content-text .format_block h3 a:focus, .format_block h3 a:hover {
    text-decoration: none;
    color: #fff;
}

body.inner #content #content-text .format_block ul {
    margin: 0;
    padding: 0 20px;
}

body.inner #content #content-text .format_block ul li {
    margin: 25px 0;
    padding: 0;
    background: none;
    display: block;
    overflow: hidden;
}

body.inner #content #content-text .format_block ul li img {
    margin-right: 15px;
    width: 122px;
    height: 108px;
    float: left;
    border: 1px solid #524e4f;
}

body.inner #content #content-text .format_block h4 {
    color: #B062BE;
    margin: 0
}

body.inner #content #content-text .format_block h4 a {
    color: #B062BE;
    text-decoration: none;
}

body.inner #content #content-text .format_block h4 a:hover {
    text-decoration: underline;
}

body.inner #content #content-text .format_block div.description {
    margin: 0.5em 0;
}

body.inner #content #content-text .format_block div.notify {
    margin: 1em 2em;
}

/* /Форматы */
/* Проекты */
body.the_project #content #content-text {
    background: none;
}

body.inner #content #content-text .project_block {
    overflow: hidden;
    margin: 1em 0;
}

body.inner #content #content-text .project_block img.proj_logo {
    float: left;
    margin-right: 15px;
    border: 1px solid #524e4f;
}

body.inner #content #content-text .project_block h3 {
    font: bold 1em Tahoma;
    margin: 0 0 5px 0;
}

body.inner #content #content-text .project_block img {
    width: 122px;
    height: 108px;
}

body.inner #content #content-text .project_block div.description {
}

body.inner #content #content-text .project_block ul.project_list {
    margin-top: 0;
}

body.inner #content #content-text .project_block ul.project_list li {
    background: url("../img/bull_arrow.png") 0 5px no-repeat;
    padding: 0 0 0 10px;
    margin: 0 0 3px 0;
}

body.inner #content #content-text .project_block ul.project_list a {
    color: #b062be;
    text-decoration: none;
}

body.inner #content #content-text .project_block ul.project_list a:hover, div.project_block ul.project_list a:focus {
    text-decoration: underline;
}

body.inner #content #content-text .project_block blockquote {
    margin: 0;
    padding: 0;
}

body.inner #content #content-text h3.customer {
    background: url("../img/ico_glass.png") 0 8px no-repeat;
    border-top: 1px solid #524e4f;
    border-bottom: 1px solid #524e4f;
    padding: 4px 0 4px 30px;
    margin: 0;
}

body.inner #content #content-text h3.customer a {
    text-decoration: underline;
}

body.inner #content #content-text h3.customer a:hover {
    text-decoration: none;
}

body.inner #content #content-text h3.customer a:visited {
    color: #fff;
}

body.inner #content #content-text .project_wrap {
    overflow: hidden;
    padding: 10px 0 0 0;
}

body.inner #content #content-text ul.project_video {
    margin: 0 120px 0 0;
    padding: 0;
    float: left;
}

body.inner #content #content-text ul.project_photo {
    margin: 0;
    padding: 0;
    float: left;
}

body.inner #content #content-text ul.project_video a, ul.project_photo a, body.inner #content #content-text div#flash_links ul a {
    color: #b062be;
}

body.inner #content #content-text ul.project_video li, body.inner #content #content-text div#flash_links ul li {
    background: url("../img/icons_photo_video.png") 0 0 no-repeat;
    padding: 5px 0 5px 35px;
    margin-bottom: 5px;
}

body.inner #content #content-text ul.project_photo li {
    background: url("../img/icons_photo_video.png") 0 bottom no-repeat;
    padding: 5px 0 5px 30px;
    margin-bottom: 5px;
}

/* Проекты */
/* Contacts */
body.inner #content #content-text div.contacts {
    width: 50%;
    float: left;
    margin-bottom: 30px;
}

body.inner #content #content-text div.contacts div.vcard {
    min-height: 80px;
}

body.inner #content #content-text #fcontacts span.locality, #scontacts span.locality {
    font-weight: bold;
}

body.inner #content #content-text #fcontacts img, #scontacts img {
    margin-top: 20px;
    border: solid 1px #7A7A7A;
}

body.inner #content #content-text #fcontacts span.fn, #scontacts span.fn {
    position: absolute;
    visibility: hidden;
}

body.inner #content #content-text form#frmcontact {
    margin: 10px 0;
    padding: 5px 13px;
    width: 96%;
    border: 1px solid #7A7A7A;
    background: #2F2F2F none repeat scroll 0 0;
    clear: both;
}

body.inner #content #content-text form#frmcontact fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

body.inner #content #content-text form#frmcontact textarea {
    margin: 3px 0 0;
    width: 96%;
    height: 125px;
    color: #000;
}

body.inner #content #content-text form#frmcontact p {
    font: 0.909em Verdana, Arial, Helvetica, sans-serif;
    color: #949494;
    float: left;
}

body.inner #content #content-text form#frmcontact input {
    margin: 3px 0 5px;
    width: 85%;
    height: 16px;
    color: #000;
}

body.inner #content #content-text form#frmcontact #submit {
    width: 64px;
    float: right;
    background: #6A6A6A;
    border: 1px solid #7A7A7A;
    color: #fff;
}

body.inner #content #content-text form#frmcontact #f_first {
    width: 50%;
    float: left;
}

body.inner #content #content-text form#frmcontact #f_second {
    width: 50%;
    float: left;
}

body.inner #content #content-text form#frmcontact #f_third {
    clear: both;
}

body.inner #content #content-text form#frmcontact div#fill_form, div#fill_form1, div#fill_form2, div#fill_form3 {
    display: none;
    margin-bottom: 1em;
    padding: 10px 20px;
    font-size: 1em;
    color: #fff;
    border: 1px solid #7A7A7A;
    background: #6A6A6A;
}

body.inner #content #content-text form#frmcontact div#fill_form h3, div#fill_form1 h3, div#fill_form2 h3, div#fill_form3 h3 {
    color: #B062BE;
}

body.for_individuals ul li a {
    text-decoration: none;
    color: #B062BE;
}

body.for_individuals ul li a:hover {
    text-decoration: underline;
}

body.inner #content #content-text div#videoplayer {
    float: left;
    margin: 0 20px 0 0;
}

body.inner #content #content-text div#video_text {
    overflow: hidden;
}

body.inner #content #content-text div#video_text #proj_desc {
    margin: 1em 0;
}

body.inner #content #content-text div#video_text #flash_desc {
    margin: 1em 0;
}

body.inner #content #content-text div#video_text #flash_links {
    margin: 1em 0;
}

body.inner #content #content-text ul#video-list {
    display: none;
    margin: 0;
    padding: 20px 0 0;
    overflow: hidden;
    clear: both;
}

body.inner #content #content-text ul#video-list li {
    background: none;
    list-style: none;
    display: block;
    float: left;
    color: #B062BE;
    width: 49%;
    margin: 0 0 20px 0;
    padding: 0;
}

body.inner #content #content-text ul#video-list li a {
    display: block;
}
 #content #content-text #content-text_scrolled {position: absolute; top: 45px; left: 15px; bottom: 15px; right: 15px; padding-right: 20px; padding-top:10px; overflow: hidden;}


body.inner #content #content-text ul#video-list li img {
    width: 96px;
    height: 96px;
    border: solid 1px #fff;
    margin: 0 20px 0px 0;
    float: left;
}

body.inner #content #content-text ul#search li {
    padding: 0;
    list-style: decimal;
    background: none;
    margin: 0 0 1em 3em;
}

div#browser-warn {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 21px;
    padding-left: 24px;
    background: #ffffe1 url("../img/ico_browser-warn.png") 5px 3px no-repeat;
    font: 11px / 21px Tahoma;
    color: #000;
    border-bottom: 2px outset #808080;
    z-index: 1000;
}

body.inner #content #content-text ul.pager {
    margin: 1em 0;
    padding: 0;
    text-align: center;
}

body.inner #content #content-text ul.pager li {
    display: inline;
    margin: 0;
    padding: 0;
    background: none
}

body.inner #content #content-text ul.pager li.sel {
    background: #eee
}

body.inner #content #content-text li.sel a, body.inner #content #content-text li.sel var {
    color: #000
}

body.inner #content #content-text ul.pager li a, body.inner #content #content-text li var {
    padding: 2px 5px;
    border: 1px solid #aaa;
    color: #fff;
    text-decoration: none
}

body.inner #content #content-text ul.pager li a:hover {
    color: #B062BE
} .hackers h2 {
    display: none;
} .hackers p {
    margin: 0;
} .special-class {
    position: absolute;
    text-align: left;
    top: 5px;
    left: 5px;
    padding: 0 10px 10px 0;
    display: none;
} .rounded {
    padding: 0;
    zoom: 1;
} .b1 {
   border: 1px solid #000;
	
} .b2 {
    border: 1px solid #000  ; 
} .b3 {
    border: 3px solid blue;
} .b4 {
    border: 4px solid blue;
} .b5 {
    border: 5px solid blue;
} .b6 {
    border: 6px solid blue;
} .b7 {
    border: 7px solid blue;
} .b8 {
    border: 8px solid blue;
} .b9 {
    border: 9px solid blue;
} .b10 {
    border: 10px solid blue;
} .b11 {
    border: 11px solid blue;
} .b12 {
    border: 12px solid blue;
} .b13 {
    border: 13px solid blue;
} .b14 {
    border: 14px solid blue;
} .b15 {
    border: 15px solid blue;
} .b16 {
    border: 16px solid blue;
} .b17 {
    border: 17px solid blue;
} .b18 {
    border: 18px solid blue;
} .b19 {
    border: 19px solid blue;
} .b20 {
    border: 20px solid blue;
}

.stirelinks {padding-left: 10px;}
.stirelinks a {color: #b062be; font-size: 17px;}
.stirelinks img {position: relative; left: -10px; top: 0;}


.liveinternet {position: absolute; right: 0; top: 40px;}