/* CSS Document */

/* navigation using image replacement technique ********************************************************************************************/

a:link, a:active, a:visited { color:#886D3C;}
a:hover { color:#AF6C15 ; }


#navigation{}

#navigation ul li{
float:left;
width:90px;
height:47px;
}
#navigation ul li.outer{ width:246px;} #navigation ul li.inner{ width:231px;}

#navigation ul li a{
display:block;
width:100%;
height:47px;
text-indent: -9999px;
}

#navigation ul li#home{
background: url(images_a/bg_menu2.jpg) 0 0 no-repeat;
}
#navigation ul li#home a:hover, #navigation ul li#home a:focus{										/* Home button************************/
background:url(images_a/bg_menu2.jpg) 0 -47px  no-repeat;
}

#navigation ul li#dogs{
background:url(images_a/bg_menu2.jpg) -246px 0 no-repeat;
}
#navigation ul li#dogs a:hover, #navigation ul li#dogs a:focus{										/* dogs************************/
background:url(images_a/bg_menu2.jpg) -246px -47px  no-repeat;
}

#navigation ul li#puppies{
background:url(images_a/bg_menu2.jpg) -477px 0 no-repeat;
}
#navigation ul li#puppies a:hover, #navigation ul li#puppies a:focus{										/* puppies************************/
background:url(images_a/bg_menu2.jpg) -477px -47px  no-repeat;
}


#navigation ul li#gallery{
background:url(images_a/bg_menu2.jpg) -708px 0 no-repeat;
}
#navigation ul li#gallery a:hover, #navigation ul li#gallery a:focus{										/* gallery************************/
background:url(images_a/bg_menu2.jpg) -708px -47px  no-repeat;
}