div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #000;
}
div.slideshow-container {
	position: relative;
	height: 310px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
}
div.slideshow a.advance-link {
	display: block;
	line-height: 0px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}

div.thumbs { float: left; }
div.thumbs1 { width: 270px; height: 296px; }
div.thumbs2 { width: 836px; height: 50px; }
	
ul.thumbs1 {
	margin: 0;
	padding: 0;
}
ul.thumbs1 li {
	float: left;
	padding: 0;
	margin: 4px 8px 4px 0;
	list-style: none;
}

ul.thumbs2 {
	margin: 0;
	padding: 0;
}
ul.thumbs2 li {
	float: left;
	padding: 0;
	margin-right: 4px;
	list-style: none;
}

a.thumb {
	padding: 0px;
	display: block;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
}


div.slideshow img {
	vertical-align: top;
	border: none;
}

div#slideshow { float: left; width: 600px; height: 310px; }
* html div#slideshow { float: left; width: 600px; height: 310px; margin-left: -300px; }
*+html div#slideshow { float: left; width: 600px; height: 310px; margin-left: -300px; }