﻿*html #portfolio_work{ height: 500px; }
*html #wrapper{ height: 100%; }
a#next{ background: url(../img/next.jpg) left top no-repeat; display: block; float: left; height: 15px; width: 141px; }
a#next:hover{ background: url(../img/next.jpg) left bottom no-repeat; display: block; height: 15px; width: 141px; }
a#prev{ background: url(../img/prev.jpg) left top no-repeat; display: block; float: left; height: 15px; width: 21px; }
a#prev:hover{ background: url(../img/prev.jpg) left bottom no-repeat; display: block; height: 15px; width: 21px; }
a#tut{ background: url(../img/doc.jpg) left top no-repeat; display: block; float: left; height: 15px; width: 22px; }
a#tut:hover{ background: url(../img/doc.jpg) left bottom no-repeat; display: block; float: left; height: 15px; width: 22px; }
div#wrapper{ background: url(../img/wrapper.png) left top repeat-y; height: auto !important; height: 100%; margin: 0 auto -70px; /* the bottom margin is the negative value of the footer's height */ min-height: 100%; padding: 0px auto; padding-left: 5px; padding-right: 5px; width: 1000px; }
.bigtext{ font-size: 15px; margin: 0 0 0 0; padding: 0 0 0 0; }
.linkbox{ background: #fafafb; border-bottom: 2px solid #e9e9ee; border-right: 2px solid #e9e9ee; display: none; font: "Trebuchet MS"; font-size: 0.9em; left: 20px; position: absolute; top: 20px; width: auto; }
.linkbox a{ color: #787e86; text-decoration: none; }
.linkbox a:hover{ color: #fe4091; }
.linkbox li{ border-bottom: 1px solid #e9e9ee; padding: 5px 30px 5px 30px; z-index: 2; }
.linkbox li:hover{ background: #f1f1f6; }
.linkbox ul{ list-style: none outside; z-index: 1; }
.linkboxup{ color: #000000; font-size: 11px; padding: 5px 5px 5px 0; text-align: right; }
.new_ramka{ left: 0px; position: absolute; top: 0px; }
.push{ height: 90px; /* .push must be the same height as .footer */ }
.svegee{ left: 200px; position: absolute; top: 70px; }
.title{ padding-bottom: 40px; padding-left: 70px; }
.twit{ background: url(../img/footer.jpg); color: #4883ac; display: block; font-style: italic; margin: 15px 0 -15px 0; padding: 15px 15px 15px 15px; }
.screenshot {padding-bottom: 40px; text-align:center; float:left; color: #777; font-style:italic;}
#about{ background: url(../img/about.jpg) 5px top no-repeat; padding: 0 85px 45px 70px; width: 340px; }
#about h1{ zoom: expression(
runtimeStyle.zoom = 1,
insertAdjacentHTML('afterBegin',
'<span style="display:block;line-height:1em;"><img src="http://9utra.ru/@/img/abouthead.jpg" alt="� ������" /></span>')
); }
#about h1:before{ content: url(../img/abouthead.jpg); display: block; line-height: 1em; }
#contact{ background: url(../img/cup.jpg) center top no-repeat; font-size: 14px; height: 473px; padding: 40px 300px 0px 500px; text-align: center;}
#contact-info{ font-size: 14px; float:left; margin:-250px 0 0 500px;}
#contact h4{ font-size: 17px; }
#container{ background: #ffffff; padding-bottom: 90px; }
#content{ padding: 0px 35px 0px 70px; width: 723px; }
#content blockquote{ background: url(../img/footer.jpg); color: #4883ac; font-style: italic; margin-bottom: 12px; padding: 10px 30px 10px 30px; }
#content p{ padding-bottom: 12px; }
#content ul{ list-style: none outside; padding-left: 30px; }
#content ul li{ background: url(../img/list_li.jpg) left 8px no-repeat; padding-left: 15px; }
#content_h1{ padding: 0px 35px 10px 70px; }
#copyright { float: right; margin: 0 35px; }
#desert{ background: url(../img/desert.jpg) 934px top no-repeat; padding: 12px 35px 10px 70px; text-align: right; }
#div1{ background: url(../img/service_map.jpg) center 40px no-repeat; display: block; height: 800px; position: relative; }
#div1 #h1_1{ left: 230px; position: absolute; top: 85px; }
#div1 #h1_2{ left: 670px; position: absolute; top: 85px; }
#div1 #h2_1{ left: 100px; position: absolute; top: 185px; }
#div1 #h2_2{ left: 230px; position: absolute; top: 185px; }
#div1 #h2_3{ left: 380px; position: absolute; top: 185px; }
#div1 #h2_4{ left: 590px; position: absolute; top: 185px; }
#div1 #h2_5{ left: 720px; position: absolute; top: 185px; }
#div1 #h2_6{ left: 870px; position: absolute; top: 185px; }
#div1 #h3_1{ left: 115px; position: absolute; top: 280px; }
#div1 #h3_2{ left: 115px; position: absolute; top: 430px; }
#div1 #h3_3{ left: 115px; position: absolute; top: 560px; }
#div1 #h3_4{ left: 620px; position: absolute; top: 300px; }
#div1 #h3_5{ left: 620px; position: absolute; top: 400px; }
#div1 #h3_6{ left: 620px; position: absolute; top: 498px; }
#div1 #title1{ background: url(../img/service.jpg) left top no-repeat; font-style: italic; left: 460px; padding: 20px 0px 10px 150px; position: absolute; top: 0px; }
#div1 #title1 a,#div2 #title a{ border-bottom: 1px dashed #4883ac; color: #4883ac; text-decoration: none; }
#div1 .service_box{ font-size: 13px; width: 300px; }
#div1 .service_box h3,#div2 h3{ font-size: 15px; font-style: italic; padding-bottom: 3px; }
#div1 h1{ font-size: 30px; }
#div1 h2{ font-size: 20px; }
#div2{ display: none; padding: 0px 35px 0px 70px; }
#div2 #title a:hover,#div1 #title1 a:hover,#link2 a:hover{ border-bottom: none; }
#div2 h1{ font-size: 30px; padding-bottom: 20px; }
#div2 p{ font-size: 2em; height: 47px; position: relative; }
#div2 span{ background: url(../img/service.jpg) left top no-repeat; height: 100%; position: absolute; width: 100%; }
#div2 table td{ padding-bottom: 50px; padding-right: 30px; width: 275px; }
#footer { background: url(../img/footer.jpg); color: #3d4041; height: 30px; margin: 0px auto; padding: 20px 35px; text-align: left; width: 930px; }
#footer img, #footer-one img { vertical-align: middle; }
#header{ background: url(../img/header.jpg) 500px 20px no-repeat; padding: 0px 35px 35px 70px; }
#header_page{ padding: 20px 35px 35px 70px; }
#header_page #logo,#about,#vacansy{ float: left; }
#header_page #menu{ float: right; padding: 30px 40px 0 0; }
#header_page #menu ul{ list-style: none outside; }
#header_page #menu ul li{ display: inline; padding-left: 50px; }
#link2 a{ border-bottom: 1px dashed #4883ac; color: #4883ac; float: left; font-style: italic; margin: -45px 0 0 150px; position: relative; text-decoration: none; }
#logo{ padding-bottom: 20px; }
#make{ padding: 0px 35px 40px 70px; }
#make .title{ padding-bottom: 18px; padding-left: 0px; }
#make a .bigtext{ font-size: 15px; }
#make h1{ zoom: expression(
runtimeStyle.zoom = 1,
insertAdjacentHTML('afterBegin',
'<span style="display:block;line-height:1em;"><img src="http://9utra.ru/@/img/delaem.jpg" alt="������" /></span>')
); }
#make h1:before{ content: url(../img/delaem.jpg); display: block; line-height: 1em; }
#menu_index{ padding-bottom: 80px; width: 230px; }
#menu_index a{ padding-bottom: 2px; }
#menu_index h1#menu3,#menu_index h1#menu1,#menu_index h1#menu2{ height: 40px; position: relative; width: 230px; }
#menu1 span{ background: url(../img/menu1.jpg) left top no-repeat; height: 100%; margin: 0 0 0 0; position: absolute; width: 100%; }
#menu1 span:hover{ background: url(../img/menu1.jpg) left -47px no-repeat; height: 100%; position: absolute; width: 100%; }
#menu2 span{ background: url(../img/menu2.jpg) left top no-repeat; height: 100%; margin: 0 0 0 0; position: absolute; width: 100%; }
#menu2 span:hover{ background: url(../img/menu2.jpg) left -47px no-repeat; height: 100%; position: absolute; width: 100%; }
#menu3 span{ background: url(../img/menu3.jpg) left top no-repeat; height: 100%; margin: 0 0 0 0; position: absolute; width: 100%; }
#menu3 span:hover{ background: url(../img/menu3.jpg) left -47px no-repeat; height: 100%; position: absolute; width: 100%; }
#new,.pict{ position: relative; }
#note { float: left; font-size: 0.9em; margin: 0 0 0 210px; text-align: center; width: 300px;}
#novisible, #portfolio .work a span { display: none; }
#phone { float: left; margin: 0 0 0 35px; }
#portfolio{ padding: 0px 35px 0px 70px; }
#portfolio .work{ border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; float: left; height: 82px; position: relative; width: 295px; }
#portfolio .work a{ background: url(../img/e.gif); color: #ffffff; display: block; height: 58px; left: 0px; padding: 12px 15px; position: absolute; text-decoration: none; top: 0px; width: 265px; }
#portfolio .work a:hover{ background: url(../img/e1.png); }
#portfolio .work a:hover span{ display: block; }
#portfolio_work{ min-height: 500px; /*background: url(../img/pen.jpg) left 170px no-repeat;*/ padding: 0px 30px 0px 70px; }
#portfolio_work #cartinka{ margin-left: 344px; }
#portfolio_work #info{ float: left; padding-right: 40px; width: 280px; }
#portfolio_work #info span{ background: url(../img/footer.jpg); color: #4883ac; display: block; font-style: italic; margin-bottom: 15px; padding: 15px 15px 15px 15px; }
#portfolio_work .pict img,#menu_index img,#portfolio .work img{ margin: 0px; }
#portfolio_work h1 { padding: 10px 0 10px 0; }
#portfolio_work p { padding-right: 50px; }
#portfolio-header{ color: #1d5b83; height: 40px; overflow: hidden; padding-left: 70px; }
#portfolio-header{ zoom: expression(
runtimeStyle.zoom = 1,
insertAdjacentHTML('afterBegin',
'<span style="display:block;line-height:1em;"><img src="http://9utra.ru/@/img/menu1_1.jpg" alt="���������" /></span>')
); }
#portfolio-header:before{ content: url(../img/menu1_1.jpg); display: block; line-height: 1em; }
#tbox .active{ display: none; visibility: hidden; }
#vacansy{ background: url(../img/vakansy.jpg) left top no-repeat; padding: 0px 85px 45px 105px; width: 285px; }
#vacansy h1{ zoom: expression(
runtimeStyle.zoom = 1,
insertAdjacentHTML('afterBegin',
'<span style="display:block;line-height:1em;"><img src="http://9utra.ru/@/img/turbomozg.jpg" alt="���������" /></span>')
); }
#vacansy h1,#make h1,#about h1{ color: #1d5b83; height: 30px; overflow: hidden; }
#vacansy h1:before{ content: url(../img/turbomozg.jpg); display: block; line-height: 1em; }
::-moz-selection {
	background: #FF5E99;
	color: #fff;
	text-shadow: none;
	}
::selection {
	background: #FF5E99;
	color: #fff;
	text-shadow: none;
	}
