.slideshow {
}
<STYLE type=text/css>.slideshow5 {
	WIDTH: 140px; HEIGHT: 140px
}
.style9 {font-size: 9px}
.style11 {font-size: 12px}
#navigation {
	width: 120px!important;
	line-height: 2em;
}
#navigationt {
	width: 140px!important;
	line-height: 2em;
	text-align:left;
	margin-left: 10px;
}
#navigationr {
	width: 160px!important;
	line-height: 2em;
	text-align:left;
	background-color:#8E0B71;
}
#footerl {
	width: 400px!important;
	line-height: 1em;
	float: left;text-align:left;
	margin-left: 60px;
	
}
#footerr {
	width: 400px!important;
	line-height: 1em;
	float: right;text-align:right;
	margin-right: 75px;
}
#navigation  {
	float: none;
	display: block;
	margin-left: 10px;
	color: #CCCCCC;
	font-size: 10px;
	text-decoration: none;
	text-align:left
	
}
.link {
	float: none;
	display: block;
	margin-left: 10px;
	color: #E9E9E9;
	font-size: 10px;
	text-decoration: none;
	text-align:left
	
}
#navigation a {
	float: none;
	display: block;
	margin-left: 2px;
	color: #CCCCCC;
	font-size: 10pt;
	text-decoration: none;
}

#navigationt a {
	float: none;
	display: block;
	margin-left: 10px;
	color: #CCCCCC;
	font-size: 10pt;
	text-decoration: none;
}

#navigation a:hover, #navigation .selected {
color: #FFFFFF;
text-decoration: none;

}

#navigationt a:hover, #navigation .selected {
	color: #ffffff;
	font-size: 10pt;
	text-decoration: none;
	text-align:left;
}
.slideshow5 IMG {
}
.slideshow1 IMG {
}
#slideshow1 {
	WIDTH: 140px; HEIGHT: 140px
}
#slideshow9{
	BORDER-BOTTOM: #E9E9E9 1px solid; BORDER-LEFT: #E9E9E9 1px solid ; BORDER-TOP: #E9E9E9 1px solid; BORDER-RIGHT: #E9E9E9 1px solid;
}
.levo{
	BORDER-LEFT: #E9E9E9 1px solid; BORDER-TOP: #E9E9E9 1px solid;
}
.levoa{

}

.desno{
	BORDER-LEFT: #E9E9E9 1px solid; BORDER-RIGHT: #E9E9E9 1px solid; BORDER-TOP: #E9E9E9 1px solid;
}
.spodaj{
	BORDER-BOTTOM: #E9E9E9 1px solid; BORDER-LEFT: #E9E9E9 1px solid; BORDER-TOP: #E9E9E9 1px solid;
}
.spodajd{
	BORDER-BOTTOM: #E9E9E9 1px solid;
	BORDER-LEFT: #E9E9E9 1px solid;
	BORDER-TOP: #E9E9E9 1px solid;
	BORDER-RIGHT: #E9E9E9 1px solid;
	padding: 35px 10px 0px 0px;
	font-weight: bold;
	text-decoration: none;
	text-align:right;
	
}
.nobor{
	BORDER-BOTTOM: #8e0b71 0px solid;
	BORDER-LEFT:  #8e0b71 0px solid;
	BORDER-TOP: #8e0b71 0px solid;
	BORDER-RIGHT: #8e0b71 0px solid;
	
	
}
.123{

}
.spodajdd{
	background-color:#8E0B71;
	font-weight: 100;
	text-align:center;
	margin-left: 10px;}
.style1 {font-weight: bold; font-size: 9}
.style2 {font-weight: bold; font-size: 9; color: #8E0B71; }
.style3 {font-size:small}
.style4 {font-weight: bold; font-size: x-small; }
.nobor{
	BORDER-BOTTOM: #0e0c04 1px solid;
	BORDER-LEFT:  #0e0c04 1px solid;
	BORDER-TOP: #0e0c04 1px solid;
	BORDER-RIGHT: #0e0c04 1px solid;
	}
.style5 {font-size: smaller}	

#table
{
    border-color: #E9E9E9;
    border-width: 0 0 1px 1px;
    border-style: solid;
}

.td
{
    border-color: #600;
    border-style: solid;
    margin: 0;
}
body {
	background-color: #0e0c04;
	color: #E9E9E9;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.slideshow2 {
	WIDTH: 140px; HEIGHT: 140px
}
.slideshow2 IMG {
}
.slideshow3 {
	WIDTH: 140px; HEIGHT: 140px
}
.slideshow3 IMG {
}
<STYLE type=text/css>.slideshow4 {
	WIDTH: 140px; HEIGHT: 140px
}
.slideshow4 IMG {
}
.style1 {
color: #CCCCCC; 
font-size: 18px;
 }
.style4 {color: #999999; font-size: 20px; }
a:link {
	color: #E9E9E9;
	text-decoration: none;
}
a:visited {
	color: #E9E9E9;
		text-decoration: none;
}
a:hover {
	color: #E9E9E9;
		text-decoration: none;
}
a:active {
	color: #E9E9E9;
		text-decoration: none;
}

body,td,th {
	font-family: Arial;
}
.slideshow6 {
	WIDTH: 140px; HEIGHT: 140px
}
.slideshow6 IMG {
}
.slideshow7 {
	WIDTH: 140px; HEIGHT: 140px
}
.slideshow7 IMG {
}
.pikachoose{width:508px;margin:0 auto 50px 160px;}
/* This is the ul you have all your images in */
.pikachoose ul{;width:508px; height:500px; margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:1px solid #555;background:#777;padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('black.png') top left;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('fastf.png') top right no-repeat;}

