/* 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/is/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:72px; background-position:0px 32px; }
#navigation-table #about-active { width:72px; background-position:0px -88px; }
#navigation-table #about:hover { background-position:0px -28px; }

#navigation-table #services{ width:64px; background-position:-113px 32px; }
#navigation-table #services-active { width:64px; background-position:-113px -88px; }
#navigation-table #services:hover { background-position:-113px -28px; }

#navigation-table #portfolio { width:115px; background-position:-215px 32px; }
#navigation-table #portfolio-active { width:115px; background-position:-215px -88px; }
#navigation-table #portfolio:hover { background-position:-215px -28px; }

#navigation-table #contacts{ width:114px; background-position:-369px 32px; }
#navigation-table #contacts-active { width:114px; background-position:-369px -88px; }
#navigation-table #contacts:hover { background-position:-369px -28px; }

#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:34px;
 background-position:0px -118px;
}
#sub-navigation #web-active{
 width:34px;
 background-position:0px -151px;
 border-bottom:#f69c20 solid 1px;
}
#sub-navigation #icons{
 width:32px;
 background-position:-68px -118px;
}
#sub-navigation #icons-active{
 width:32px;
 background-position:-68px -151px;
 border-bottom:#f69c20 solid 1px;
}
#sub-navigation #identity{
 width:36px;
 background-position:-263px -118px;
}
#sub-navigation #identity-active{
 width:36px;
 background-position:-263px -151px;
 border-bottom:#f69c20 solid 1px;
}
#sub-navigation #illustrations{
 width:103px;
 background-position:-333px -118px;
}
#sub-navigation #illustrations-active{
 width:103px;
 background-position:-333px -151px;
 border-bottom:#f69c20 solid 1px;
}
#sub-navigation #gui{
 width:96px;
 background-position:-133px -118px;
}
#sub-navigation #gui-active{
 width:96px;
 background-position:-133px -151px;
 border-bottom:#f69c20 solid 1px;
}
/* end Navigation section */