@import url("./whitespace-reset.css");

a {
	color: #403e3e;
	text-decoration: none; }
	
a:hover {
	color: #beb579;
	text-decoration: underline; }
	


#slide-image {
	position: absolute;
	float:left;	
	width: 424px;
	height: 428px;
	overflow: hidden;
	padding: 0px 0 0 0px;
	z-index: 3; }
	#slide-image .slides { z-index: 1; }
	#slide-image img {
		display: block;
		margin: 0 0 0px 0; }	

#thumbnails {
	clear: both;
	float: left;
	width: 942px;
	height: 70px;
	padding: 0px 0 27px 0px;
	margin: 0 0 -6px 41px;
	}
	#thumbnails a.btn_prev,
	#thumbnails a.btn_next {
		float: left;
		width: 21px;
		height: 21px;
		margin: 22px 9px 0 0;
		text-indent: -8685px;
		outline: none;
		background: transparent url("/weddings/images/strip_imgs/btn_slideshow.gif") 0 0 no-repeat; }
	#thumbnails a.btn_next { background-position: 100% 0; }
	#thumbnails a.btn_prev:hover { background-position: 0 100%; }
	#thumbnails a.btn_next:hover { background-position: 100% 100%; }
	#thumbnails ul,
	#thumbnails #slide-sets {
		float: left;
		width: 850px;
		height: 70px;
		overflow: hidden; }
	#thumbnails li {
		float: left;
		position: relative;
		width: 70px;
		height: 70px;
		padding: 0; 
		list-style-image:none;
		vertical-align: top;
		line-height: 0px;
		margin: 0 7px 0 0; 
		}
	#thumbnails img {
		position: absolute;
		display: block;
		z-index: 1; }
	#thumbnails a:hover img { bottom: 0; }