/* Navigation section */
#navigation-section{
 width:940px;
 height:80px;
 background:#fbb130 url(../images/background/header/main.png) repeat-x;
 text-align:left;
}
.navigation-section-other{
 border-left:#f0f0f0 solid 1px;
 border-right:#f0f0f0 solid 1px;
}
.navigation-section-index{
 border-left:#96b4b7 solid 1px;
 border-right:#96b4b7 solid 1px; 
}
#navigation-table{
}
#navigation-table #logo{
 margin:18px 0 0 0; 
}
#navigation-table #about, #navigation-table #services, #navigation-table #portfolio, #navigation-table #contacts, #navigation-table #about-active, #navigation-table #services-active, #navigation-table #portfolio-active, #navigation-table #contacts-active{
 height:80px;
 display:block;
 margin:0 0 0 0;
 position:relative;
 background:url(../images/background/navigation/ru/menu.gif) no-repeat;
}
#navigation-table #about:hover, #navigation-table #services:hover, #navigation-table #portfolio:hover, #navigation-table #contacts:hover{
 /*background-color:#feebcb;*/
}
#navigation-table .active{
 width:18px;
 height:9px;
 background:url(../images/bullets/main-navigation.gif) no-repeat;
 position:absolute;
 top:100%;
 left:50%;
 margin:-7px 0 0 -9px;
}
#navigation-table #about{ width:89px; background-position:0px 32px; }
#navigation-table #about-active { width:89px; background-position:0px -130px; }
#navigation-table #about:hover { background-position:0px -50px; }

#navigation-table #services{ width:51px; background-position:-147px 32px; }
#navigation-table #services-active { width:51px; background-position:-147px -130px; }
#navigation-table #services:hover{ background-position:-147px -50px; }
 
#navigation-table #portfolio{ width:84px; background-position:-258px 32px; }
#navigation-table #portfolio-active { width:84px; background-position:-258px -130px; }
#navigation-table #portfolio:hover { background-position:-258px -50px; }

#navigation-table #contacts{ width:188px; background-position:-402px 32px; }
#navigation-table #contacts-active { width:188px; background-position:-402px -130px; }
#navigation-table #contacts:hover { background-position:-402px -50px; }

#navigation-table td{
 height:82px;
 vertical-align:top;
}
#navigation-shadow{
 width:940px;
 height:2px;
 overflow:hidden;
 background:url(../images/background/pattern/navigation-bottom.gif) repeat-x;
 border-left:#f0f0f0 solid 1px;
 border-right:#f0f0f0 solid 1px;
}
#navigation-shadow-index{
 width:940px;
 height:2px;
 overflow:hidden;
 background:url(../images/background/pattern/navigation-bottom-index.gif) repeat-x;
}
#sub-navigation{
 width:940px;
 height:34px;
 background:#ffffff url(../images/background/navigation/sub-nav-bkg.gif) repeat-x;
 border-left:#f0f0f0 solid 1px;
 border-right:#f0f0f0 solid 1px;
 text-align:left;
}
#sub-navigation-table{
}
#sub-navigation #web, #sub-navigation #icons, #sub-navigation #gui, #sub-navigation #identity, #sub-navigation #illustrations, #sub-navigation #web-active, #sub-navigation #icons-active, #sub-navigation #gui-active, #sub-navigation #identity-active, #sub-navigation #illustrations-active{
 display:block;
 height:32px;
 overflow:visible;
 position:relative;
 background:url(../images/background/navigation/submenu.gif) no-repeat;
}
#sub-navigation .overlay{
 position:relative;
 height:32px;
}
#sub-navigation .active{
 width:14px;
 height:7px;
 background:url(../images/bullets/sub-navigation.gif) no-repeat;
 position:absolute;
 left:50%;
 margin:0 0 0 -7px;
}
#sub-navigation #web{
 width:72px;
 background-position:0px 9px;
}
#sub-navigation #web-active{
 width:72px;
 background-position:0px -22px;
 border-bottom:#f69c20 solid 1px;
}
#sub-navigation #icons{
 width:45px;
 background-position:-108px 9px;
}
#sub-navigation #icons-active{
 width:45px;
 background-position:-108px -22px;
 border-bottom:#f69c20 solid 1px;
}
#sub-navigation #identity{
 width:61px;
 background-position:-297px 9px;
}
#sub-navigation #identity-active{
 width:61px;
 background-position:-297px -22px;
 border-bottom:#f69c20 solid 1px;
}
#sub-navigation #illustrations{
 width:84px;
 background-position:-392px 9px;
}
#sub-navigation #illustrations-active{
 width:84px;
 background-position:-392px -22px;
 border-bottom:#f69c20 solid 1px;
}
#sub-navigation #gui{
 width:78px;
 background-position:-186px 9px;
}
#sub-navigation #gui-active{
 width:78px;
 background-position:-186px -22px;
 border-bottom:#f69c20 solid 1px;
}
/* end Navigation section */