/************************************
* Main Navigation 
************************************/

div#nav	{ 
   height: 32px; 
   width: 521px; 
   margin: 0 0 9px 56px; 
   padding: 0; 
}

div#nav ul#menu { 
   height: 32px; 
   width: 521px; 
   background: url(../images/main_nav.gif) top left no-repeat; 
   margin: 0; 
   padding: 0; 
   position: relative; 
}

div#nav ul#menu li { 
   margin: 0; 
   padding: 0; 
   list-style: none; 
   position: absolute; 
   top: 0; 
}

ul#menu li, ul#menu a { 
   height: 32px; 
   display: block; 
}

div#nav ul#menu li a { 
   text-indent: -9999px; 
   text-decoration: none; 
}
	
#servicesmenu {
   left: 0; 
   width: 77px;
}

#servicesmenu a:hover {
   background: url(../images/main_nav.gif) 0 -32px no-repeat;
}

#advantagemenu {
   left: 77px; 
   width: 151px;
}

#advantagemenu a:hover {
   background: url(../images/main_nav.gif) -77px -32px no-repeat;
}

#newsmenu {
   left: 228px; 
   width: 127px;
}

#newsmenu a:hover {
   background: url(../images/main_nav.gif) -228px -32px no-repeat;
}

#clientsmenu {
   left: 355px; 
   width: 93px;
}

#clientsmenu a:hover {
   background: url(../images/main_nav.gif) -355px -32px no-repeat;
}

#careersmenu {
   left: 448px; 
   width: 73px;
}

#careersmenu a:hover {
   background: url(../images/main_nav.gif) -448px -32px no-repeat;
}

/************************************
* Logic for Main Navigation Selected State
************************************/

body#services-on #servicesmenu {
   background: url(../images/main_nav.gif) 0 -32px no-repeat;
}

body#advantage-on #advantagemenu {
   background: url(../images/main_nav.gif) -77px -32px no-repeat;
}

body#news-on #newsmenu {
   background: url(../images/main_nav.gif) -228px -32px no-repeat;
}

body#clients-on #clientsmenu {
   background: url(../images/main_nav.gif) -355px -32px no-repeat;
}

body#careers-on #careersmenu {
   background: url(../images/main_nav.gif) -448px -32px no-repeat;
}

/*********************************
* Global Navigation
*********************************/

#global-nav {
    margin: 0;
    padding: 0 0 0 41px;
    height: 32px;
    overflow: hidden;
    _height: 1%;
}

#global-nav li {
    margin: 0;
    padding: 1px 0;
    list-style-type: none;
    display: inline;
}

#global-nav a {
    float: left;
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    height: 32px;
    overflow: hidden;
}

#global-nav a#homemenu {
    background: url(/images/global_home.gif) top left no-repeat;
    width: 77px;
}
#global-nav a#newslettermenu {
    background: url(/images/global_enewsletter2.gif) top left no-repeat;
    width: 129px;
}
#global-nav a#contactmenu {
    background: url(/images/global_contact.gif) top left no-repeat;
    width: 79px;
}
#global-nav a#extranetmenu {
    background: url(/images/global_extranet.gif) top left no-repeat;
    width: 105px;
}
#global-nav a#remotemenu {
    background: url(/images/global_remote.gif) top left no-repeat;
    width: 134px;
}

#global-nav a:hover#homemenu {
    background: url(/images/global_home.gif) bottom left no-repeat;
    width: 77px;
}
#global-nav a:hover#newslettermenu {
    background: url(/images/global_enewsletter2.gif) bottom left no-repeat;
    width: 129px;
}
#global-nav a:hover#contactmenu {
    background: url(/images/global_contact.gif) bottom left no-repeat;
    width: 79px;
}
#global-nav a:hover#extranetmenu {
    background: url(/images/global_extranet.gif) bottom left no-repeat;
    width: 105px;
}
#global-nav a:hover#remotemenu {
    background: url(/images/global_remote.gif) bottom left no-repeat;
    width: 134px;
}

/************************************
* Logic for Site Global Navigation Selected State
************************************/

body#products-on #productsmenu {
   background: url(../images/main_nav.jpg) -21px -36px no-repeat;
}

body#photo-on #photomenu {
   background: url(../images/main_nav.jpg) -126px -36px no-repeat;
}

body#service-on #servicemenu {
   background: url(../images/main_nav.jpg) -271px -36px no-repeat;
}