@charset "utf-8";
/* CSS Document */

/*THIS IS FOR THE MAIN NAV - Image replacemnt with the text hidden*/

#navigation {margin-top:40px }

#navigation ul {
	padding-left:0px; 
	*margin-left:-45px /*FIXES POSITIONING OF NAV IN IE*/
}

#nav {padding-left:0px;}


#nav li {width:158px; height:10px;  }

#navigation li a{cursor:pointer }


#navigation ul li {
	float: left;
	display: block;
	height: 18px;
	position: relative;
	text-indent:-9999px;
	margin-bottom:13px;
}

#navigation a:link,
#navigation a:active,
#navigation a:visited,
#navigation a:hover {
	display: block;
	height: 18px;
	line-height: 18px;
	font-size: 9px;
}

#navigation span {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
}

#collections,
#locations,
#information,
#contacts,
#shows,
#lists,
#photos,
#dogs,
#home{
	width: 158px;
}

#collections span{background: url(../images/nav.png) no-repeat 48px 3px; width: 158px;}
#locations span{background: url(../images/nav.png) no-repeat 56px -27px; width: 158px;}
#information span{background: url(../images/nav.png) no-repeat 49px -57px; width: 158px;}
#contacts span{background: url(../images/nav.png) no-repeat 57px -87px; width: 158px;}
#shows span{background: url(../images/nav.png) no-repeat 36px -117px; width: 158px;}
#lists span{background: url(../images/nav.png) no-repeat 52px -147px; width: 158px;}
#photos span{background: url(../images/nav.png) no-repeat 64px -177px; width: 158px;}
#dogs span{background: url(../images/nav.png) no-repeat 70px -207px; width: 158px;}
#home span {background: url(../images/nav.png) no-repeat 70px -237px; width: 158px;}

#collections a:link, #collections a:active, #collections a:visited, #collections a:hover,
#locations a:link, #locations a:active, #locations a:visited, #locations a:hover,
#information a:link, #information a:active, #information a:visited, #information a:hover,
#contacts a:link, #contacts a:active, #contacts a:visited, #contacts a:hover,
#shows a:link, #shows a:active, #shows a:visited, #shows a:hover,
#lists a:link, #lists a:active, #lists a:visited, #lists a:hover,
#photos a:link, #photos a:active, #photos a:visited, #photos a:hover,
#dogs a:link, #dogs a:active, #dogs a:visited, #dogs a:hover,
#home a:link, #home a:active, #home a:visited, #home a:hover{
	width: 150px;
}

/*BELOW STYLES MOVE THE BACKGROUND IMAGE, CREATING THE ROLLOVER EFFECT*/

#collections a:hover span,
#collections a.selected:link span,
#collections a.selected:visited span,
#collections a.selected:active span,
#collections a.selected:hover span {
	background: url(../images/nav.png) no-repeat 48px -12px;
}

#locations a:hover span, #locations a.selected:link span, #locations a.selected:visited span, #locations a.selected:active span, #locations a.selected:hover span {
	background: url(../images/nav.png) no-repeat 56px -42px;
}

#information a:hover span, #information a.selected:link span, #information a.selected:visited span, #information a.selected:active span, #information a.selected:hover span {
	background: url(../images/nav.png) no-repeat 49px -72px;
}

#contacts a:hover span, #contacts a.selected:link span, #contacts a.selected:visited span, #contacts a.selected:active span, #contacts a.selected:hover span {
	background: url(../images/nav.png) no-repeat 57px -102px;
}

#shows a:hover span, #shows a.selected:link span, #shows a.selected:visited span, #shows a.selected:active span, #shows a.selected:hover span {
	background: url(../images/nav.png) no-repeat 36px -132px;
}



#lists a:hover span, #lists a.selected:link span, #lists a.selected:visited span, #lists a.selected:active span, #lists a.selected:hover span {
	background: url(../images/nav.png) no-repeat 52px -162px;
}

#photos a:hover span, #photos a.selected:link span, #photos a.selected:visited span, #photos a.selected:active span, #photos a.selected:hover span {
	background: url(../images/nav.png) no-repeat 64px -192px;
}

#dogs a:hover span, #dogs a.selected:link span, #dogs a.selected:visited span, #dogs a.selected:active span, #dogs a.selected:hover span {
	background: url(../images/nav.png) no-repeat 70px -222px;
}

#home a:hover span, #home a.selected:link span, #home a.selected:visited span, #home a.selected:active span, #home a.selected:hover span {
	background: url(../images/nav.png) no-repeat 70px -252px;
}


/*BELOW STYLES CREATE THE CURRENT PAGE LINK STATE*/
 

#infoPage #navigation #information a:link span,
#infoPage #navigation #information a:visited span,
#infoPage #navigation #information a:active span,
#infoPage #navigation #information a:hover span {
	background: url(../images/nav.png) no-repeat 49px -72px; cursor:default
}

#collectionsPage #navigation #collections a:link span,
#collectionsPage #navigation #collections a:visited span,
#collectionsPage #navigation #collections a:active span,
#collectionsPage #navigation #collections a:hover span {
	background: url(../images/nav.png) no-repeat 48px -12px; cursor:default
}

#locationsPage #navigation #locations a:link span,
#locationsPage #navigation #locations a:visited span,
#locationsPage #navigation #locations a:active span,
#locationsPage #navigation #locations a:hover span {
	background: url(../images/nav.png) no-repeat 56px -42px; cursor:default
}

#contactsPage #navigation #contacts a:link span,
#contactsPage #navigation #contacts a:visited span,
#contactsPage #navigation #contacts a:active span,
#contactsPage #navigation #contacts a:hover span {
	background: url(../images/nav.png) no-repeat 57px -102px; cursor:default
}

#showsPage #navigation #shows a:link span,
#showsPage #navigation #shows a:visited span,
#showsPage #navigation #shows a:active span,
#showsPage #navigation #shows a:hover span {
	background: url(../images/nav.png) no-repeat 36px -132px; cursor:default
}

#listPage #navigation #lists a:link span,
#listPage #navigation #lists a:visited span,
#listPage #navigation #lists a:active span,
#listPage #navigation #lists a:hover span {
	background: url(../images/nav.png) no-repeat 52px -162px; cursor:default
}

#photosPage #navigation #photos a:link span,
#photosPage #navigation #photos a:visited span,
#photosPage #navigation #photos a:active span,
#photosPage #navigation #photos a:hover span {
	background: url(../images/nav.png) no-repeat 64px -192px; cursor:default
}

#dogsPage #navigation #dogs a:link span,
#dogsPage #navigation #dogs a:visited span,
#dogsPage #navigation #dogs a:active span,
#dogsPage #navigation #dogs a:hover span {
	background: url(../images/nav.png) no-repeat 70px -222px; cursor:default
}

#homePage #navigation #home a:link span,
#homePage #navigation #home a:visited span,
#homePage #navigation #home a:active span,
#homePage #navigation #home a:hover span {
	background: url(../images/nav.png) no-repeat 70px -252px; cursor:default
}