/* LAYERS ----------------------------------------------- */ #spinner { position: fixed; height: 1em; right: 0px; top: 0px; background-color: #e24c4c; color: #fff; font-weight: bolder; padding: 3px 10px 5px 10px; display: none; z-index: 9999; top: expression(document.getElementsByTagName('html')[0].scrollTop + 'px'); position: expression((navigator.userAgent.toLowerCase().indexOf('msie') + 1) ? 'absolute' : 'fixed'); } #loading { padding: 0 20px; } #loading div { padding: 0 25px; font-weight: bold; font-size: 12px; background: url('../loading-small2.gif') no-repeat; } a.closelink2, a.closelink2:visited { position: absolute; margin: -8px 0 0 540px; color: #ff6600; } #screen { position: absolute; z-index: 100; background-color: #000; filter: alpha(opacity=40); moz-opacity: 0.4; opacity: 0.4; top: 0px; left: 0px; width: 100%; height: 100%; display:none; } div#authpop { behavior: url('png.htc'); position: fixed; z-index: 9999; text-align: center; display: none; left: 35px; top: 35px; top: expression(document.getElementsByTagName('html')[0].scrollTop+(document.getElementsByTagName('html')[0].clientHeight-this.clientHeight)/2 + 'px'); position: expression((navigator.userAgent.toLowerCase().indexOf('msie') + 1) ? 'absolute' : 'fixed'); } div#authpop-body { width: 600px; text-align: left; } div#authpop-top { width: 600px; behavior: url('png.htc'); height: 27px; } div#authpop-bottom { width: 600px; behavior: url('png.htc'); height: 27px; } div#authpop-content { width: 600px; behavior: url('png.htc'); } div#authpop-footer { background: #f7f7f7; border-top: 1px solid #e8e8e8; margin: 10px 6px 0 6px; padding: 10px 0 0 0; } div#authpop-footer div { padding: 10px 40px 5px 40px; } body { text-align: center; color: #FFFFFF; font-size: 11px; font-family: Trebuchet MS; margin: 0; padding: 0; background: #f86800 url('../bg.gif') repeat-x; } div#body { text-align: left; clear: both; background: url('../bg11.jpg') no-repeat right top; margin: 0 auto; min-width: 999px; width: expression(document.body.clientWidth > 999 ? "100%" : "999px")} div#head { clear: both; color: #d4d8cc; height: 300px; background: url('../bg.jpg') no-repeat top left; color: #747474; } div#head .city { background: url('../city1.gif') repeat-x left bottom; height: 300px; } div#tele { height: 290px; background: url('../tele1.png') no-repeat; width: 300px; float: left; border-bottom: 10px solid #efefef; } div#tele img { margin: 40px 0 0 41px; } a.usl em { behavior: url('../png.htc'); } div#menu { width: 100%; margin: 0 0 0 -300px; float: right; } div#menu a { font-size: 12px; display: block; text-align: right; padding: 10px 0 0 0; display: block; height: 55px; background-position: right; } div#menu span { border: 1px solid #FFFFFF; height: 3px; width: 3px; display: block; padding: 0; margin: 30px 0 0 0; //margin: 15px 0 0 0; float: right; font-size: 1px; } div#menu em { behavior: url('png.htc'); display: block; float: right; margin: -10px 0 0 5px; width: 70px; height: 60px; } div#menu td { padding: 5px 0; } div#menu .sub { margin: 28px 15px 0 300px; } div#crumb { padding: 15px 0 5px 10px; } div#crumb a { padding: 0 6px; } div#win { background: #efefef url('../city.gif') repeat-x bottom left; color: #353535; padding: 0 0 85px 0; } div#win a, div#win a:visited { color: #ff6600; } div#win a:hover { color: #ff9000; } div#content { width: 100%; margin: 0 0 0 -300px; float: right; } div#fuck-ie { margin: 0 0 0 310px; } div#sider { width: 300px; float: left; background: url('../sider.gif') no-repeat right top;} div#inner { padding: 20px 0 0 30px; } div#inner ul { margin: 0; padding: 0; list-style: none; } div#inner ul li { padding: 8px 0; } div#inner ul li a, div#inner ul li a:visited { color: #353535; padding: 5px } div#inner ul li a:hover { background:#e6e6e6; } div#inner ul li span.sel { background: #353535; color: #ffcc00; padding: 5px } div#inner ul li span.sel a { background: #353535; color: #ffcc00; padding: 5px } div#inner ul li span.here { color: #353535; padding: 5px } div#inner ul li span.here a { color: #353535; padding: 5px } div#inner ul li em { font-style:normal; } div#inner ul li em.sel a { color:#f86800; } div#inner ul li em a:hover { background:none; } div#inner #sub { margin: 15px 0 0 0; display:none; } div#inner #sub li { margin: 0 0 0 12px; padding: 5px 5px 5px 8px; background: url('../arrow.gif') no-repeat left; } div#whoweare { padding: 15px 0 0 35px; font-size: 13px; } div#whoweare h3 { background: url('../hb-who.gif') no-repeat; height: 20px; display: block; margin: 0 0 5px 0; } div#whoweare .amore, div#whoweare .amore:visited { width: 43px; height: 43px; background: url('../amore.gif') no-repeat bottom; float: right; margin: 0 0 15px 10px; } div#whoweare .amore:hover { background: url('../amore.gif') no-repeat top; } div#news { padding: 25px 20px 15px 30px; } div#news h3 { background: url('../hb-news.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } div#news .more { float: right; } div#news .more a { margin: 0 0 0 10px; } div#news .info { padding: 20px 0 0 0; } div#news .info a, div#news .info a:visited { color: #353535; text-decoration: none; } div#news .info a:hover { text-decoration: underline; } div#portfolio { padding: 20px 15px 20px 15px; } div#portfolio h3 { background: url('../hb-portfolio.gif') no-repeat; height: 20px; display: block; margin: 0 0 15px 0; } div#portfolio h2 { background: url('../hb-client.gif') no-repeat; height: 20px; display: block; margin: 0 0 15px 0; } div#portfolio td { vertical-align: top; padding: 0 0 20px 0; } div#portfolio .portfo { padding: 7px; background: #FFFFFF; margin: 0; } div#portfolio .shade { width: 135px; padding: 0 0 7px 0; display: block; background: url('../port-bg1.gif') bottom center no-repeat; } div#portfolio .more { float: right; width: 52px; height: 95px; background: url('../port-a.gif') no-repeat; display: block; } div#portfolio .url { font-size: 16px; font-weight:bold; } div#portfolio img { border: 1px solid #353535; } div#newsmain { padding: 20px 20px 20px 15px; } div#newsmain big { font-weight:bold; } div#newsmain h3 { background: url('../hb-news1.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } div#newsmain .img { float: left; margin: 0 20px 20px 0; border: 1px solid #CECECE; } div#newsmain .info { text-align: right; border-top: 1px solid #e4e4e4; color: #bcbcbc; font-style: italic; padding: 5px 0 0 0; margin: 10px 0 0 0;} div#newsmain .pages { color: #bcbcbc; } div#newsmain .pages a, div#newsmain .pages strong { padding: 0 6px; } div#newsmain .pages strong { color: #000; } div#about { padding: 20px 20px 20px 15px; } div#about h3 { background: url('../hb-who.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } div#about .img { float: left; margin: 0 20px 20px 0; border: 1px solid #CECECE; } div#about .info { text-align: right; border-top: 1px solid #e4e4e4; color: #bcbcbc; font-style: italic; padding: 5px 0 0 0; margin: 10px 0 0 0;} div.cont h1, #portfolio h1 { margin:0px; padding:0px; font-size:18px; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight:normal; } div.cont { padding: 20px 20px 20px 15px; font-size:12px; } div.global-date { text-align: right; border-top: 1px solid #e4e4e4; color: #bcbcbc; font-style: italic; padding: 5px 0 0 0; margin: 10px 0 0 0; } div.global-row { background: #e4e4e4; font-style: italic; padding: 10px; margin: 10px 0 0 0; } div.hold-a { width: 275px; float: left; padding: 10px 0; } div.hold-b { width: 275px; float: right; padding: 10px 0; } div.hold-aa { width: 49%; float: left; } div.hold-bb { width: 50%; float: right; } blockquote { background: url('../bq.gif') no-repeat top left; margin: 25px 60px 25px 40px; padding: 0 0 0 50px; text-align: justify; } div#footer { clear: both; padding: 30px 0 0 15px; } div#footer .info { width: 420px; float: left; } div#footer .info .phone { background: url('../phone.gif') no-repeat; width: 328px; height: 60px; margin: 10px 0 0 20px; } div#footer .info .alt { padding: 10px 0 20px 119px; } div#footer .info .city { padding: 0 0 5px 235px; color: #ffcc00; margin: 0 0 10px 0; } div#footer .more { widthL 400px; float: left; } div#footer .more .tt { margin:16px 0 0 0; } /* HEADERS ----------------------------------------------- */ h1.logo { display: none; width: 212px; height: 138px; background: url('http://www.sapodolsk.ru/i/logo.jpg') no-repeat; padding: 0; margin: 60px 0 0 79px; } h1.logo a { display: block; width: 212px; height: 138px; } h3.zag { color: #404040; font-size: 18px; font-weight: normal; margin: 0 0 12px 0; padding: 0; } h4 { font-size: 13px; margin: 5px 0 8px 0; } h3.about { background: url('../hb-who.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.news { background: url('../hb-news1.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.services { background: url('../hb-serv.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.portfolio { background: url('../hb-portfolio.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.client { background: url('../hb-client.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.map { background: url('../hb-map.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.contact { background: url('../hb-cont.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.vacant { background: url('../hb-vacant.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.outdoor_advertising { background: url('../hb-outdoor_advertising.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.outdoor_advertising_portfolio { background: url('../hb-outdoor_advertising_portfolio.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.advertising_boards { background: url('../hb-advertising_boards.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.banners { background: url('../hb-banners.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.firewalls { background: url('../hb-firewalls.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.making_images { background: url('../hb-making_images.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.town_Indices { background: url('../hb-town_Indices.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.advertising_land_transport { background: url('../hb-advertising_land_transport.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.route_taxis { background: url('../hb-route_taxis.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.advertising_radio_television_press { background: url('../hb-advertising_radio_television_press.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.advertising_press { background: url('../hb-advertising_press.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.advertising_on_radio { background: url('../hb-advertising_on_radio.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.advertising_tv { background: url('../hb-advertising_tv.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.led_display { background: url('../hb-led_display.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.making_movies { background: url('../hb-making_movies.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.the_offer { background: url('../hb-the_offer.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.production_and_design { background: url('../hb-production_and_design.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.souvenirs { background: url('../hb-souvenirs.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.design_studio { background: url('../hb-design_studio.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.branding { background: url('../hb-branding.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.layout { background: url('../hb-layout.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.naming { background: url('../hb-naming.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.creating_corporate_identity { background: url('../hb-creating_corporate_identity.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.creating_spots { background: url('../hb-creating_spots.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.polygraphist_design { background: url('../hb-polygraphist_design.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.portfolio_design_studio { background: url('../hb-portfolio_design_studio.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.webdesign { background: url('../hb-webdesign.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.webdesign_portfolio { background: url('../hb-webdesign_portfolio.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.creation_web_sites { background: url('../hb-creation_web_sites.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.management_system { background: url('../hb-management_system.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.content_support { background: url('../hb-content_support.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.hosting { background: url('../hb-hosting.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.reg_domen { background: url('../hb-reg_domen.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.applicat_creat_site { background: url('../hb-applicat_creat_site.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.internet_advertising { background: url('../hb-internet_advertising.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.methods_work { background: url('../hb-methods_work.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.advertising_space { background: url('../hb-advertising_space.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.our_contacts { background: url('../hb-our_contacts.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.public_relation { background: url('../hb-public_relation.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.pr_dictionary { background: url('../hb-pr_dictionary.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.visit_cards { background: url('../hb-visit_cards.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.history_visit_cards { background: url('../hb-history_visit_cards.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } h3.ñommon_mistakes { background: url('../hb-common_mistakes.gif') no-repeat; height: 20px; display: block; margin: 0 0 10px 0; } /* MISC -------------------------------------------------- */ img { border: 0; behavior: url(iepngfix.htc)} img.ico { vertical-align: middle; } img.img { border: 1px solid #CECECE; } .clear { display: block; width: 100%; clear: both; margin: 0; padding: 0; font-size: 1px; height: 3px; } .liner { display: block; width: 100%; clear: both; margin: 15px 0 15px 0; padding: 0; font-size: 1px; height: 1px; background: #e4e4e4; } .space { display: block; width: 100%; clear: both; margin: 0; padding: 0; font-size: 1px; height: 15px; } .space5 { display: block; width: 100%; clear: both; margin: 0; padding: 0; font-size: 1px; height: 5px; } .space10 { display: block; width: 100%; clear: both; margin: 0; padding: 0; font-size: 1px; height: 10px; } .hide { display: none; font-size: 1px; } .date { background: #000000; padding: 3px; color: #ffffff; } .color-a { color: #bbbbbb } .color-b { color: #d60000 } .color-c { color: #ff6600 } .lorem { background: url('../prthatworks1.gif') no-repeat; width: 264px; height: 55px; margin: 235px 0 0 238px; z-index: 100; position: absolute; } /* LINKS ------------------------------------------------- */ a, a:visited { color: #FFFFFF; text-decoration: underline; cursor: hand } a:hover { color: #ffcc49; } table.border{ border-collapse:collapse; } table.border td, table.border th{ border:1px solid #c3c3c3; padding-left: 0px; padding: 0 0 0 10px; vertical-align: middle; } /* pic content ------------------------------------------------- */ img.photo { background: #FFFFFF; border: 1px solid #efefe7; padding: 10px; } div#content ul { list-style: none; margin: 0; padding: 0 0 0 10px; } div#content ul li { margin: 0 0 5px 0; padding: 0 10px 0 20px; background: url('../list.gif') 0 -4px no-repeat; }