.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/ 
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/ 
.slideViewer { /*this is the gallery container*/ 
position: relative; 
overflow: hidden;  
margin: 0; 
padding: 0; 
background: transparent; 
} 
.slideViewer ul {  /*this is your list of images*/ 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
margin: 0;  
padding: 0; 
} 
.slideViewer ul li { /*each LI item is floated; the whole list is now displayed as if its in one row*/ 
	float:left;
} 
 
/*typographic info*/ 
.slideViewer span.typo{  
padding: 6px; 
/* do not modify padding (yet)*/
background: #fff; 
color: #000; 
font-size: 1.5em;
} 
 
.slideViewer ul li, .slideViewer ul li div {  
	float:left; 
    display:block;
    width:744px; 
    height:462px; 
    cursor:pointer;
	position: relative; 
} 

.slideViewer ul li div p {  
	display:block;
	padding: 0 15px;
	height: 65px;
	margin: 235px 0 0;
	-khtml-opacity: 0.8;
	opacity: 0.7;
	color: #fff;
	z-index: 1;
}

.slideViewer ul li div p span {
	font-size: 1.5em;
	color: #fff;
}

.thumbSlider { /*the thumbnails slider contanier*/ 
	overflow: auto; 
	width: 1%;
} 
.thumbSlider ul { 
	padding: 0; 
	position: absolute; 
	list-style-type: none;
	margin: -38px 0 0 -10px;
} 
.thumbSlider ul li{ 
	float:left; 
	margin: 0 2px 2px 0; 
	
}
.thumbSlider a ul { /*the thumbnails list of images*/ 
list-style-type: none; 
padding: 0; 
margin: -38px 0 0 15px;
z-index:1000;
} 
.thumbSlider a ul li{  
float:left; 
margin: 0; 
} 
.thumbSlider a:hover, a.current{ 
	background: #737371; 
	color: #fff!important; 
}
.current{ background: #737371; color: #fff!important; }
.current a{ background: #737371; color: #fff!important; }
.thumbSlider a{ /*the link wrapped around each thumbnail. dynamically.*/ 
text-decoration: none;
/*
*/
background-color: #272323;
text-align: center; 
color: #fff!important;
text-decoration: none; 
display: block; 
width: 26px;
padding-top: 6px;
padding-bottom: 6px;
font-size: 1.2em;
} 
.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; 
margin: 0; 
padding: 0; 

} 
.thumbSlider a.tmbrdr, a.current{
	/*background: #00aeef; 
	color: #fff!important;*/
}
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;}
/*.ldrgif{padding-top:167px; padding-left:464px;}*/
/**************************************************/

#ui0{
margin-left: 670px;
}