/* paddings and margins in brousers */
html, body, ul, ol, li, dl, dt, dd, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a, img { margin:0; padding:0; border:none;}
.inputtext { margin:0; padding:0; padding-left:3px}
input, select, textarea { margin:0}
a:focus { outline: none}
img { vertical-align:top}
/* total styles */
html { font-size:100.1%; height:100%}
body { font-family:arial, sans-serif; font-size:62.5%; color:#fff; background:#818389 url(/img/backbody.gif) repeat-x 0 0; height:100%}
input, select, textarea { font-family: arial, sans-serif; font-size:1.1em; color:#4A4A4A}
textarea { font-family:verdana, sans-serif; font-size:1.1em}
#outer { min-height:100%; background: url(/img/backtop.png) no-repeat 50% 36px;}
#general { padding: 0 10px 84px; min-width:1000px; overflow:hidden}
ul { list-style:none}
a { color: #fff;}
/* head */
#head { margin: 0 auto; width: 1000px; position: relative;}
#head #top { padding-top: 18px; height: 143px;}
#head #top h1 { margin-top: 30px; padding-top: 30px; padding-left: 26px; height: 52px; font-size: 1.6em; color: #fff; border-left: 1px solid #595A5E; display: table;}
#head #top h1 span { color: #A5438D;}
/* logo */
#logo { margin-right: 27px; padding-left: 10px; width: 149px; height: 103px; background: url(/img/logo.png) no-repeat 10px 0; float: left;}
#logo a { width: 149px; height: 103px; display: block;}
/* work-block */
.work-block { width: 108px; height: 50px; position: absolute; top:70px; right: 0; text-align: right;}
.work-block a { padding-top: 8px; padding-right: 45px; height: 25px; font-size: 1.6em; color: #fff; font-weight: bold; background: url(/img/case.gif) no-repeat 100% 0; display: block; text-decoration: none;}
/* middle part */
#h-page { margin:0 auto; padding: 9px 0 0 10px; width:990px; background: url(/img/pagetop.png) no-repeat 10px 0;}
#page { padding-top: 6px; padding-bottom: 4px; background: url(/img/pointback.png) repeat; border: solid #8B8C8E; border-width: 0 1px;}
#page p, #page li, #page dt, #page dd { font-size: 1.2em;}
/* columns */
#page .columns { margin-left: -1px; overflow:hidden; position:relative}
#page div.columns .coll { padding-left: 12px; float:left}
#page div.columns .w314 { width:314px;}
#page div.columns .w966 { width:966px;}
/* heading */
h2 { margin-bottom: 10px; padding: 6px 8px 4px; width: 298px; height: 20px; font-size: 1.5em; color: #fff; background: url(/img/back_h.gif) no-repeat 0 0;}
.w966 h2 { width: 950px; background: url(/img/back_h_long.gif) no-repeat 0 0; position: relative;}
h2 a.all { padding-right: 20px; font-size: 0.7em; background: url(/img/ok.gif) no-repeat 100% 2px; float: right; position: relative; top:1px; right: 0px; font-weight: 400; color: #ccc;}
h2 a.all:hover { -moz-opacity: 0.8; /* Mozilla 1.6 и ниже */
-khtml-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.8; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */}
/* standart item */
.h-item { padding-bottom:14px; width:100%}
.h-item .b-item ul { padding: 6px;}
/* last-work style */
.picture { position: relative;}
.picture img { padding: 3px 4px 3px 2px;}
.picture span.frame { width: 314px; height: 241px; background: url(/img/frame.png) no-repeat 0 0; display: block; position: absolute; top:0; left: 0;}
/* form style */
.b-form { margin-top:-6px}
.b-form label { padding-top: 14px; padding-left: 5px; font-size: 1.2em; font-weight: bold; display: block;}
.b-form .inputtext { padding: 6px; width: 302px; height: 14px; background: url(/img/input.gif) no-repeat 0 0; border:none}
.b-form .inputtextarea { padding: 6px; width: 302px; height: 136px; background: url(/img/mess.gif) no-repeat 0 0; border:none}
.b-form .button { margin-top: 10px; float: right;}
/* list style */
.h-item .b-item ul.b-list { padding: 0;}
ul.b-list li { padding-top: 3px; padding-bottom: 1px; padding-left: 6px; height: 20px; position: relative; cursor: pointer;}
ul.b-list li span.sign { margin-right: 6px; width: 9px; height: 9px; float: left; position: relative; top:4px }
ul.b-project li { background: url(/img/list.gif) no-repeat 0 0;}
ul.b-project li:hover { background: url(/img/list_act.gif) no-repeat 0 0;}
ul.b-project li.active { background: url(/img/list_act.gif) no-repeat 0 0;}
ul.b-project li span.img { width: 18px; height: 11px; position: absolute; top:6px; right: 27px;}
ul.b-list li span.inf { width: 18px; height: 11px; position: absolute; top:6px; right: 6px;}
ul.b-design li { padding-left: 21px; background: url(/img/list2.gif) no-repeat 0 0;}
ul.b-design li:hover { background: url(/img/list_act2_.gif) no-repeat 0 0;}
ul.b-design li.active { background: url(/img/list_act2_.gif) no-repeat 0 0;}
/* footer */
#footer { margin-top:-84px; padding:0 10px; height:84px; color:#fff; min-width:1000px}
#footer .wrap { margin:0 auto; padding-left: 10px; width:990px; height:84px; background: url(/img/foot.png) no-repeat 10px 0; position: relative;}
#footer .wrap p { padding: 20px 0 0 4px; font-size: 1.2em;}
#floatTip {
position: absolute; /* Абсолютное позиционирование */
width: 250px; /* Ширина блока */
display: none; /* Прячем от показа */
border: 1px solid #000; /* Параметры рамки */
padding: 4px; /* Поля вокруг текста */
font-family: sans-serif; /* Рубленый шрифт */
font-size: 9pt; /* Размер шрифта */
color: #333; /* Цвет текста */
background: #ffe5ff; /* Цвет фона */
}
div.tooltip { color:#FFF; text-align:center; width:200px;}
div.tooltip h4 { background: url(/img/balloon.png) no-repeat 0 0 !important; color: #242424; font-size:0 !important; line-height: 0 !important; height: 0 !important; padding:10px 10px 5px;}
div.tooltip p { background: url(/img/balloon.png) no-repeat 0 100% !important; font-size:11px; padding:0 10px 16px; text-shadow:2px 2px 1px #222;}
.b-tbl .h-item { padding-bottom: 30px; width: auto !important; float: none !important;}
.b-tbl .last-work { overflow: hidden; text-align: left !important;}
.b-tbl .last-work .picture { padding-right: 14px; float: left;}
.b-tbl .last-work a.link-work { padding: 20px 0 !important; font-size: 1.2em; display: inline; clear: none !important;}
.b-tbl .last-work p { padding-bottom: 20px; display: block !important}
.b-display { margin-left: -12px; overflow: hidden;}
.b-display .h-item { padding-bottom: 20px; padding-left: 12px; width: 314px; float: left;}
.b-display .h-item p { display: none;}
.b-display .last-work { text-align: center;}
.b-display .last-work a.link-work { padding-top: 12px; padding-bottom: 0; font-size: 1.2em; display: block; clear: left;}
.w966 a.switch { padding: 0 39px 2px 0; width: 140px; height: 13px; font-size: 0.7em; color: #ccc; font-weight: 400; background: url(/img/switcher1.gif) no-repeat 100% 2px; position: absolute; top: 7px; right: 8px; display: block; text-align: right;}
.w966 a.tbl { background: url(/img/switcher2.gif) no-repeat 100% 2px !important;}
#footer .wrap #counters { width: 300px; text-align: right; position: absolute; bottom:30px; right: 5px;}
#footer .wrap #counters img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* IE 5.5+*/
-moz-opacity: 0.4; /* Mozilla 1.6 и ниже */
-khtml-opacity: 0.4; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.4; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */}
.picture a { display:block}