/*************************************************************
*  About Us Definitions
*************************************************************/ 

#hdr-commercial h1 {
    width: 450px;
    height: 31px;
    text-indent: -9999px;
    background: url(../images/ttl_commercial_services.gif) top left no-repeat;
}

#hdr-recycling-centers h1 {
    width: 450px;
    height: 31px;
    text-indent: -9999px;
    background: url(../images/ttl_recycling_centers.gif) top left no-repeat;
}

#hdr-pickup-services h1 {
    width: 450px;
    height: 31px;
    text-indent: -9999px;
    background: url(../images/ttl_pickup_services.gif) top left no-repeat;
}

#hdr-containers h1 {
    width: 450px;
    height: 31px;
    text-indent: -9999px;
    background: url(../images/ttl_containers.gif) top left no-repeat;
}

/*************************************************************
*  Subnavigation
*************************************************************/ 

div#subnav { 
    height: 102px; 
    width: 227px; 
    margin: 0 0 25px 0; 
    padding: 0; 
    border: 0; 
}

div#subnav ul#submenu { 
    height: 102px; 
    width: 227px; 
    background: url(../images/subnav_commercial.gif) top left no-repeat; 
    margin: 0; 
    padding: 0; 
    position: relative; 
}

div#subnav ul#submenu li { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
    position: absolute; 
}

ul#submenu li, ul#submenu a { 
    width: 227px; 
    height: 31px;
    display: block;
}

div#subnav ul#submenu li a { 
    text-indent: -9999px; 
    text-decoration: none; 
}

#centersmenu { top: 0px; }
#pickupmenu { top: 31px; }
#containersmenu { top: 62px; }

#centersmenu a:hover { background: url(../images/subnav_commercial.gif) -227px 0 no-repeat; }
#pickupmenu a:hover { background: url(../images/subnav_commercial.gif) -227px -31px no-repeat; }
#containersmenu a:hover { background: url(../images/subnav_commercial.gif) -227px -62px no-repeat; }

body.centers-on #centersmenu  { background: url(../images/subnav_commercial.gif) -227px 0 no-repeat; }
body.pickup-on #pickupmenu  { background: url(../images/subnav_commercial.gif) -227px -31px no-repeat; }
body.containers-on #containersmenu  { background: url(../images/subnav_commercial.gif) -227px -62px no-repeat; }