/* 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/eng/menu.gif) no-repeat;
}

#navigation-table #about span, #navigation-table #services span, #navigation-table #portfolio span, #navigation-table #contacts span, #navigation-table #about-active span, #navigation-table #services-active span, #navigation-table #portfolio-active span, #navigation-table #contacts-active 
span { display:block; /* text-indent:5000px; */ width: 100%; overflow:hidden; visibility:hidden; zoom:1; white-space:nowrap; }

#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:45px; background-position:0px 32px; text-decoration:none; }
#navigation-table #about-active { width:45px; background-position:0px -130px; }
#navigation-table #about:hover { background-position:0px -50px; }

#navigation-table #services{ width:62px; background-position:-157px 32px; text-decoration:none; }
#navigation-table #services-active { width:62px; background-position:-157px -130px; }
#navigation-table #services:hover { background-position:-157px -50px; }

#navigation-table #portfolio { width:63px; background-position:-258px 32px; text-decoration:none; }
#navigation-table #portfolio-active { width:63px; background-position:-258px -130px; }
#navigation-table #portfolio:hover { background-position:-258px -50px; }

#navigation-table #contacts{ width:65px; background-position:-360px 32px; text-decoration:none; }
#navigation-table #contacts-active { width:65px; background-position:-360px -130px; }
#navigation-table #contacts:hover { background-position:-360px -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 #web span, #sub-navigation #icons span, #sub-navigation #gui span, #sub-navigation #identity span, #sub-navigation #illustrations span, #sub-navigation #web-active span, #sub-navigation #icons-active span, #sub-navigation #gui-active span, #sub-navigation #identity-active span, #sub-navigation #illustrations-active span { display:block; text-indent:5000px; width: 100%; overflow:hidden; position:relative; }


#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:27px;
 background-position:0px -53px;
}
#sub-navigation #web-active{
 width:27px;
 background-position:0px -85px;
 border-bottom:#f69c20 solid 1px;
}
#sub-navigation #icons{
 width:31px;
 background-position:-109px -53px;
}
#sub-navigation #icons-active{
 width:31px;
 background-position:-109px -85px;
 border-bottom:#f69c20 solid 1px;
}
#sub-navigation #identity{
 width:48px;
 background-position:-267px -53px;
}
#sub-navigation #identity-active{
 width:48px;
 background-position:-267px -85px;
 border-bottom:#f69c20 solid 1px;
}
#sub-navigation #illustrations{
 width:72px;
 background-position:-349px -53px;
}
#sub-navigation #illustrations-active{
 width:72px;
 background-position:-349px -85px;
 border-bottom:#f69c20 solid 1px;
}
#sub-navigation #gui{
 width:20px;
 background-position:-173px -53px;
}
#sub-navigation #gui-active{
 width:20px;
 background-position:-173px -85px;
 border-bottom:#f69c20 solid 1px;
}
/* end Navigation section */