.svwp {
	width: 758px;
	height: 329px;
	margin: 0px auto;
	border: solid black 1px;
	background: #fff;} /*preloader stuff. do not modify!*/

.ldrgif {
	margin: 149px 363px;
}

.svwp ul{
	position: relative;
	left: -999em;
	}/*preloader stuff. do not modify!*/

.slideViewer {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: #fff;
}
.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0;
padding: 0;
}
.slideViewer ul li {
float:left;
}

/*typographic info*/
.slideViewer span.typo{
padding: 6px; /* do not modify padding */
background: #000;
color: #fff;
text-align: justify;
font: normal 12px arial, sans-serif;
letter-spacing: 2px;
line-height: 15px;
	font-variant: small-caps;
}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 1%;
background: #fff;
}
.thumbSlider ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.thumbSlider ul li{
float:left;
margin: 0;
}
.thumbSlider a{
color: #fff;
text-decoration: none;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative;
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #ff0000;
font: bold 16px Arial;
overflow: hidden;
}
a.left span, a.right span{

}
a.left img, a.right img{
border: 0;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
display: none;
}
a:focus {outline:none;}