/* CSS Document */

#nav { list-style-type: none; height: 27px; margin: 0; background: url(../images/nav/nav_bg.gif) no-repeat 0 0; font-size: 11px; padding: 0 0 0 147px; }
#nav > li { float: left; margin: 0; padding: 0; position: relative; line-height: normal; }
#nav > li > a { display: block; height: 27px; background-position: 0 0; background-repeat: no-repeat; color: #FFF; text-decoration: none; text-indent: -9999em; }
#nav > li:hover > a { background-position: 0 -27px; }

#nav a.home { width: 59px; background-image: url(../images/nav/nav_home.png); }
#nav a.company { width: 81px; background-image: url(../images/nav/nav_company.png); }
#nav a.managedservices { width: 135px; background-image: url(../images/nav/nav_managedservices.png); }
#nav a.datacenters { width: 102px; background-image: url(../images/nav/nav_datacenters.png); }
#nav a.cloudservices { width: 110px; background-image: url(../images/nav/nav_cloudservices.png); }
#nav a.voice { width: 55px; background-image: url(../images/nav/nav_voice.png); }
#nav a.projectengineering { width: 141px; background-image: url(../images/nav/nav_projectengineering.png); }
#nav a.news { width: 56px; background-image: url(../images/nav/nav_news.png); }
#nav a.contact { width: 69px; background-image: url(../images/nav/nav_contact.png); }
#nav a.users { width: 57px; background-image: url(../images/nav/nav_users.png); }
#nav a.logout { width: 64px; background-image: url(../images/nav/nav_logout.png); }

#nav li ul { display: none; position: absolute; list-style-type: none; margin: 0; border-width: 0 1px 1px 1px; border-style: solid; border-color: #CCC; background-image: url(../images/nav/nav_dropdown_bg.gif); background-repeat: repeat-x; background-color: #FFF; -webkit-box-shadow:0 6px 3px -3px rgba(0,0,0,.3); -moz-box-shadow:0 6px 3px -3px rgba(0,0,0,.2); box-shadow:0 6px 3px -3px rgba(0,0,0,.3); padding: 6px 0 0 0; width: 19em; z-index:5; }
#nav li:hover > ul { display: block; }
#nav li ul.narrow { width: 12em; }
#nav ul ul { margin: -18px 0 0 18.75em; border-width: 1px; border-color: #FFF; background-image: none; background-color: #E9F0FF; padding: 0; width: 17em; }
#nav ul li { line-height: normal; margin: 0; padding: 0; position: relative; width: 100%; }
#nav ul a { display: block; width: auto; height: auto; margin: 0; padding: 6px 1em; font-weight: bold; color: #039; line-height: normal; text-decoration: none; }
#nav a.spawn { background-image: url(../images/nav/nav_dropdown_arrow.gif); background-repeat: no-repeat; background-position: center right; }
#nav li:hover > a.spawn { background-image: url(../images/nav/nav_dropdown_arrow-over.gif); background-repeat: no-repeat; background-position: center right; }
#nav ul a:hover,
#nav ul li:hover > a { color: #FFF; background-color: #36C; }