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

/* style the outer containing div to fit the landscape, portrait and buttons */
#album {
	width:430px;
	height:445px;
	background:url(images/pics/img_trg2_1.jpg) 0 0px no-repeat;
	border:1px solid #fff;
	margin:0 auto;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:415px 0 0 0; 
list-style-type:none; 
position:relative; 
width:430px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
float:left; 
width:30px; 
height:30px;
margin:0px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img.bt {
border:0;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img.portrait {
position:absolute; 
top:-415px; 
left:0; 
visibility:hidden; 
border:0;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444; 
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}
</style>