/*
  slideshow.css
  ==
  This is the essential CSS markup that is required for jSlide to work properly.
*/
div#slidecontrols
{
	text-align: right;
	padding-right:20px;
	padding-top:12px;
}

div.showcase
{
	position: relative;
	margin: auto;
	width: 95%;
}

div.showcase ul.layers
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
	position: relative;
	top: 0;
	left: 0;
}

div.showcase ul.layers li
{
	float: left;
	position: absolute;
}


div.showcase ul.indexwork
{
	margin: 0px;
	padding: 0px;
	display:inline;
}

div.showcase ul.indexwork li
{
	padding: 4px 8px 4px 8px;
	list-style: none;
	display:inline;
}

.active
{
	color: #000;
	text-decoration: none;
}

div.showcase a
{
	display:inline;
}

div.showcase a.prevwork
{
	display:inline;
}

div.showcase a.nextwork
{
	display:inline;
	padding: 4px;
}

div.showcase ul.layers
{
	height: 260px;
}

div.showcase ul.layers li
{
	width: 100%;
	height: 260px;
	/*padding: 20px;*/
	padding: 1px;
}