/*************************************************************
*  Main Nav
*************************************************************/ 

div#main-nav {
    height: 32px; 
    width: 760px; 
    padding: 0 0 35px 0; 
    margin: 0;
}

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

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

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

div#main-nav ul#nav-menu li a { 
    text-indent: -9999px; 
    text-decoration: none;
}
	
#aboutmenu {
    left: 47px; 
    width: 87px;
}

#aboutmenu a:hover {
    background: url(../images/nav.gif) -47px -32px no-repeat;
}

#commonmenu {
    left: 134px; 
    width: 151px;
}

#commonmenu a:hover {
    background: url(../images/nav.gif) -134px -32px no-repeat;
}

#locationsmenu {
    left: 285px; 
    width: 92px;
}

#locationsmenu a:hover {
    background: url(../images/nav.gif) -285px -32px no-repeat;
}

#commercialmenu {
    left: 377px; 
    width: 158px;
}

#commercialmenu a:hover {
    background: url(../images/nav.gif) -377px -32px no-repeat;
}

#residentialmenu {
    left: 535px; 
    width: 155px;
}

#residentialmenu a:hover {
    background: url(../images/nav.gif) -535px -32px no-repeat;
}

/*************************************************************
*  Logic for selected state
*************************************************************/ 

body#about-on #aboutmenu {
    background: url(../images/nav.gif) -47px -32px no-repeat;
}

body#common-on #commonmenu {
    background: url(../images/nav.gif) -134px -32px no-repeat;
}

body#locations-on #locationsmenu {
    background: url(../images/nav.gif) -285px -32px no-repeat;
}

body#commercial-on #commercialmenu {
    background: url(../images/nav.gif) -377px -32px no-repeat;
}

body#residential-on #residentialmenu {
    background: url(../images/nav.gif) -535px -32px no-repeat;
}

/*************************************************************
*  Global Nav
*************************************************************/ 

div#global-nav	{
    height: 30px; 
    width: 772px; 
    padding: 0 0 0 423px; 
    margin: 0;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 349px;
}

html>body div#global-nav {
    width: 349px;
}

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

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

ul#global-menu li, ul#global-menu a { 
    height: 30px;
    display: block; 
}

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

#homemenu a:hover {
    background: url(../images/global_nav2.gif) 0 -30px no-repeat;
}

#espanolmenu {
    left: 54px; 
    width: 83px;
}

#espanolmenu a:hover {
    background: url(../images/global_nav2.gif) -54px -30px no-repeat;
}

#contactmenu {
    left: 137px; 
    width: 84px;
}

#contactmenu a:hover {
    background: url(../images/global_nav2.gif) -137px -30px no-repeat;
}

#newslettermenu {
    left: 221px; 
    width: 122px;
}

#newslettermenu a:hover {
    background: url(../images/global_nav2.gif) -221px -30px no-repeat;
}

/*************************************************************
*  Spanish Global Nav
*************************************************************/ 

div#spanish-home	{
    height: 30px; 
    width: 772px; 
    padding: 0 0 0 477px; 
    margin: 0;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 295px;
}

html>body div#spanish-home {
    width: 295px;
}

div#spanish-home ul#spanish-menu { 
    height: 30px; 
    width: 295px; 
    background: url(../images/spanish_nav.gif) top left no-repeat; 
    margin: 0; 
    padding: 0; 
    position: relative; 
}

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

ul#spanish-menu li, ul#spanish-menu a { 
    height: 30px;
    display: block; 
}

div#spanish-home ul#spanish-menu li a { 
    text-indent: -9999px; 
    text-decoration: none;
}
	
#inglesmenu {
    left: 0; 
    width: 83px;
}

#inglesmenu a:hover {
    background: url(../images/spanish_nav.gif) 0 -30px no-repeat;
}

#spancontactmenu {
    left: 83px; 
    width: 84px;
}

#spancontactmenu a:hover {
    background: url(../images/spanish_nav.gif) -83px -30px no-repeat;
}

#spannewslettermenu {
    left: 167px; 
    width: 122px;
}

#spannewslettermenu a:hover {
    background: url(../images/spanish_nav.gif) -167px -30px no-repeat;
}