#slideshow {
width:1000px;
margin:0px auto;
padding:0px 0px 0px 0px;
background:url(images/img03.png) no-repeat left top;
}


#slideshow img {
/* kuvaesityksen kuvien koko */
height:550px;
width:1000px;
}

#foobar {
position:relative;
}

#foobar .navigation {
position: absolute;
display: block;
z-index: 100;
color: #ffffff;
bottom: 0px;
right: 0px;
margin: 10px;
padding: 10px;
background-color: #303030;
opacity: 0.8;
}

#foobar .navigation a {
color: #ffffff;
text-decoration: none;
outline: none;
}

#foobar .viewer {
width:1000px;
height:500px;
}

#foobar .viewer .reel .slide {
position: relative;
width:1000px;
height:500px;
}

#foobar .viewer .reel .slide span {
position: absolute;
display: block;
width:1000px;
height:15px;
opacity:0.75;
padding:15px;
background-color:#000000;
color:#eeeeee;
font-family:Arial;
top:0px;
left:0px;
font-size: 16px;
font-weight: normal;
}


#foobar .viewer-wrapper {
float: left;
width: 960px;
height: 336px;
background: red;
}

.nav {
width: 850px;
height: 50px;
padding: 0px 0px;
top:10px;
}

#col1 {
width: 107px;
float: left;
}

#col1 a {
outline: none;
display: block;
width: 77px;
height: 206px;
background: url(images/img05.jpg) no-repeat 30px 130px;
text-decoration: none;
}

#col2 {
float: left;
width: 733px;
}

#col3 a {
float: right;
outline: none;
width: 87px;
height: 206px;
background: url(images/img06.jpg) no-repeat 10px 130px;
text-decoration: none;
}