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

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

div#nav ul#menu { 
   height: 32px; 
   width: 413px; 
   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;
}

#custommenu {
   left: 77px; 
   width: 154px;
}

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

#clientsmenu {
   left: 231px; 
   width: 91px;
}

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

#contactusmenu {
   left: 322px; 
   width: 91px;
}

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

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

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

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

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

body#contactus-on #contactusmenu {
   background: url(../images/main_nav.gif) -322px -32px no-repeat;
}

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

div#site-nav	{ 
   height: 27px; 
   width: 199px; 
   margin: 0; 
   padding: 0; 
}

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

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

ul#site-menu li, ul#site-menu a { 
   height: 27px; 
   display: block; 
}

div#site-nav ul#site-menu li a { 
   text-indent: -9999px; 
   text-decoration: none; 
}

#contactmenu {
   left: 0; 
   width: 80px;
}

#contactmenu a:hover {
   background: url(../images/global_nav.gif) 0 -27px no-repeat;
}

#itsynergymenu {
   left: 80px; 
   width: 119px;
}

#itsynergymenu a:hover {
   background: url(../images/global_nav.gif) -80px -27px no-repeat;
}

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

body#contact-on #contactmenu {
   background: url(../images/global_nav.gif) 0 -27px no-repeat;
}