body
{	background-color:#000;
    background-image:url(images/background2.png);
	background-repeat:no-repeat;
	width: 100%;
	margin: 0;
	padding: 0;
}

#header
{
	background-image:url(images/header.jpg);
    height: 167px;
	margin-top: 50px;
    background-repeat:no-repeat;
	border-bottom: 1px solid gray;
}

#wrapper
{
	margin: 0 auto;
	text-align:left;
    width: 1024px;
    
}

#text
{
	background-color:#333333;
    width: 1024px;
    height:550px;
	
}
#aukioloajat
{
margin-right:10px;
margin-top:10px;
font-family:Arial;
font-size: 10px;
color:white;
}

#kirjoitusalue
{
	float:left;
	font-family: Arial;
	font-size: 15px;
	color:	White;
	width: 430px;
	margin-top: 50px;
	margin-left: 50px;
	
	}
#kirjoitusalue_etu
{
	float: left;
	font-family: Arial;
	font-size: 15px;
	color:	White;
	width: 800px;
	margin-top: 10px;
	margin-left: 125px;
	
	}
#topmenu ul
{
width:100%;
padding:0;
margin:0;
list-style-type:none;
background-image:url(images/topbar.png);
height:25px;

}

#topmenu a.front
{
height:25px;
float:left;
width:120px;
background-image:url(images/front_normal2.png);

}
#topmenu a:hover.front
{
height:25px;
background-image:url(images/front_hover2.png)
}


#topmenu a.yla
{
height:25px;
float:left;
width:120px;
background-image:url(images/yla_normal.png);

}
#topmenu a:hover.yla
{
height:25px;
background-image:url(images/yla_hover.png);
}

#topmenu a.ala
{
height:25px;
float:left;
width:120px;
background-image:url(images/ala_normal.png);

}
#topmenu a:hover.ala
{
height:25px;
background-image:url(images/ala_hover.png);
}
#topmenu a.bands
{
height:25px;
float:left;
width:120px;
background-image:url(images/band_normal.png);

}
#topmenu a:hover.bands
{
height:25px;
background-image:url(images/band_hover1.png);
}
#topmenu a.contact
{
height:25px;
float:left;
width:120px;
background-image:url(images/contact_normal.png);

}
#topmenu a:hover.contact
{
height:25px;
background-image:url(images/contact_hover.png);
}



#topmenu li
{display:inline;}
		
.gallerycontainer{
position: relative;
float: right;
margin-right:5px;
width: 145px;
}

.thumbnail img{
border: 1px solid black;
margin-top: 5px;
}

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

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

.thumbnail span{ /*CSS for enlarged image*/

position: absolute;
background-color: grey;
padding: 5px;
top: 450px;
left: -670px;
width: 500px;
height: 375px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 10px;
right: 300px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
	
#PA
{font-size:10px;
	}