/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:400px;
height:360px;
background:#d5d6d6  0 no-repeat;
border:1px solid #d5d6d6;
margin:0 auto;
texte-align: center;
}
/* 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:310px 0 0 0;
	list-style-type:none;
	position:relative;
	width:400px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
	margin: 0 3px 0 10px;
	display:inline;
	decoration:none;
	
}

/* position the images using an absolute position and hide them from view */
.gallery li a img.landscape {
 position:absolute;
 top:-320px;
 left:10px;
 visibility:hidden;
 border:1px solid #444;
}
/* fix the top position for the landscape images */
.gallery li a img.thumb {
 position: relative;
 visibility:visible;
 width: 116px;
 border:1px solid #444;
 top:-37px;


}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:-300px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:0;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444;
}
/* make the images visible on active/focus */
.gallery li a:hover img.landscape, .gallery li a:focus img.landscape {
visibility:visible;
 border:1px solid #444;
}