* {
    margin: 0;
    padding: 0;
}

body {
    font: 62.5% Arial, sans-serif;
    background: #fff;
}

fieldset {
    border: 0;
}

hr {
    display: none;
}

img {
    border: none;
}


li {
    list-style-type: none;
}

ol li {
    list-style-type: decimal;
}

a {
    color: #0080ce;
}

p, li {    
    font-size: 1.2em;
    color: #494949;
}

a:visited {
    /*color: #fff;*/
}

a:hover {
    /*color: #fff;*/
}

.header h1 {
    width: 159px;
    height: 102px;
    background: #fff url(/images/logo_h.gif) no-repeat;
    font-size: 12px;
    color: #fff;
    text-align: center;
}

.header h1 a {
    display: block;
    height: 102px;
    color: #fff;
    text-decoration: none;
}

h2 {
    margin-bottom: 15px;
    font-weight: normal;
    font-size: 3.5em;
    line-height: 0.9em;
    color: #000;
}

h3 {
    margin: 0 0 20px 8px;
    font-weight: normal;
    font-size: 2.5em;
}

.extra h3 {
    margin-left: 0;
}

.media .extra h3 {
    margin-bottom: 45px;
    color: #fff;
}

h4 {
    margin: 25px 0 5px 0;
    font-weight: normal;
    font-size: 1.8em;
}

h5 {
    margin: 27px 0 5px 0;
    font-size: 1.2em;
}

h6 {
    margin-bottom: 5px;
    font-size: 1.1em;
    font-weight: normal;
    color: #494949;    
}

#layout {
    min-width: 990px;
    max-width: 1280px;
    margin: 0 auto;
}

.index {
    background: url(/img/banner.gif) no-repeat top right;    
}

.index .content {
    min-height: 285px;
    /*height: auto !important;
    height: 285px;   */ 
}

.contacts .content, .clients-layout .content {    
    min-height: 445px;
    height: auto !important;
    height: 445px;
}

.header {
    height: 200px;
    padding: 0 54px 0 43px;
    overflow: hidden;
}

.header-info {
    padding-top: 25px;
    float: right;
    width: 500px;
}

.header-info ul {
    float: left;
    width: 300px;
    margin-top: 12px;
}

.header-info li {
    font-size: 1.4em;
    margin-bottom: 2px;
    padding: 4px 0 5px 38px;
    background: url(/img/icons.gif) no-repeat left 0;   
}

.header-info li.services {
    background-position: left -86px;      
}

.header-info li.area {
    background-position: left -175px;      
}

.header-info li a:hover {
    font-weight: bold;
}

.header-info div {
    width: 170px;
}

.header-info div p {
    font-size: 1.8em;
    line-height: 1.1em;
}

.header-info div p strong {
    color: #000;
}

.header-info div p.find-us {
    margin-top: 15px;
    padding-bottom: 5px;
    text-align: right;
    font-size: 1.2em;
}

.header-info div p.find-us a, .header-info div p.find-us strong {
    padding-left: 25px;
    padding-top: 5px;
    background: url(/img/find-us.gif) no-repeat;     
}

.header-info div {
    margin-left: 300px;
}

.content {
    overflow: hidden;
    position: relative;
}

.main-side-cover {    
    float: left;
    width: 100%;
    margin-right: -490px;        
}

.main-side {
    margin-right: 490px;
    padding-left: 60px;
}

.extra {
    width: 445px;
    float: right;
    padding-left: 45px;
}

.extra.deeper {
    margin-top: 70px;
}

.block {
    position: relative;
    margin: 35px 0 30px -10px;
    background: #459300 url(/img/block-t-l.gif) no-repeat;
}

.block-right {
    background: url(/img/block-t-r.gif) no-repeat top right;
}

.block-bottom {
    background: url(/img/block-b-l.gif) no-repeat left bottom;
}

.block-bottom-right {
    padding: 13px 25px 13px 87px;
    background: url(/img/block-b-r.gif) no-repeat right bottom;
}

.block h4 {
    margin-top: 0;
}

.block h4 a {
    color: #fff179;
    background: url(/img/inactive.gif) repeat-x left bottom;
    text-decoration: none;
}

.block .active h4 a {
    background: none;
    text-decoration: underline;
}

.block p {
    color: #fff;
    margin-bottom: 5px;
    line-height: 1.3em;
}

.block .m {
    display: block;
    position: absolute;
    top: -30px;
    left: -32px;
    width: 119px;
    height: 117px;
    background: url(/img/m.png) no-repeat;
}

.block .k {
    display: block;
    position: absolute;
    top: 58px;
    left: -15px;
    width: 116px;
    height: 115px;
    background: url(/img/k.png) no-repeat;    
}

.block-blue {
    padding-top: 22px;
    background: url(/img/tail.gif) no-repeat 60% top;
}

.block-blue .block {
    margin: 0;
    background: #dff9ff url(/img/blue-t-l.gif) no-repeat;
}

.block-blue .block-right {
    background: url(/img/blue-t-r.gif) no-repeat right top;
}

.block-blue .block-bottom {
    background: url(/img/blue-b-l.gif) no-repeat left bottom;
}

.block-blue .block-bottom-right {
    padding: 20px 20px 20px 10px;
    background: url(/img/blue-b-r.gif) no-repeat right bottom;
}

.block-blue h4 {
    overflow: hidden;
}

.block-blue h4 a {
    color: #0080ce;
}

.block-blue h4 img {
    float: right;
}

.block-blue p {
    color: #494949;
}

.publicity {
    overflow: hidden;
}

.publicity li {
    float: left;
    margin: 0 3px 5px 0;
    font-size: 1.6em; 
}

.publicity li a {
    display: block;
    padding-left: 8px;
    color: #000;
    text-decoration: none;
}

.publicity li a span {
    display: block;
    padding: 3px 8px 3px 0;
    background: url(/img/border.gif) repeat-x right bottom; 
}

.publicity li.active {
    background: none;
}

.publicity li.active a, .publicity li a:hover {
    display: block;
    background: url(/img/active.gif) no-repeat;   
    color: #fff;
}

.publicity li.active a span, .publicity li a:hover span {
    background: url(/img/active-right.gif) no-repeat top right; 
}

.block-blue p.list {
    color: #0080ce;
}

.block-blue p.list a {
    margin: 0 5px;
    padding: 2px 3px;
    text-decoration: none;
    background: url(/img/border-a.gif) repeat-x left bottom;
}

/*extra*/

.ball {
    margin: 270px 0 0 195px;
}

.ball a {
    font-style: italic;
    color: #fff;
}

/* clients */

.clients-layout {
    background: url(/img/clients-layout.gif) no-repeat top right;       
}

.clients {
    overflow: hidden;
}

.clients li {
    float: left;
    margin: 0 25px 23px 0;
}

.main-side .clients {
    padding-top: 30px;
}

.main-side .clients li {
    width: 18%;
    margin-right: 2%;
}

.clients li a {
    display: block;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    margin-bottom: 8px;
}

.clients li a span {
    border-bottom: 1px dashed blue;
}

/*contacts*/

.contacts {     
    background: url(/img/map.gif) no-repeat top right;        
}

.address {
    width: 49%;
    float: left;
    margin-right: 1%;
}

.address p {    
    line-height: 1.5em;
}

.address .skype, .address .icq {
    margin-left: -19px;
}

/* media */

.media {     
    background: url(/img/media.jpg) no-repeat top right;        
}

.media .extra {
    width: 340px;
    padding-top: 90px;
}

.media .extra h4 {
    margin-bottom: 13px;
    padding-left: 25px;
    background: url(/img/arrow.gif) no-repeat left 6px;
}

.media .extra ul {
    padding-left: 25px;
}

.media .extra li {
    margin-bottom: 8px;
}

.media .extra li a:hover {
    font-weight: bold;
}

.main-side p {
    line-height: 1.5em;
}

.index .main-side p {
    line-height: 1.3em;
}

/* place */

.place {
    background: url(/img/line.gif) no-repeat top right;       
}

.place .main-side-cover {    
    margin-right: -370px;        
}

.place .main-side {
    margin-right: 370px;
}

.place .extra {
    width: 325px;
    padding-bottom: 160px;
    /*background: red;*/
    padding-top: 40px;
}

.screenshot {
    width: 293px;
    padding-bottom: 45px;
    text-align: center;
    background: url(/img/shadow.gif) no-repeat center bottom;
}

.table-block {
    width: auto;
    padding-top: 15px;
}

.table-block table {
    width: 100%;
    font-size: 1.2em;
    line-height: 1.2em;
    text-align: left;
    border-bottom: 1px solid #dff9ff;
}

.table-block table p {
    font-size: 1em;
}

.table-block table thead {
    background: #dff9ff;
}

.table-block table th, .table-block table td {
    padding: 9px 0 9px 15px;
}

.table-block table th, .table-block table td {
    border-bottom: 2px solid #dff9ff;
    font-weight: bold;
    color: #6d6d6d;
    vertical-align: top;
}

sup {
    color: #ed145b;
    font-weight: bold;
}

.table-block table td sup {
    font-size: 0.7em;
}

.table-block table .size {
    width: 80px;
}

.requirement {
    margin-top: 17px;
}

.requirement li {
    margin-bottom: 12px;
    font-size: 1.4em;
}

.requirement li p {
    font-size: 12px;
}

.requirement code {
    display: block;
    margin: 30px 0;
    padding: 6px 0 6px 22px;
    border-left: 4px solid #dff9ff;
    font: 1em Courier New, monospace;
}

.place .extra .infoline {
    margin: 3px 50px 0 29px;
}

.place .extra .infoline p {
    line-height: 1.5em;
    text-indent: -8px;
}

.place .extra .infoline p.example{
    margin-bottom: 50px;
}

.plate {
    position: absolute;
    bottom: 0;
    right: 53px;
    width: 239px;
    height: 148px;
    padding: 8px 0 0 24px;
    background: url(/img/plate.gif) no-repeat;
}

.plate h3, .plate p {
    color: #fff179;
    padding: 0;
    margin: 0;
}

.plate p {
    font-size: 1.4em;
}

.plate .phones {
    margin-top: 10px;
}

.plate .phones p {
    font-size: 2em;
    line-height: 1em;
    color: #fff;
}

/* placeS */

.places {
    background: url(/img/places.gif) no-repeat top right;       
}

.places .main-side {
    margin: auto;
    margin-right: 215px;
}

.places .extra {
    float: right;
    width: 400px;
}

.extra .slogan {
    height: 440px;
    text-indent: -900%;
}

.audience {
    margin-bottom: 20px;
    line-height: 1.7em !important;
}

.audience a, .audience .active {
    margin-right: 3px;
    padding: 1px 3px;
    background: url(/img/border-a.gif) repeat-x left bottom;
    text-decoration: none;
}

.audience a:hover, .audience .active {
    color: #fff;
    background: #ee2554;
}

.adv-places {
    overflow: hidden;
}

.adv-places li {
    float: left;
    height: 248px;
    width: 215px;
    overflow: hidden;
    margin-right: 3%;
    font-size: 1em;
}

.adv-places li p {
    margin-left: 5px;
}

.adv-places li p.shot {
    margin: 0 0 5px 0;
    width: 200px;
    height: 119px;
    padding: 20px 9px 10px 5px;
    background: url(/img/shot.gif) no-repeat;
}

.shot img {
}

.num-list {
    text-align: right;
    margin: 20px 25px 0 0;
}

.num-list p {
    margin-bottom: 5px;
    font-size: 1.8em;    
}

.num-list .num {
    position: relative;
    padding-right: 85px;
    font-size: 1.2em;
}

.num-list .num strong {
    font-size: 1.6em;
    position: relative;
    top: 4px;
}

/* services-layout */

.services-layout {
    background: url(/img/services-layout.gif) no-repeat top right;    
}

.services-layout .main-side {
    margin-right: 0;
}

.services-layout .extra {
    float: right;
    width: 470px;
}

.service-block {
    margin: 0 505px 60px -29px;
    background: #ebebeb url(/img/service-list-tl.gif) no-repeat;     
}

.service-block-r {
    background: url(/img/service-list-tr.gif) no-repeat top right;     
}

.service-block-bl {
    background: url(/img/service-list-bl.gif) no-repeat bottom left;     
}
.service-block-br {
    padding: 15px 35px 10px 15px;
    background: url(/img/service-list-br.gif) no-repeat bottom right;     
}

.service-list {
    float: left;
    width: 43%;
    margin: 0 7% 0 -14px;    
}

.service-block .service-list {
    width: auto;
    float: none;
    margin: 0;
}

.service-list li {
    font-size: 1em;
    overflow: hidden;
    margin-bottom: 20px;
}

.service-list li ul{
    font-size: 1.3em;
    overflow: hidden;
    margin-bottom: 0px;
	list-style:disc inside;
}

.service-list li ul li{
    overflow: hidden;
    margin-bottom: 0px;
	list-style:disc inside;
}

.service-list li ol{
    font-size: 1.3em;
    overflow: hidden;
    margin-bottom: 0px;
	list-style:decimal inside;
}

.service-list li ol li{
    overflow: hidden;
    margin-bottom: 0px;
	list-style:decimal inside;
}

.service-list span {
    display: block;
    width: 103px;
    height: 101px;
    float: left;
}

.service-list .media-adv span {
    background: url(/img/media-adv.png) no-repeat;   
}

.service-list .context-adv span {
    background: url(/img/context-adv.png) no-repeat;   
}

.service-list .mobile-serv span {
    background: url(/img/mobile-serv.png) no-repeat;   
}

.service-list .brandname-style span {
    background: url(/img/brandname-style.png) no-repeat;   
}

.service-list .programming span {
    background: url(/img/programming.png) no-repeat;   
}

.service-list .adv-on-tv span {
    background: url(/img/adv-on-tv.png) no-repeat;   
}

.service-list .multimedia span {
    background: url(/img/multimedia.png) no-repeat;   
}

.service-list li h4 {
    margin-top: 15px;
}

.service-list li p {
    line-height: 1.3em;
}

/* footer */

.footer {
    overflow: hidden;
    padding: 70px 60px 25px 33px;
}

.footer form {
    float: right;
    width: 400px;
}

.footer form .input {
    margin-right: 5px;
    width: 336px;
    height: 17px;
    padding: 2px 0 0 30px;
    border: none;
    background: url(/img/input.gif) no-repeat;
    font-size: 11px;
    color: #626262;
}

.footer form .submit {
    border: none;
    background: none;
    color: #0080ce;
    font-size: 17px;
    cursor: pointer;
    height: 20px;
    width: 20px;
    background: url(/img/submit.gif) no-repeat center;    
}

.footer p span {
    margin-left: 20px;
}



.client_info .clients_img {
    float: left;
    width: 135px;
    padding-left: 30px;
}

.client_info .clients_img a {
    display: block;
    width: 80px;
    text-align: center;
}

.client_info p {
    color: #000;
}

.client_info h3 {
    margin: 0 0 10px 0;
}

.client_info .popup-text {
    display: block;
    margin-left: 165px;
    padding-right: 35px;
}

.invisible {
	visibility:hidden;
}



.scrldiv {
	position:relative;
    height: 33px;
    overflow: hidden;
}

.scrlcontdiv {
	position:relative;
    height: 25px;
	width:auto;
	left:0px;
}

#scrolledDiv {
	position:relative;
	left:0px;
}


.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
}