ul.gallerize {
	margin:0 20px;
	list-style:none;
}

/* the margin of the li will be used to calculate the height of the thumbnail strip */
ul.gallerize li {
	float:left;
	margin:5px;
	margin-right: 10px;
	text-align:center;
}

ul.gallerize li img {
	border: 2px solid #000;
}


ul.gallerize li img.current {
	border: 2px solid #fff;
}

ul.gallerize li a {margin:0;padding:0;display:block;}

ul.gallerize li div.caption {
	display:none;
}

/* this is the viewer */
div.gallerize-background {
}
div.gallerize-main {
	margin: 0 20px;
	background-color: #000;
	background-repeat: no-repeat;
	/* You may Change text-align to reflect the position of the image or you may use the 'align' option */
/*	text-align:center;*/
}

/* This is the image to be shown */
div.gallerize-main img {
	border: 1px solid #555;
/*	margin: 4px;*/
	
}

div.gallerize-caption {
	color: #fff;
	text-align: center;
	background: #000;
	opacity: 0.7;
	/* IE opacity hack */
	filter: alpha(opacity=70);
	zoom: 1;
	/* do not use padding to add space around the caption text */
	line-height: 2em;
}

/* Thumbnail strip */
div.thumbnail-strip {
	overflow:hidden;
	background-color: #000;
	margin: 0 20px;
}


/* Custom controls */
div.gallerize-controls {
	margin: 0 20px;
	width: 650px;
	height: 25px;
	
}

div#gallerize-controls-top {
	padding-top: 5px;
	background: #000 url('/images/controls-top.jpg') no-repeat top;
}

div#gallerize-controls-bottom {
	padding-bottom: 5px;
	background: #000 url('/images/controls-bottom.jpg') no-repeat bottom;
}

div.gallerize-controls a {text-decoration:none;}
div.gallerize-controls a.prev-image { margin-left: 175px;display: block; width: 100px; height: 20px; background-image: url('/images/prev.jpg'); float: left; }
div.gallerize-controls a.slideshow { display: block; width: 100px; height: 20px; background-image: url('/images/play.jpg'); float: left; }
div.gallerize-controls a.slideshow-play { background-image: url('/images/play.jpg'); }
div.gallerize-controls a.slideshow-pause { background-image: url('/images/pause.jpg'); }
div.gallerize-controls a.next-image { display: block; width: 100px; height: 20px; background-image: url('/images/next.jpg'); float: left; }