/* NAVIGATION */
#nav_outer{ width: 140px; height:140px; padding:10px;float:left; text-align:left; z-index: 9998; background-image:url(../images/nav/background.jpg); background-repeat:repeat-x; background-color:#666666;}
#nav{ width: 140px; height:134px; padding-top:6px; float:left; text-align:left; z-index: 9998; background-image:url(../images/nav/panel.jpg); background-repeat:repeat-x; background-color:#FFA76E;}
#nav #buttons { margin:0; padding:0;}
#nav #buttons li {display:inline;}
#nav #buttons li a {float:left; overflow:hidden; padding-top:16px; width:140px; height:0;}
#nav #buttons li a { background-image:url(../images/nav/nav.jpg); background-repeat:no-repeat;}

/* HOME */
#nav #buttons li#home a{background-position: 0 0; }
#nav #buttons li#home a:hover{background-position: 0 -16px; }

#nav #buttons li#home_active a{background-position: 0 -16px; }
#nav #buttons li#home_active a:hover{background-position: 0 -16px; }

/* COMPANY */
#nav #buttons li#company a{background-position: -140px 0; }
#nav #buttons li#company a:hover{background-position: -140px -16px; }

#nav #buttons li#company_active a{background-position: -140px -16px; }
#nav #buttons li#company_active a:hover{background-position: -140px -16px; }

/* TEAM */
#nav #buttons li#team a{background-position: -280px 0; }
#nav #buttons li#team a:hover{background-position: -280px -16px; }

#nav #buttons li#team_active a{background-position: -280px -16px; }
#nav #buttons li#team_active a:hover{background-position: -280px -16px; }

/* DESIGN */
#nav #buttons li#design a{background-position: -420px 0; }
#nav #buttons li#design a:hover{background-position: -420px -16px; }

#nav #buttons li#design_active a{background-position: -420px -16px; }
#nav #buttons li#design_active a:hover{background-position: -420px -16px; }

/* COMMUNICATIONS */
#nav #buttons li#communications a{background-position: -560px 0; }
#nav #buttons li#communications a:hover{background-position: -560px -16px; }

#nav #buttons li#communications_active a{background-position: -560px -16px; }
#nav #buttons li#communications_active a:hover{background-position: -560px -16px; }

/* CONSULTANCY */
#nav #buttons li#consultancy a{background-position: -700px 0; }
#nav #buttons li#consultancy a:hover{background-position: -700px -16px; }

#nav #buttons li#consultancy_active a{background-position: -700px -16px; }
#nav #buttons li#consultancy_active a:hover{background-position: -700px -16px; }

/* GALLERY */
#nav #buttons li#gallery a{background-position: -840px 0; }
#nav #buttons li#gallery a:hover{background-position: -840px -16px; }

#nav #buttons li#gallery_active a{background-position: -840px -16px; }
#nav #buttons li#gallery_active a:hover{background-position: -840px -16px; }

/* CONTACT */
#nav #buttons li#contact a{background-position: -980px 0; }
#nav #buttons li#contact a:hover{background-position: -980px -16px; }

#nav #buttons li#contact_active a{background-position: -980px -16px; }
#nav #buttons li#contact_active a:hover{background-position: -980px -16px; }