body {

	background-image: url(../img/tausta.png);
	background-position: 100px 0;
	background-repeat: no-repeat;
	background-color: black;
	text-align: center;
	margin:0 auto; 
	padding: 0;
	
	}
	
img {

	border: 1px solid black;
	
	}
	
div {
	border: 0px;
}

div#container {

	width: 870px;
	height: 100%;
	margin: 0 auto;
	display: inline;
}

div#navi {
	width: 870px;
	height: 50px;
	float: left;
	position: absolute;
	left: 60px;
	top: 230px;
	z-index: 1;
	display: inline;
}

#navi p {
	font-family: verdana;
	font-size: 18px;
	font-weight: normal;
	padding-left: 0px;
	padding-right: 0px;
	letter-spacing: 3px;
	position: absolute;
	left: 40px;
	top: 0px;
	color: #ffffff;
    text-shadow: 2px 2px 2px #000;

}

#navi A:link {

    color: #ffffff;
    text-decoration: none;
}

#navi A:hover {

    color: #ffffff;
    text-decoration: none;
}

#navi A:visited {

    color: #ffffff;
    text-decoration: none;
}

div#container2 {

	background-image: url(../img/boksitausta.png);
	background-position: 0 0;
	background-repeat: repeat-y;
	width: 870px;
    margin: 0 auto;
    position: absolute;
    left: 20px;
    top: 268px;
    float: left;
    display: inline;
  filter: alpha(opacity=90);
  -moz-opacity: 0.90;
  opacity: 0.90;
  -khtml-opacity: 0.90;

}

div#boksi {

width: 150px;
float: left;
margin: 0 auto;
  filter: alpha(opacity=90);
  -moz-opacity: 0.90;
  opacity: 0.90;
  -khtml-opacity: 0.90;
  position: relative;
  z-index: 2;

}

#boksi H1 {
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 20px;
	line-height: 1.2;
	text-align: left;
	color: #000000;

}

#boksi p {
	
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	padding-left: 10px;
	padding-right: 20px;
	line-height: 1.2;
	text-align: left;
	color: #000000;
	
	}

#boksi A:link
    {
     color: black;
     font-weight: bold;
     text-decoration: none
    }

#boksi A:hover
    {
     color: black;
     font-weight: bold;
     text-decoration: none
    }

#boksi A:visited
    {
     color: black;
     font-weight: bold;
     text-decoration: none
    }

    
div#leipis {

width: 400px;
float: left;
margin: 0 auto;
  filter: alpha(opacity=90);
  -moz-opacity: 0.90;
  opacity: 0.90;
  -khtml-opacity: 0.90;
  position: relative;
  z-index: 2;
}

#leipis H1 {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 1.2;
	text-align: left;
	color: #000000;

}

#leipis p {
	
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 1.2;
	text-align: left;
	color: #000000;
}

#leipis A:link
    {
     color: black;
     font-weight: bold;
     text-decoration: none;
    }

#leipis A:hover
    {
     color: black;
     font-weight: bold;
     text-decoration: none;
    }

#leipis A:visited
    {
     color: black;
     font-weight: bold;
     text-decoration: none;
    }

img#leipis {

	border: 1px solid black;
	
	}

div#action {

width: 320px;
float: right;
margin: 0 auto;
  filter: alpha(opacity=90);
  -moz-opacity: 0.90;
  opacity: 0.90;
  -khtml-opacity: 0.90;
  position: relative;
  z-index: 2;
}

#action H1 {
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 20px;
	line-height: 1.2;
	text-align: left;
	color: #000000;

}

#action p {
	
	font-family: verdana;
	font-size: 9px;
	font-weight: normal;
	padding-left: 10px;
	padding-right: 20px;
	line-height: 1.2;
	text-align: left;
	color: #000000;
	
	}

#action A:link
    {
     color: black;
     font-weight: bold;
     text-decoration: none
    }

#action A:hover
    {
     color: black;
     font-weight: bold;
     text-decoration: none
    }

#action A:visited
    {
     color: black;
     font-weight: bold;
     text-decoration: none
    }
    
div#pohja {

width: 1000px;
height: 20px;
float: left;
margin: 0 auto;
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70;
  -khtml-opacity: 0.70;
  position: relative;
  z-index: 2;

}
table#disco
{
     border-width: 0px;
}

 td#disco
    {
     padding: 0px 0px 0px 0px;
    }

#disco img {
width: 150px;
height: 150px;
border: 1px solid black;
}

#disco p {
	
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.2;
	text-align: left;
	color: #000000;
}

table#keikat
{
     width: 400px;
     border-width: 0px;
}
td#keikat
    {
     padding: 0px 0px 0px 0px;
    }

#keikat p {
	
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.2;
	text-align: left;
	color: #000000;
}

li {

	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 1.2;
	text-align: left;
	color: #000000;

}

#lightbox{
	background-color: black;
	padding: 10px;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }


#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(../img/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/overlay.png", sizingMethod="scale");
	}