/*CSS*/
*{margin:0; padding:0}
html{color:#818181; font-size:10pt; font-family:"Times New Roman", Times, serif; background:#1E211D url(bg_dark0.jpg) repeat top center}
body, html{width:100%; height:100%}
img{border:none}
h1, h3{font-weight:normal; font-family:"Times New Roman",Times,serif}
h1{font-size:18px; padding-left:25px; margin-bottom:5px; background:url('files/h_bg0000.jpg') no-repeat left center}
h1 span{color:#c3dcd8; padding-right:10px; background:url('files/h_bg_r00.jpg') no-repeat right center}
h2{font-size:13px; color:#c0c7bf; padding-top:15px}
h3{font-size:24px}
h4, h5{color:#c3dcd8; font-size:16px; font-family:"Times New Roman",Times,serif}
h4{padding:10px 0}
h5{padding:0; text-align:center}
a{color:#becbbd}
a:hover{color:#d0d9d0}
p{text-align:justify; padding:5px 0}
.under_const{font-family:Tahoma,"Lucida Grande",Arial,sans-serif; text-align:center}
#wrapper{width:981px; margin:0 auto; position:relative}
* html #wrapper, * html #wrapp{left:1px}
* html #bg_right{right:-90px}
#bg_left{top:0; left:-103px; width:103px; height:462px; position:absolute; background:url('main_top.jpg') no-repeat}
#bg_right{top:0; right:-89px; width:89px; height:461px; position:absolute; background:url('main_toq.jpg') no-repeat}

#top_nav{height:57px; position:relative; background:url(top_nav0.jpg) no-repeat;}


#masthead{height:511px; position:relative; background:url('header00.jpg') no-repeat}
#masthead a { font-size: 12pt; }

#solution{left:46px; top:20px; width:170px; height:35px; position:absolute; color:#687271; text-transform:uppercase; text-decoration:none; padding:20px 0 0 3px; background:url('solution.jpg') no-repeat}
#logo{width:422px; height:119px; top:169px; left:285px; position:absolute}
#page_content{height:100%; padding:10px 80px; margin-bottom:10px; background:url('files/content_.jpg') no-repeat top center; z-index:199}
#page_content h1{color:#929C92; margin-bottom:0; padding:0; background:none; font-size:12px; font-family:Tahoma; font-weight:bold}
#footer{height:38px; margin-bottom:20px; position: relative;}
#footer[id]{background:url('footer00.png') no-repeat top}
#programming{top:64px; left:275px}
#publicity{top:174px; left:87px; background:url('publicit.jpg') no-repeat}
#design{top:314px; left:208px; background:url('design00.jpg') no-repeat; z-index:30}
#site{top:358px; left:424px; background:url('site0000.jpg') no-repeat; z-index:29}
#multimedia{top:314px; left:645px; background:url('multimed.jpg') no-repeat; z-index:27}
#ddd{top:186px; left:762px; background:url('3d000000.jpg') no-repeat; z-index:26}
#article{top:57px; left:626px; background:url('article0.jpg') no-repeat}
#programming, #publicity, #design, #site, #multimedia, #ddd, #article{position:absolute}
#prog, #pub, #des, #web, #multi, #viz, #art{text-decoration:none; color:#cfdde1; font-size:13px; font-weight:bold; display:block; position:absolute}
#pub{width:150px}
#des{width:140px}
#web{width:115px}
#viz{width:107px}
#prog:hover, #pub:hover, #des:hover, #web:hover, #multi:hover, #viz:hover, #art:hover{color:#c7f2fe}
#prog{left:115px; top:50px}
#pub{left:115px; top:18px}
#des{left:117px; top:31px}
#web{left:132px; top:79px}
#multi{left:132px; top:78px}
#viz{left:80px; top:106px}
#art{left:110px; top:79px}
#cut, #cut_main{width:100%; overflow:hidden; margin:0 auto; position:absolute}
#cut_main{background:#1E211D url(bg000000.jpg) repeat top center;}
*html #cut { left: 0px; }
*html #cut_main { left: 0px; }
*:first-child+html #cut { left: 0px; }
*:first-child+html #cut_main { left: 0px; }
#cut{background:url('bg_p0000.jpg') repeat-x top center}
#wrapp{width:932px; margin:0 auto; position:relative}
#top{height:135px; position:relative; background:url('top00000.jpg') no-repeat}
#telephone{right:5px;top:0;width:200px;height:45px;background:transparent url('tel00000.jpg') no-repeat top left;position:absolute; padding-top:15px; padding-left:70px;font-size: 16px; font-family:"Times New Roman", Times, serif;color:#e4fffb; line-height:16px;font-weight:bold; }
#telephone span{color:#9fb0ae;float:right}
#telephone b{float:left}
#logo_p{position:absolute; top:16px; left:-11px; width:238px; height:70px}
#header{height:284px; padding-top:7px; padding-left:12px; background:#6b6c66 url('header_p.jpg') no-repeat; position:relative}
#flowers_l{width:63px; height:494px; left:-63px; top:-141px; position:absolute; background:url('flowers_.jpg') no-repeat}
#flowers_r{width:59px; height:436px; right:-59px; top:-135px; position:absolute; background:url('flowers0.jpg') no-repeat}
#info{height:104px; background:url('info0000.jpg') no-repeat}
#content{height:100%; position:relative; z-index:51; top:-10px; padding:5px 13px 0 13px; overflow:hidden; background:url('files/content_.jpg') no-repeat top center}
#content_bt{position:relative; z-index:52; background:url('files/content0.jpg') no-repeat bottom center}
#content_bg{position:relative; background:url('files/content1.jpg') repeat-y center}
#footer_p{height:95px; width:932px}
#footer_p[id]{background:url('footer_p.png')}
#page_content b{color:#adc1c4}
.hd{padding:15px 30px; background:url('bullet00.jpg') no-repeat center left}
.hd span{font-size:14px; color:#c3dcd8; padding-right:5px; font-family:"Times New Roman",Times,serif; background:url('bul_bg00.jpg') repeat-x center}
.main_list{padding-top:20px; list-style:none}
.main_list li.hd{padding-left:30px; padding:10px 30px; list-style:none; background:url('bullet00.jpg') no-repeat 0px 11px}
.main_list span{font-size:15px; color:#c3dcd8; font-weight:bold; padding-right:5px; font-family:"Times New Roman",Times,serif; background:url('bul_bg00.jpg') repeat-x center}
.list{padding-left:20px}
.list li{padding:5px 0}
ul.list li{list-style:disc}
#order{
	width:290px;
	height:50px;
	left:303px;
	position:absolute;
	top: 426px;
}
#support{
	width:280px;
	height:50px;
	left:5px;
	position:absolute;
	top: 424px;
}
#check_out{
	width:280px;
	height:50px;
	left:650px;
	position:absolute;
	top: 435px;
}
#order p{padding:32px 0 0 45px}
#support p{padding:35px 0 0 70px}
#check_out p{text-align:center; padding:23px 0 0 80px}
#info p{float:left; color:#a6a594}
#support b{position:absolute; left:94px; top:15px}
#order b{position:absolute; left:90px; top:15px}
.top_right_icon,.top_left_icon,.bot_left_icon,.phone_icon, .mail_icon{width:42px; height:42px; position:absolute}
.bot_right_icon,.icq_icon, .icq_icon2{width:41px; height:41px; position:absolute}
.phone_icon{top:16px; left:12px}
.top_left_icon,.bot_left_icon{ left:12px; background:url('phone000.png') no-repeat;}
.top_left_icon{top:16px;}
.bot_left_icon{top:30px;}
.top_right_icon{top:16px;background:url('mail0000.png') no-repeat; left:152px}
.bot_right_icon{top:33px;background:url('icq00000.png') no-repeat; left:153px}
.phone_icon[class]{background:url('phone000.png') no-repeat}
.mail_icon{top:31px; left:12px}
.mail_icon[class]{background:url('mail0000.png') no-repeat}
.icq_icon{top:15px; left:148px}
.icq_icon[class], .icq_icon2[class]{background:url('icq00000.png') no-repeat}
.skype_icon{width:49px; height:40px; top:33px; left:145px; position:absolute}
.skype_icon[class], .skype_icon2[class]{background:url('skype000.png') no-repeat}
.icq_icon2{top:20px; left:35px}
.skype_icon2{width:49px; height:40px; top:22px; left:147px; position:absolute}
#main_nav, .top_nav_main, .footer_nav, .footer_nav_main, .top_nav{
	position:absolute;
	left: 174px;
	top: 846px;
	background-image: url(low_nav);
}
.top_nav_main{padding-top:30px; right:57px; font-size:12px}
.footer_nav{padding-left:30px; padding-top:52px}
.footer_nav_main{padding-left:53px; padding-top:10px}

.top_nav{right:6px; top:100px; height:20px; padding:0px 35px; background:url('top_nav_.jpg') no-repeat}

.footer_nav li, .top_nav li, .top_nav_main li, .footer_nav_main li{
	float:left;
	list-style:none;
	color:#FF0000;
	padding-left:10px;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
}
.footer_nav a, .top_nav a, .top_nav_main a, .footer_nav_main a{text-decoration:none; color:#FF0000}
.footer_nav a:hover, .top_nav a:hover, .top_nav_main a:hover, .footer_nav_main a:hover{color:#FFFFFF}
#main_nav{left:4px; bottom:3px; height:35px; background:url('main_nav.jpg') repeat-x center left}
#main_nav li{float:left; list-style:none; font-size:12px; color:#FF0000; padding-left:1px; background:url('main_naw.jpg') no-repeat left top}
#main_nav li.first{background:none; padding-left:0}
#main_nav a{color:#dacece; text-decoration:none; display:block; padding:9px 7px}
#main_nav a:hover{color:#e4dbdb; background:url('main_nax.jpg') repeat-x center left}
#header ul{
	top:16px;
	left:801px;
	color:#aab3a1;
	position:absolute;
	height: 135px;
	width: 110px;
}
#header li{border-left:3px #9c9d98 solid; margin-bottom:2px; list-style:none}
#header a{color:#363933; text-decoration:none; padding-left:5px; display:block; width:166px}
#header a:hover{color:#2e312c; background-color:#5d605a}
#header a span{color:#aab3a1; padding-right:5px}
#copyright, #copyright_main{
	position:absolute;
	left: -4px;
	top: 735px;
	height: 21px;
}
#copyright{padding-left:780px; padding-top:47px}
#copyright_main{padding-left:800px; padding-top:5px}
#copyright_main b{color:#a6a594}
#copyright a, #copyright_main a, #info p a{color:#a6a594; position:relative; text-decoration:none}
#copyright a:hover, #copyright_main a:hover, #info p a:hover{color:#bdbcad; position:relative; text-decoration:none}
.article a{color:#b2d8dd; font-size:12px; text-decoration:none; font-weight:bold; text-transform:uppercase; padding-left:3px; padding-right:3px}
.article a:hover{color:#c6ecf1}
#contacts{left:-5px; float:left; overflow:hidden; position:relative; background:url('contacts.jpg') repeat-x 0% 50%}
#contacts li{float:left; color:#93b7ae; list-style:none}
#contacts li.icq{padding:20px 30px; background:url('icq00000.jpg') no-repeat 0% 57%}
#contacts li.skype{padding:20px 30px 20px 43px; background:url('skype000.jpg') no-repeat 0% 57%}
#contacts li.site{padding:20px 30px; background:url('ie000000.jpg') no-repeat 0% 57%}
#contacts li.mail{padding:20px 30px; background:url('mail0000.jpg') no-repeat 0% 57%}
#contacts li.phone{padding:20px 30px; background:url('phone000.jpg') no-repeat 0% 57%}
#contacts a{color:#93b7ae; text-decoration:none}
#contacts a:hover{color:#a1c8be}
.portfolio table{width:auto; color:#929c91}
.portfolio tr.hd{color:#c3dcd8; height:20px; font-weight:bold; background:none}
.portfolio tr.hd:hover{background:none}
.portfolio td.name{width:200px}
.portfolio tr:hover{background-color:#272f2d}
.sort li{float:left; list-style:none; color:#8f908f; margin:7px 0}
.portfolio li{padding-right:10px}
.portfolio a{color:#929c91; text-decoration:none}
.port_cont{width:206px; float:left}
.portfolio_bg{width:206px; position:relative; float:left; margin-bottom:30px; background:url('portfoli.jpg')}
.portfolio_bg img{width:200px; display:block}
.portfolio_bg a{display:block; width:203px; padding-left:3px; padding-bottom:3px; background:url('portfoli.jpg') no-repeat bottom}
.portfolio_bg p{padding:0; padding-top:3px; background:url('portfoli.jpg') no-repeat top}
.portfolio_bg a.full{display:block; height:16px; width:75px; text-decoration:none; text-align:right; color:#8f908f; position:absolute; bottom:-25px; right:0; background:url('full_siz.jpg') no-repeat 0% 80%}
.portfolio_bg a.full:hover{color:#a5a6a5}
.site_ch{float:right; width:680px; padding-left:20px}
.site_ch p{margin:5px 0}
.site_link{text-decoration:none}
form{margin:0; color:#a6a594}
input{margin:1px 0; background:url('input_bg.jpg') no-repeat; width:468px; height:18px; border:none; color:#c2c8c1}
label{display:block; padding:1px 0}
label br{clear:left}
form.order{width:100%; position:relative; padding:10px 0 0 0}
form.order label{clear:left; width:100%; float:none}
form.order label b{float:left; width:10em; line-height:1.7; display:block; position:relative; font-weight:normal}
form.order label b .req{color:#abf8fb; font-weight:400; top:-0.1em; line-height:1; width:.3em; height:.3em}
.key{background:url('tx_area0.jpg') no-repeat; width:468px; height:60px; border:none; color:#c2c8c1}
.button{width:100px; height:12px; border:none; font-size:10px; background:url('button00.jpg') no-repeat}
.back{width:100px; height:15px; display:block; font-size:10px; padding-left:20px; text-decoration:none; color:#b5b5b5; margin-top:15px; padding-bottom:5px; background:url('button00.jpg') no-repeat 0px 1px}
.clear{clear:both}



#counter_p{right:-659px; top:65px; position:relative; }
.holder_r{bottom:-3px; right:54px; width:5px; height:196px; background:url('holder_r.jpg') no-repeat bottom; position:absolute}
.holder_l{top:183px; left:55px; width:5px; height:331px; background:url('holder_l.jpg') no-repeat bottom; position:absolute}
.chain{bottom:-74px; left:-2px; width:7px; height:75px; background:url('left_cha.jpg') no-repeat bottom; position:absolute}
.service_block strong{line-height:90%; font-family:"Times New Roman",Times,serif; font-size:13px; color:#d8fef4; display:block; position:relative; z-index:25}
.service_block p, .service_block ul{position:relative; z-index:26}
.budget{padding-top:93px; padding-left:105px}
.exclusive{padding-top:75px; padding-left:105px}
.minimarket{padding-top:62px; padding-left:105px}
.hypermarket{padding-top:46px; padding-left:105px; margin-top:5px}
.standard{margin-top:49px; padding-top:43px; padding-left:105px}
.vip{margin-top:41px; padding-top:40px; padding-left:110px}
.supermarket{padding-top:54px; padding-left:105px; margin-top:9px}
.portal{padding-top:52px; padding-left:105px}
.budget_icon{width:206px; height:153px; background:url('budget00.png') no-repeat}
.exclusive_icon{width:206px; height:130px; background:url('exclusiv.png') no-repeat}
.minimarket_icon{width:242px; height:136px; background:url('supermar.png') no-repeat }
.hypermarket_icon{width:246px; height:123px; background:url('hypermar.png') no-repeat}
.standard_icon{width:237px; height:111px; background:url('standard.png') no-repeat}
.vip_icon{width:237px; height:103px; background:url('vip00000.png') no-repeat}
.supermarket_icon{width:235px; height:128px;background:url('i-shop00.png') no-repeat}
.portal_icon{width:232px; height:120px; background:url('portal00.png') no-repeat}
.budget_icon, .exclusive_icon, .minimarket_icon, .hypermarket_icon, .standard_icon, .vip_icon, .supermarket_icon, .portal_icon{position:absolute; top:0; left:0; z-index:5}
.budget, .exclusive, .minimarket, .hypermarket{float:left; width:300px; margin-left:10px; position:relative}
.standard, .vip, .supermarket, .portal{float:right; width:300px; margin-right:10px; position:relative}
.budget strong{padding-bottom:20px}
.exclusive strong{left:-18px; padding-bottom:20px}
.minimarket strong{right:-20px; padding-bottom:25px}
.hypermarket strong{right:-32px; padding-bottom:25px}
.standard strong{right:-15px; padding-bottom:20px}
.vip strong{right:-40px; padding-bottom:30px}
.supermarket strong{right:-20px; padding-bottom:25px}
.portal strong{right:-30px; padding-bottom:25px}
.service_block{overflow:hidden; width:100%}

#counter-rambler
{
        width: 88px;
        height: 31px;
        right: 10px;
        top: 12px;
        position: absolute;
}



/* ----- 11.01.08 ----- */
/* ----- preview for portfolio (main page) ----- */
.zpreview, .zpreview-last { width: 200px; float: left; margin: 0 3px 30px 3px; border: 1px solid #242424; padding: 0 9px; }

/* ----- заглавие блока ----- */
.zpreview p.prv-tit, .zpreview-last p.prv-tit { font-family: tahoma; font-size: 10pt; font-weight: bold; color: #8f908f; margin: 2px 0 2px 0; line-height: 14px; }

/* ----- подробнее ----- */
.zpreview p.zdetail, .zpreview-last p.zdetail { margin: 0px 0 0px 0; line-height: 14px; text-align: right; }

/* ----- изображение ----- */
.zpreview img, .zpreview-last img { width: 200px; }

/* ----- ссылка ----- */
.zpreview a, .zpreview-last a { font-family: tahoma; font-size: 8pt; font-weight: normal; color: #8f908f; text-decoration: underline; }
.zpreview a:hover, .zpreview-last a:hover { text-decoration: none; }

/* ----- посмотреть все ----- */
p.zright { text-align: center; margin: 0 0 5px 0; }
p.zright a { font-family: tahoma; font-size: 10pt; font-weight: normal; color: #cff0eb; text-decoration: underline; }
p.zright a:hover { text-decoration: none; }

.separ1 { width: 90%; height: 20px; border-top: 1px solid #444; margin: 0px auto; margin-top: 20px; margin-bottom: 20px; }

/* ----- страницы ----- */
.zpages { font-family: tahoma; font-size: 9pt; font-weight: normal; color: #8f908f; text-align: center; clear: both; }
.zpages span { color: #cff0eb; margin: 0 5px; }
.zpages a { font-family: tahoma; font-size: 9pt; font-weight: normal; color: #8f908f; text-decoration: underline; margin: 0 5px; }
.zpages a:hover { text-decoration: none; }

/* ----- bigmir ----- */
#counter-i { right: 222px; bottom: 1px; position: absolute; }
*html #counter-i { right: 222px; bottom: -1px; position: absolute; }
*:first-child+html #counter-i { right: 222px; bottom: -1px; position: absolute; }

#zbigmir-i { right: 340px; bottom: -1px; position: absolute; display: none; }
*html #zbigmir-i { right: 340px; bottom: -3px; position: absolute; }
*:first-child+html #zbigmir-i { right: 340px; bottom: -3px; position: absolute; }


#zbigmir { right: 310px; bottom: 13px; position: absolute; display: none; }

#counter { right: 222px; bottom: 2px; position: absolute; display: none; }



*html #zbigmir { right: 310px; bottom: 11px; position: absolute; }
*:first-child+html #zbigmir { right: 310px; bottom: 11px; position: absolute; }

/*news div*/
#news_box {float:right; width:200px; margin:0 0 10px 10px; text-align:left;}