/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* Filename: screen.css
* Version: 1.0.0 (2008-01-03)
* Website: abc promo
* Author: m1ron
* Description: Main CSS file.
* Page width: 980px<1600px

*/



/* _default styles reset
========================================== */
html {width:100%;height:100%;font:12px Tahoma, Arial, Helvetica, sans-serif;}
body {width:100%;height:100%;padding:0;margin:0;color:#333;background:#fff;}

p {margin:0 0 18px 0;}
dfn,var,address {font-style:normal;}
h1,h2,h3,h4,h5,h6 {margin:0;font:12px Arial, Helvetica, sans-serif;}

h1 {
margin:0 0 14px 0;
font:bold 25px Arial, Helvetica, sans-serif;
color:#31cc00;
}
h2 {
width:100%;
padding:0 0 6px 35px;
margin:0 0 0 -35px;
position:relative;
font:18px Tahoma, Arial, Helvetica, sans-serif;
color:#339d01;
}
h3 {
width:100%;
margin:0 0 6px 0;
position:relative;
font:22px Tahoma, Arial, Helvetica, sans-serif;
color:#c00;
}


a {color:#329902;text-decoration:underline;}
a:hover {text-decoration:none;}
img {border:none;}

ul {padding:0;margin:0 0 14px 24px;}
ol {margin:0 0 14px 33px;}
ul,ol,li,td,th {padding:0;}

form,input,select,label,textarea,button {margin:0;}
select {
padding:1px;
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#777;
border:1px solid #dadada;
background:#fff;
}
input.text,textarea {
padding:2px;
border:1px solid #dadada;
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
}
input.submit,button {
font:12px Tahoma, Arial, Helvetica, sans-serif;
color:#000;
cursor:pointer;
}
input.checkbox,
input.radio {
width:15px;
height:15px;
padding:0;
margin:0;
}


/* _my universal styles  */
.both {width:100%;clear:both;overflow:hidden;}
.clear {width:100%;height:1px;clear:both;overflow:hidden;display:block;}


/* _wrap
========================================== */
#wrap {
width:100%;
min-width:980px;
min-height:100%;
margin:0 auto;
overflow:hidden;
position:relative;
z-index:1;
}
#spacer {
width:100%;
height:220px;
overflow:hidden;
clear:both;
}

#header-spacer {
width:100%;
height:239px;
overflow:hidden;
position:relative;
z-index:1;
}
#index #header-spacer {
width:100%;
height:369px;
overflow:hidden;
position:relative;
z-index:1;
}


/* _footer
========================================== */
#footer {
width:100%;
height:220px;
position:absolute;
bottom:0;left:0;
z-index:2;
background:#eee url('../images/footer.png') repeat-x 0 0;
}
#footer .space {
width:100%;
max-width:1600px;
height:220px;
margin:0 auto;
position:relative;
}
#footer p.phone {
width:186px;
height:75px;
padding:45px 0 0 94px;
display:block;
position:absolute;
top:0;left:0;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#666;
cursor:default;
background:url('../images/phone.jpg') no-repeat 0 0;
}
p.phone img {
width:169px;
height:18px;
display:block;
}
#footer p.copyright {
width:235px;
height:57px;
padding:13px 0 0 122px;
margin:0 0 0 31px;
position:absolute;
top:26px;left:30%;
display:block;
font-size:11px;
line-height:14px;
background:url('../images/copyright.jpg') no-repeat 0 0;
}
#footer p.copyright a {color:#333;}

#footer ul.counters {
margin:0 0 0 -6px;
list-style:none;
position:absolute;
left:76%;top:43px;
overflow:hidden;
}
#footer ul.counters li {
padding:0 8px 0 0;
float:left;
}
#footer ul.counters img {
display:block;
}

#footer p.note {
width:300px;
padding:2px 0 0 30px;
margin-left:2px;
display:block;
color:#666;
position:absolute;
background:url('../images/note.png') no-repeat 0 0;
}
#footer p.note i {
font-style:normal;
font-size:10px;
line-height:14px;
}
#footer p.note span a {color:#666;}
#footer p.note1 {top:127px;left:5%;}
#footer p.note2 {top:127px;left:30%;margin-left:16px;}

#footer p.top {
margin:0 0 0 -19px;
display:block;
position:absolute;
top:129px;left:76%;
background:url('../images/ico/top.gif') no-repeat 0 50%;
}
#footer p.top a {
padding-left:12px;
text-decoration:none;
}
#footer p.top a:hover {
text-decoration:underline;
}

#footer p.adv {
margin:0 0 0 -25px;
display:block;
position:absolute;
top:155px;left:76%;
}


/* _top
========================================== */
#top {
width:100%;
height:82px;
padding:12px 0 0 0;
position:absolute;
top:0;left:0;
z-index:2;
text-align:center;
background:#e2e2e2 url('../images/top.png') repeat-x 0 100%;
}
#index #top {
background:#e2e2e2 url('../images/top-index.png') repeat-x 0 100%;
}


/* _header
========================================== */
#header {
width:100%;
height:145px;
position:absolute;
top:94px;left:0;
z-index:2;
background:#e2e2e2 url('../images/header.png') repeat-x 0 0;
}
#index #header {
height:275px;
background:#e2e2e2 url('../images/header-index.png') repeat-x 0 0;
}


#logo {
margin:0 0 0 -62px;
position:absolute;
top:24px;left:16%;
}
#logo img {
width:117px;
height:86px;
display:block;
color:#fff;
}
#index #logo {
margin:0 0 0 -78px;
position:absolute;
top:49px;left:16%;
}
#index #logo img {
width:150px;
height:110px;
}


#icons {
height:33px;
margin:0 0 0 -14px;
list-style:none;
overflow:hidden;
position:absolute;
left:85%;top:85px;
z-index:2;
}
#index #icons {
top:227px;left:30%;
margin-left:577px;
}
#icons li {
height:33px;
padding:0 3px;
float:left;
}
#icons li a {
height:33px;
display:block;
overflow:hidden;
}
#icons li img {
height:66px;
display:block;
position:relative;
}
#icons li a:hover {background:transparent;}
#icons li a:hover img {top:-33px;}

#line {
padding:0 0 0 12px;
margin:0;
display:block;
color:#fff;
position:absolute;
left:30%;top:125px;
}

#line img {
padding:0 8px;
position:relative;
top:-1px;
}
#line a {
color:#fff;
text-decoration:none;
}
#line a:hover {
text-decoration:underline;
}
#menu {
height:33px;
padding:0 15px;
margin:0 0 0 4px;
overflow:hidden;
position:absolute;
top:39px;left:30%;
z-index:2;
}
#index #menu {
top:227px;
}
#menu .left {
width:15px;
height:33px;
overflow:hidden;
position:absolute;
top:0;left:0;
background:url('../images/menu-left.png') no-repeat 0 0;
}
#menu .right {
width:15px;
height:33px;
overflow:hidden;
position:absolute;
top:0;right:0;
background:url('../images/menu-right.png') no-repeat 0 0;
}
#menu .center {
height:33px;
float:left;
}
#menu img.bg {
width:100%;
height:33px;
display:block;
clear:both;
position:relative;
top:-33px;
}
#menu ul {
height:33px;
margin:0;
list-style:none;
overflow:hidden;
position:relative;
z-index:2;
float:left;
}
#menu ul li {
padding:7px 0 7px 2px;
margin:0 0 0 -2px;
float:left;
background:url('../images/menu-li.png') no-repeat 0 6px;
}
#menu ul li a {
height:19px;
padding:0 8px 0 6px;
display:block;
overflow:hidden;
position:relative;
color:#333;
text-decoration:none;
}
#menu ul li a img {
height:38px;
display:block;
position:relative;
}
#menu ul li a:hover {color:#f00;text-decoration:none;background:transparent;}
#menu ul li a:hover img,#menu ul li.active a img {top:-19px;}

#header p.phone {
width:197px;
height:34px;
padding:10px 0 0 38px;
margin:0 0 0 -244px;
position:absolute;
top:82px;left:85%;
cursor:default;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#666;
z-index:1;
background:url('../images/phone.png') no-repeat 0 0;
}
#index #header p.phone {
margin:0 0 0 -127px;
left:16%;top:221px;
}
#flash {
height:249px;
padding:0 34px 0 35px;
margin:0 0 0 -23px;
position:absolute;
top:0;left:30%;
z-index:1;
background:#ce0201 url('../images/flash.jpg') no-repeat 0 0;
}
#flash object,
#flash embed {
display:block;
}


/* _content
========================================== */
#content {
width:100%;
overflow:hidden;
position:relative;
background:url('../images/header.png') repeat-x 0 -145px;
}
#index #content {
background:url('../images/header.png') repeat-x 0 -275px;
}
#content .space {
width:100%;
max-width:1600px;
min-height:300px;
margin:0 auto;
position:relative;
}
#content .space:after {
height:0;
content:".";
display:block;
clear:both;
visibility:hidden;
}


/* _left
========================================== */
#left {
width:265px;
float:left;
position:absolute;
top:0;
left:31px;
}
#index #left {
top:414px;
}
#index-right {
width:265px;
float:right;
position:absolute;
top:414px;
right:10px;
}

.leftblock {
width:265px;
padding-top:3px;
margin-bottom:12px;
overflow:hidden;
position:relative;
}
.leftblock .bg {
width:265px;
height:1000px;
position:absolute;
top:3px;left:0;
z-index:1;
background:url('../images/leftblock.png') no-repeat 0 0;
}
.leftblock .btm {
width:265px;
height:80px;
position:absolute;
bottom:0;left:0;
z-index:2;
background:url('../images/leftblock-btm.png') no-repeat 0 0;
}
.leftblock .cnt {
width:223px;
padding:0 11px 27px 11px;
position:relative;
z-index:3;
}
.leftblock .cnt p.title {
height:36px;
padding:1px 0 0 90px;
margin:0;
display:block;
}
.leftblock .cnt p.title img {
display:block;
}
.leftblock .button {
height:29px;
font-size:11px;
line-height:13px;
background:url('../images/leftblock-button.png') no-repeat 0 0;
}
.leftblock .button a {
height:13px;
padding:7px 0 9px 118px;
display:block;
position:relative;
color:#666;
text-decoration:none;
background:url('../images/ico/button.gif') no-repeat 105px 11px;
}
.leftblock .button a:hover {text-decoration:underline;}


#submenu {
width:223px;
margin:0;
list-style:none;
font-size:14px;
line-height:21px;
font-weight:bold;
overflow:hidden;
}
#submenu li {
width:223px;
padding:0;
border-top:1px solid #fff;
border-bottom:1px solid #c4c4c4;
float:left;
position:relative;
top:1px;
}
#submenu li a {
width:150px;
padding:10px 11px 10px 62px;
display:block;
position:relative;
z-index:3;
text-decoration:none;
color:#666;
}
#submenu li var {
width:223px;
height:41px;
display:block;
position:absolute;
top:0;left:0;
z-index:1;
background:url('../images/submenu-li.png') no-repeat 0 0;
}
#submenu li a i {
width:62px;
height:41px;
display:block;
overflow:hidden;
position:absolute;
top:0;left:0;
z-index:2;
cursor:pointer;
}
#submenu li a img {
width:62px;
height:82px;
position:absolute;
top:0;left:0;
}
#submenu li:first-child,
#submenu li.first-child {
border-top:none;
}
#submenu li:first-child var,
#submenu li.first-child var {
background:url('../images/submenu-li-first.png') no-repeat 0 0;
}
#submenu li.active var {background:url('../images/submenu-li-active.png') no-repeat 0 0 !important;}
#submenu li.active a {
width:138px;
padding:10px 11px 10px 74px;
color:#cc0300;
background:url('../images/ico/arrow.gif') no-repeat 62px -22px;
}

#submenu li a:hover {
text-decoration:underline;
color:#cc0300;
display:block;
}
#submenu li a:hover i img,
#submenu li.active a i img {
top:-41px !important;
}


#submenu li ul {
width:151px;
padding:3px 10px 5px 62px;
margin:0;
overflow:hidden;
list-style:none;
font-size:12px;
line-height:16px;
}
#submenu li ul li {
width:150px;
border:none;
}
#submenu li ul li a {
width:150px;
padding:3px 0 3px 12px !important;
color:#666 !important;
background:url('../images/ico/arrow.gif') no-repeat 0 9px !important;
}
#submenu li ul li.active a,
#submenu li ul li a:hover {
color:#cc0300 !important;
background:url('../images/ico/arrow.gif') no-repeat 0 -31px !important;
}

#contacts p.phones {
padding:9px 10px 9px 15px;
border-bottom:1px solid #c5c5c5;
margin:0;
display:block;
font-size:16px;
line-height:28px;
color:#666;
}
#contacts p.phones big {
font-size:22px;
font-weight:bold;
color:#c20000;
}
#contacts p.aim {
padding:7px 0 10px 15px;
border-top:1px solid #fff;
border-bottom:1px solid #c5c5c5;
margin:0;
display:block;
font-size:13px;
}
#contacts p.aim span {
margin:0 0 6px 0;
display:block;
color:#329902;
}
#contacts p.aim span.icq {
padding:7px 0 7px 37px;
margin:0 0 0 -6px;
color:#666;
background:url('../images/ico/icq.png') no-repeat 0 1px;
}
#contacts p.aim span.skype {
padding:7px 0 7px 37px;
margin:0 0 0 -6px;
color:#666;
background:url('../images/ico/skype.png') no-repeat 0 1px;
}
#contacts p.aim span.mail {
padding:7px 0 7px 37px;
margin:-7px 0 -8px -6px;
color:#666;
background:url('../images/ico/mail.png') no-repeat 0 1px;
}
#contacts p.aim span.mail a {color:#666;text-decoration:none;}
#contacts p.aim span.mail a:hover {text-decoration:underline;}

#cart {
padding:65px 0 0 0;
margin:-18px 0 0 0;
background:url('../images/cart.png') no-repeat 8px 0;
}
#cart table {
width:100%;
border-collapse:collapse;
font-size:11px;
color:#666;
}
#cart table td {
padding:0 9px 2px 9px;
}
#cart table th {
padding:3px 9px;
border-top:1px solid #c5c5c5;
text-align:right;
font-weight:normal;
}
#cart table th.total {
font-size:12px;
text-align:left;
color:#31cc00;
}

.banner {
padding:10px 0 35px 5px;
}
.banner img {
display:block;
}


/* _right
========================================== */
#right {
margin:0 10px 0 274px;
position:relative;
}
#rspace {
width:100%;
overflow:hidden;
position:relative;
z-index:2;
}
#rspace2 {
padding:55px 76px;
overflow:hidden;
position:relative;
z-index:2;
}
#rbg {
width:100%;
height:284px;
position:absolute;
top:1px;left:0;
z-index:1;
}
#rbg .c {
height:284px;
margin:0 248px;
background:url('../images/rbg-c.png') repeat-x 0 0;
}
#rbg .l {
width:248px;
height:284px;
position:absolute;
top:0;left:0;
background:url('../images/rbg-l.png') no-repeat 0 0;
}
#rbg .r {
width:248px;
height:284px;
position:absolute;
top:0;right:0;
background:url('../images/rbg-r.png') no-repeat 0 0;
}

p.more {
width:100%;
padding:0 0 0 12px;
margin:0 0 22px -12px;
font-size:11px;
display:block;
background:url('../images/ico/button.gif') no-repeat 0 4px;
}
p.more a {color:#666;text-decoration:underline;}
p.more a:hover {text-decoration:none;}


.pre {
min-height:103px;
padding:0 0 50px 180px;
position:relative;
}
.pre img.pic {
position:absolute;
left:-26px;top:-23px;
display:block;
}
ul.big {
margin:0;
font-size:18px;
line-height:22px;
list-style:none;
color:#c00;
}
ul.big a {text-decoration:none;}
ul.big a:hover {text-decoration:underline;}

p.label {
width:100%;
height:55px;
padding:2px 8px 0 8px;
margin:0 -8px;
position:relative;
display:block;
background:url('../images/label.png') no-repeat 0 9px;
}
p.label img {
display:block;
position:relative;
left:44px;
}


.work {
width:100%;
padding:0 0 21px 0;
overflow:hidden;
position:relative;
}
.work .pic {
width:80px;
padding:0 1px;
float:left;
}
.work .pic img {
display:block;
}
.work dfn {
width:30px;
padding:19px 0 0 0;
float:left;
display:block;
text-align:center;
font-size:14px;
font-weight:bold;
color:#999;
}
.work .text {
padding:1px 0 4px 12px;
margin:0 0 0 110px;
border-left:1px solid #cccbca;
overflow:hidden;
}
.work .text var {
margin:0 0 5px 0;
display:block;
font-size:11px;
color:#999;
}
.work .text p {
margin:0;
}
.work .text p.big {
margin:0 0 7px -2px;
font-size:14px;
}
.work .text p.big strong a {text-decoration:none;}
.work .text p.big strong a:hover {color:#cc0300;text-decoration:underline;}


.description {
padding:0 35px;
margin:0 0 25px 0;
}
.description p {
margin:0 0 8px 0;
font-size:11px;
color:#666;
}
.description big {
margin:0 0 5px -10px;
display:block;
font-size:14px;
font-weight:bold;
color:#cc0300;
}
.description big a {
color:#cc0300;
}


#scroll {
width:100%;
height:86px;
padding:14px 30px 0 30px;
margin:0 -15px 0 -45px;
position:relative;
background:url('../images/scroll.png') repeat-x 0 0;
}
#scroll .leftbg {
width:180px;
height:100px;
position:absolute;
top:0;left:0;
z-index:1;
background:url('../images/scroll-left.png') no-repeat 0 0;
}
#scroll .rightbg {
width:180px;
height:100px;
position:absolute;
top:0;right:0;
z-index:1;
background:url('../images/scroll-right.png') no-repeat 0 0;
}
#scroll .left {
width:33px;
height:100px;
position:absolute;
top:0;left:0;
z-index:2;
}
#scroll .left a {
width:33px;
height:100px;
display:block;
background:url('../images/scroll-leftbutton.png') no-repeat 0 -100px;
}
#scroll .left a:hover {
width:33px;
height:100px;
display:block;
background:url('../images/scroll-leftbutton.png') no-repeat 0 0;
}
#scroll .right {
width:33px;
height:100px;
position:absolute;
top:0;right:0;
z-index:2;
}
#scroll .right a {
width:33px;
height:100px;
display:block;
background:url('../images/scroll-rightbutton.png') no-repeat 0 -100px;
}
#scroll .right a:hover {
width:33px;
height:100px;
display:block;
background:url('../images/scroll-rightbutton.png') no-repeat 0 0;
}
#scroll .mask {
width:100%;
height:60px;
overflow:hidden;
position:relative;
z-index:3;
}
#scroll .mask ul {
width:5000px;
height:60px;
margin:0;
position:absolute;
top:0;left:0;
list-style:none;
}
#scroll .mask ul li {
width:65px;
margin:0 10px;
float:left;
}
#scroll .mask ul li img {

}


h2 i {
width:28px;
height:24px;
display:block;
position:absolute;
top:2px;left:-1px;
background:url('../images/h2.png') no-repeat 0 0;
}


h3 dfn {
position:absolute;
top:7px;left:-22px;
font-size:14px;
font-weight:bold;
color:#999;
}
h3 a {
margin:0 0 0 18px;
font-size:14px;
}

.portfolio {
padding:0 0 0 21px;
overflow:hidden;
}
.portfolio var {
margin:0 0 5px 0;
font-size:11px;
color:#999;
display:block;
}
.portfolio p {
margin:0 0 16px 0;
line-height:18px;
color:#666;
}
.description {
padding:0 35px 0 23px;
}
.portfolio .description p {
margin:0 0 8px 0;
font-size:13px;
line-height:normal;
color:#333;
}
.portfolio .description big {
margin:0 0 5px 0;
font-weight:normal;
color:#390;
}
.portfolio .description big a {
color:#390;
}
.portfolio #scroll {
margin-bottom:26px;
}


#news .news,
#articles .articles {
padding:0 10px 4px 22px;
}
#news var,
#articles var {
width:100%;
margin:-1px 0 5px -14px;
display:block;
position:relative;
color:#666;
}
#news var big,
#articles var big {
font-size:17px;
font-weight:bold;
}
#news h2,
#articles h2 {
padding:0;
margin:0 0 3px 0;
}
#news h2 a {
color:#c00;
text-decoration:none;
}
#articles h2 a {
color:#49c604;
text-decoration:none;
}
#news h2 a:hover,#articles h2 a:hover {text-decoration:underline;}
#news p,#articles p {
margin:0 0 10px 0;
font-size:11px;
color:#333;
position:relative;
}
#news p.more {
margin:0 0 10px -13px;
background:url('../images/ico/arrow.gif') no-repeat 0 -36px;
}
#articles p.more {
margin:0 0 10px -13px;
background:url('../images/ico/button.gif') no-repeat 0 4px;
}
#news .button,#articles .button {background:url('../images/leftblock-button2.png') no-repeat 0 0;}

div.hr {
width:100%;
height:1px;
padding:0 2px;
border-bottom:1px solid #fff;
margin:0 -2px 10px -2px;
overflow:hidden;
position:relative;
background:#bfbfbf;
}


#poll {
padding:9px 13px 0 13px;
}
#poll:after {
height:0;
content:".";
display:block;
clear:both;
visibility:hidden;
}
#poll p {
padding:5px 0 4px 0;
margin:0;
display:block;
overflow:hidden;
font-size:11px;
}
#poll p input.radio {
display:block;
float:left;
position:relative;
top:-1px;
}
#poll p label {
width:157px;
padding:0 0 0 14px;
display:block;
float:right;
background:url('../images/ico/poll.gif') no-repeat 0 7px;
}
#poll p.question {
padding:0 0 0 30px;
margin:0 0 15px 0;
font-size:13px;
color:#000;
display:block;
position:relative;
left:-4px;
height:30px;
line-height:25px;
}
#poll p.question var {
width:27px;
height:27px;
display:block;
position:absolute;
top:4px;left:0;
background:url('../images/question.png') no-repeat 0 0;
}
#poll .left {
width:111px;
margin:12px -13px 0 0;
float:left;
position:relative;
left:-13px;
background:url('../images/leftblock-left.png') no-repeat 0 0;
}
#poll .left a {
padding:7px 0 9px 28px;
background:url('../images/ico/button.gif') no-repeat 17px 11px;
}
#poll .right {
width:112px;
margin:12px 0 0 -13px;
float:right;
position:relative;
right:-13px;
background:url('../images/leftblock-right.png') no-repeat 0 0;
}
#poll .right a {
padding:7px 0 9px 28px;
background:url('../images/ico/button.gif') no-repeat 17px 11px;
}


/* _index-center
========================================== */
#index-center {
margin:0 307px;
position:relative;
}
#cspace {
width:100%;
overflow:hidden;
position:relative;
z-index:2;
}
#cspace2 {
padding:0 15px 0 35px;
overflow:hidden;
position:relative;
z-index:2;
}

#index-center .description {
padding:0 0 0 12px;
}
#index-center #scroll {
padding:14px 30px 0 30px;
margin:0 -30px 0 -30px;
left:-15px;
}
#index-center p.label {
width:100%;
height:55px;
padding:2px 10px 0 35px;
margin:0 -10px 0 -35px;
position:relative;
display:block;
background:url('../images/label.png') no-repeat 0 9px;
}
#index-center p.label img {
display:block;
position:relative;
left:16px;
}

h1.index {
height:55px;
padding:32px 0 0 134px;
margin:0 0 14px -36px;
font:bold 25px/23px Arial, Helvetica, sans-serif;
color:#31cc00;
display:block;
position:relative;
background:url('../images/pre/index.jpg') no-repeat 0 9px;
}
h1.index small {
margin:0 0 0 24px;
font-size:20px;
color:#666;
}


#nav {
height:400px;
margin:0 1px 14px 2px;
position:relative;
}
#nav p.title {
height:33px;
padding:1px 0 0 0;
margin:0;
display:block;
position:relative;
z-index:4;
}
#nav p.title img {
display:block;
position:relative;
left:132px;
}
#nav ul {
padding:0 60px 0 60px;
margin:0;
list-style:none;
overflow:hidden;
position:relative;
z-index:2;
}
#nav ul li {
width:23%;
padding:0 0 17px 0;
float:left;
overflow:hidden;
position:relative;
left:2%;
}
#nav ul li a {
width:150px;
height:125px;
margin:0 auto;
display:block;
overflow:hidden;
}
#nav ul li span {
width:150px;
margin:0 auto;
display:block;
position:relative;
left:15px;
}
#nav ul li a img {
width:150px;
height:250px;
display:block;
}
#nav ul li a:hover {background:transparent;}
#nav ul li a:hover img {margin-top:-125px;}

#nav .bg {
width:100%;
height:400px;
position:absolute;
top:0;left:0;
z-index:1;
}
#nav .c {
height:400px;
margin:0 298px;
background:url('../images/nav-c.png') repeat-x 0 0;
}
#nav .l {
width:298px;
height:400px;
position:absolute;
top:0;left:0;
background:url('../images/nav-l.png') no-repeat 0 0;
}
#nav .r {
width:298px;
height:400px;
position:absolute;
top:0;right:0;
background:url('../images/nav-r.png') no-repeat 0 0;
}

/**/

.project {}
.project td{vertical-align:top}
.project .monitor {
	background:url('../images/monitor.jpg') no-repeat 0 0;
	position:relative;
	width:302px;
	height:239px;
	padding-top:10px;
	margin-right:20px

}
.project .monitor .zoom {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* IE 5.5+*/
	-moz-opacity: 0.3; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.3; /* Konqueror 3.1, Safari 1.1 */
	opacity: 0.3; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
	background:url('../images/zoom.png') no-repeat 0 0;
	position:absolute;
	bottom:65px;
	right:15px;
	width:46px;
	height:45px;
}

.project .monitor .photo {
	overflow:hidden;
	width:280px;
	height:176px
}
.project .monitor img {width:290px}

/**/
.project .method {margin:0}
.project .method img{vertical-align:middle}
.project .method li{display:inline;padding:5px}
.project .content {padding:10px 0}
.project .customer_link {color:#ce0201;font-size:14px}

.gallery ul {list-style:none;margin:0;padding:0}
.gallery li {float:left;padding:10px 10px 10px 0}


.projects_list {width:100%;font-size:13px}
.projects_list td {text-align:left;vertical-align:top;padding:0 0 20px 0}
.projects_list .pf_image {width:200px}
.projects_list .pf_desc {color:#777}

.gallery a img,
.projects_list a img{
	border:3px solid #eee;
	padding:1px
}
.gallery a:hover img,
.projects_list a:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
	-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
	opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
	border:3px solid #c00;
}

.portfolio-cat .active a {color:#c00}
.link_nav {margin:20px 0}

#fh3 {font-size:14px;color:#999}

#top {display:none}
#header {top:0;}
#header-spacer {height:145px;}
#index #header-spacer {height:275px;}