/* CSS Document */

.container {
	z-index: 47;
	overflow: visible;
	height: 540px;
	width: 960px;
	border: #FF0099;
	filter: none;
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	word-spacing: 0.05em;
	font-size: 100%;
	color: #000099;
	top: 10px;
	left: 0px;
	right: 10px;

}
.container ul {
	list-style-type:none;
	height: 153px;
	width: 171px;
	float: right;
	border: #FFCC00;
	margin-right: 10px;

	
    
}
.container a.gallery span {
	position:absolute;
	width:1px;
	height:1px;
	top:5px;
	left:5px;
	overflow:hidden;
	


    
}
/* Adding the thumbnail images */
.container a.gallery, .container a.gallery:active {
	display:block;
	color:#000099;
	text-decoration:none;
	border:3px solid #ffffff;
	margin:0px 0px 0px 0px;
	cursor:default;

   
}

.container a.slidea {
	background-image: url(../assets/thumbs/pf-animD_Arcy-th.gif);
	height:44px;
	width:50px;
	text-align: center;
	display: block;
	
	
}
.container a.slideb {
    background:url(../assets/thumbs/pf-animClumber-th.gif); 
    height:44px;
	width:50px;
	text-align: center;
	display: block;
}
.container a.slidec {
    background:url(../assets/thumbs/pf-animChameleon-th.gif); 
    height:44px;
	width:50px;
	text-align: center;
	display: block;
}
*html .container a.slided{
    width:89px; 
    w\idth:92px;
}
* html .container a.slidef{
    width:75px; 
    w\idth:96px;
}
.container a.slided {
    background:url(../assets/thumbs/pf-animBorzoi_Silver-th.gif); 
    height:44px;
	width:50px;
	text-align: center;
	display: block;
}
.container a.slidee {
    background:url(../assets/thumbs/pf-animHereford-th.gif); 
    height:44px;
	width:50px;
	text-align: center;
	display: block;
}
.container a.slidef {
    background:url(../assets/thumbs/pf-animCollie-Cross-th.gif) no-repeat; 
    height:44px;
	width:50px;
	text-align: center;
	display: block;
}
.container a.slideg {
    background:url(../assets/thumbs/pf-animOriental2-th.gif) no-repeat; 
    height:44px;
	width:50px;
	text-align: center;
	display: block;
}
.container a.slideh {
    background:url(../assets/thumbs/pf-animSP-Persian-th.gif) no-repeat; 
   height:44px;
	width:50px;
	text-align: center;
	display: block;
}
.container a.slidei {
    background:url(../assets/thumbs/pf-animHounds-th.gif) no-repeat; 
   height:44px;
	width:50px;
	text-align: center;
	display: block;
}
.container a.slidej {
    background:url(../assets/thumbs/pf-animpenny-th.gif) no-repeat; 
   height:44px;
	width:50px;
	text-align: center;
	display: block;
}
.container a.slidek {
    background:url(../assets/thumbs/pf-animSoph-th.gif) no-repeat; 
   height:44px;
	width:50px;
	text-align: center;
	display: block;
}
.container a.slidel {
    background:url(../assets/thumbs/pf-animBo-th.gif) no-repeat; 
   height:44px;
	width:50px;
	text-align: center;
	display: block;
}
/* set the size of the unordered list to neatly house the thumbnails */
.container ul {
}
.container li {
    float:left;
}

/* move the thumbnails into the correct position */
.container ul {
    margin:0px; 
    float:right;
}

/* change the thumbnail border color */
.container a.gallery:hover {
    border:3px solid #FFFF66; 
}

/* styling the :hover span */
.container a.gallery:hover span {
	position:absolute;
	width:750px;
	height:500px;
	top:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #000099;
	text-align: center;
	left: 0px;




}
	
.container a.gallery:hover img {
	border:0px solid #0000CC;
	float:right;
	margin-right:0px;
	

}	
.hbox
{
	font-face: Arial;
	top: 230px;
	overflow: hidden;
	z-index: 79;
	height: 225px;
	width: 171px;
	position: absolute;
	border-bottom: 1px;
	font-family: Tahoma;
	font-size: 100%;
	font-weight: normal;
	color: #990000;
	text-align: center;
	vertical-align: top;
	right: 0px;

}
.leftbg
{
	font-face: Arial;
	top: 0px;
	overflow: hidden;
	z-index: 5;
	height: 600px;
	width: 300px;
	position: absolute;
	border-bottom: 1px;
	font-family: Verdana;
	font-size: 100%;
	font-weight: normal;
	color: #000099;
	text-align: center;
	vertical-align: top;
	background-color: #d4d8bd;
	left: 0px;
	background-image: url(../assets/gifs/parch2bk.gif);



}	
.picbg {
	font-face: Arial;
	top: 10px;
	overflow: hidden;
	z-index: 2;
	height: 396px;
	width: 450px;
	position: absolute;
	border-bottom: 1px;
	font-family: Tahoma;
	font-size: 100%;
	font-weight: normal;
	color: #990000;
	text-align: center;
	vertical-align: top;
	background-position: center center;
	left: 300px;



}