body{
background-color:#ffffff; /*Jos taustakuvaa ei nŠy, pukkaa tŠtŠ vŠriŠ */
font-family:Times New Roman,Times,serif; /* Sivun fontti */
font-size:16px; /*Sivun tekstin koko pixeleinŠ */
margin:0px;
padding:0px;
}
img { border: none; }

iframe {
	position:absolute;
	top:110px;
	left:20px;
	width:470px;
	height:710px;
	border:0px solid black;
	scrolling:auto;
}

#pohja {
	background: url(img/sirkustausta.png) no-repeat;
	width: 1200px;
	height: 900px;
	z-index:3;
	position:relative;
	top: 10px;
	left: 50%;
	margin-left: -600px;
}

#content {
	position:absolute;
	top:0px;
	left:600px;
	width:600px;
	height:900px;
	border:0px solid black;
	z-index:4;
}

#kuvalaatikko {
	position:absolute;
	top:105px;
	left:0px;
	width:500px;
	height:730px;
	border:0px solid black;
	z-index:5;
}
	
#alaosa {
	position:absolute;
	top:900px;
	left:0px;
	width:1200px;
	height:40px;
	border:0px solid black;
	z-index:-1;
}

#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	border:0px solid black;
	width: 600px;
	height: 900px;
	/*background: url(img/sirkusaikamoinen.png) no-repeat;*/
	position: relative;
	z-index:3;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: left bottom;
}
#menu a:hover span{
	display: block;
}
#menu ul {
	position relative;
	top: 0px;
	left: 0px;
	z-index:200;
}
#menu .koti {
	width: 250px;
	height: 117px;
	background: url(img/ajankohtaista.png) no-repeat;
	left: 303px;
	top: 160px;
}
#menu .news {
	width: 147px;
	height: 109px;
	background: url(img/news.png) no-repeat;
	left: 363px;
	top: 160px;
}

#menu .aikamoiset {
	width: 240px;
	height: 101px;
	background: url(img/aikamoiset.png) no-repeat;
	left: 328px;
	top: 250px;
}
#menu .members {
	width: 217px;
	height: 98px;
	background: url(img/members.png) no-repeat;
	left: 318px;
	top: 250px;
}
#menu .esitykset {
	width: 170px;
	height: 111px;
	background: url(img/esitykset.png) no-repeat;
	left: 352px;
	top: 325px;
}
#menu .shows {
	width: 168px;
	height: 114px;
	background: url(img/shows.png) no-repeat;
	left: 362px;
	top: 330px;
}
#menu .taustaa {
	width: 168px;
	height: 101px;
	background: url(img/taustaa.png) no-repeat;
	left: 322px;
	top: 420px;
}
#menu .about {
	width: 177px;
	height: 111px;
	background: url(img/about.png) no-repeat;
	left: 314px;
	top: 422px;
}
#menu .cv {
	width: 88px;
	height: 43px;
	background: url(img/cv.png) no-repeat;
	left: 460px;
	top: 500px;
}
#menu .engcv {
	width: 88px;
	height: 43px;
	background: url(img/cv.png) no-repeat;
	left: 500px;
	top: 520px;
}
#menu .galleria {
	width: 165px;
	height: 115px;
	background: url(img/galleria.png) no-repeat;
	left: 300px;
	top: 530px;
}
#menu .gallery {
	width: 151px;
	height: 99px;
	background: url(img/gallery.png) no-repeat;
	left: 320px;
	top: 530px;
}
#menu .linkit {
	width: 169px;
	height: 114px;
	background: url(img/linkit.png) no-repeat;
	left: 330px;
	top: 590px;
}
#menu .links {
	width: 88px;
	height: 118px;
	background: url(img/links.png) no-repeat;
	left: 370px;
	top: 610px;
}
#menu .press {
	width: 137px;
	height: 108px;
	background: url(img/press.png) no-repeat;
	left: 290px;
	top: 680px;
}
#menu .engpress {
	width: 137px;
	height: 108px;
	background: url(img/press.png) no-repeat;
	left: 280px;
	top: 700px;
}
#menu .fin {
	width: 64px;
	height: 35px;
	background: url(img/fin.png) no-repeat;
	left: 470px;
	top: 730px;
}
#menu .eng {
	width: 65px;
	height: 34px;
	background: url(img/eng.png) no-repeat;
	left: 475px;
	top: 780px;
}
#menu2 {
	list-style: none;
	padding: 0;
	margin: 0;
	border:0px solid black;
	width: 470px;
	height: 710px;
	/*background: url(img/sirkusaikamoinen.png) no-repeat;*/
	position: relative;
	z-index:200;
}
#menu2 span {
	display: none;
	position: absolute;
}
#menu2 a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu2 a:hover {
	background-position: left bottom;
}
#menu2 a:hover span{
	display: block;
}
#menu2 ul {
	position relative;
	top: 0px;
	left: 0px;
	z-index:200;
}
#menu2 .skaala {
	width: 197px;
	height: 123px;
	background: url(img/skaala.png) no-repeat;
	left: 150px;
	top: 170px;
}
#menu2 .engskaala {
	width: 197px;
	height: 123px;
	background: url(img/skaala.png) no-repeat;
	left: 150px;
	top: 170px;
}
#menu2 .soolot {
	width: 189px;
	height: 141px;
	background: url(img/soolot.png) no-repeat;
	left: 160px;
	top: 320px;
}
#menu2 .solos {
	width: 123px;
	height: 118px;
	background: url(img/solos.png) no-repeat;
	left: 190px;
	top: 320px;
}
#menu2 .uusishow {
	width: 297px;
	height: 129px;
	background: url(img/uusishow.png) no-repeat;
	left: 100px;
	top: 490px;
}
#menu2 .newshow {
	width: 240px;
	height: 132px;
	background: url(img/newshow.png) no-repeat;
	left: 130px;
	top: 490px;
}
#menu2 .kuvia {
	width: 187px;
	height: 123px;
	background: url(img/kuvia.png) no-repeat;
	left: 150px;
	top: 170px;
}
#menu2 .photos {
	width: 189px;
	height: 155px;
	background: url(img/photos.png) no-repeat;
	left: 150px;
	top: 200px;
}
#menu2 .videot {
	width: 248px;
	height: 94px;
	background: url(img/videot.png) no-repeat;
	left: 140px;
	top: 320px;
}
#menu2 .videos {
	width: 187px;
	height: 128px;
	background: url(img/videos.png) no-repeat;
	left: 150px;
	top: 400px;
}
#menu2 .lehti {
	width: 244px;
	height: 109px;
	background: url(img/lehti.png) no-repeat;
	left: 130px;
	top: 490px;
}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid black;
margin: 7px 10px 10px 0px;
}

.thumbnail2 img{
border: 1px solid black;
margin: 7px 10px 10px 0px;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail2:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid black;
}

.thumbnail2:hover img{
border: 1px solid black;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#ffc6ef;
padding: 5px;
left: 0px;
border: 0px black;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color:#ffc6ef;
padding: 5px;
left: 0px;
border: 0px black;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0px;
left: 250px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0px;
left: 300px; /*position where enlarged image should offset horizontally */
z-index: 50;
}