/************************************
* Main Navigation 
************************************/

div#nav	{ 
    clear: both;
    height: 35px; 
    width: 760px; 
    margin: 0; 
    padding: 0; 
}

div#nav ul#menu { 
    height: 35px; 
    width: 760px; 
    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: 35px; 
    display: block; 
}

div#nav ul#menu li a { 
    text-indent: -9999px; 
    text-decoration: none; 
}
	
#productsmenu {
    left: 22px; 
    width: 128px;
}

#productsmenu a:hover {
    background: url(/images/main_nav.gif) -22px -35px no-repeat;
}

#servicesmenu {
    left: 150px; 
    width: 124px;
}

#servicesmenu a:hover {
    background: url(../images/main_nav.gif) -150px -35px no-repeat;
}

#peoplemenu {
    left: 274px; 
    width: 111px;
}

#peoplemenu a:hover {
    background: url(/images/main_nav.gif) -274px -35px no-repeat;
}

#placesmenu {
    left: 385px; 
    width: 113px;
}

#placesmenu a:hover {
    background: url(../images/main_nav.gif) -385px -35px no-repeat;
}

#newsmenu {
    left: 498px; 
    width: 105px;
}

#newsmenu a:hover {
    background: url(/images/main_nav.gif) -498px -35px no-repeat;
}

#aboutmenu {
    left: 603px; 
    width: 136px;
}

#aboutmenu a:hover {
    background: url(../images/main_nav.gif) -603px -35px no-repeat;
}

/************************************
* Logic for Main Navigation Selected State
************************************/

body#products-on #productsmenu {
    background: url(/images/main_nav.gif) -22px -35px no-repeat;
}

body#services-on #servicesmenu {
    background: url(/images/main_nav.gif) -150px -35px no-repeat;
}

body#people-on #peoplemenu {
    background: url(../images/main_nav.gif) -274px -35px no-repeat;
}

body#places-on #placesmenu {
    background: url(/images/main_nav.gif) -385px -35px no-repeat;
}

body#news-on #newsmenu {
    background: url(/images/main_nav.gif) -498px -35px no-repeat;
}

body#about-on #aboutmenu {
    background: url(/images/main_nav.gif) -603px -35px no-repeat;
}

/************************************
* Global Navigation 
*
* SRM - Updated 4/9/2006 to handle Order Status link
*     - Using CSS styles instead of gif rollover
*     - for increased flexibility
*
************************************/

div#global-nav	{ 
   float: right;
   height: 15px; 
   width: 300px; 
   margin: 30px 10px 9px 0; 
   padding: 0; 
}

div#global-nav ul#global-menu { 
     margin-left: 0;
     padding-left: 0;
     white-space: nowrap;
}

div#global-nav ul#global-menu li { 
     display: inline;
     list-style-type: none;
}

#global-menu a { 
     padding: 3px 10px; 
}

#global-menu a:link, #global-menu a:visited
{
     color: #fff;
     background-color: #54565B;
     text-decoration: none;
}

#global-menu a:hover
{
     color: #719C31;
     background-color: #54565B;
     text-decoration: none;
}

