* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
}
body {
background: url(tausta.png) repeat-x;
}
#koko { 
 margin: 0 auto;
 width: 900px;
 position: relative;
}
#yla {
 width: 900px;
 color: #333;
 height: 400px;
 margin: 0px 0px 0px 0px;
 background: url(keskipalkki.jpg);
}
#yla #tekstia { 
 width: 380px;
 padding-top: 60px;
}
#yla #tekstia p { 
 color: #FFFFFF;
 font-size: 13px;
 text-align: center;
 padding-top: 40px;
 padding-left:20px;
}

#teksti { 
 width: 858px;
 color: #333;
 background: url(keskitausta1.png);
 margin: 0px 0px 0px 46px;
 margin-top:-65px;
 height: 500px;
}

#tekstii #vasen {
    width: 450px;
    float: left;
    padding-top:35px;
    padding-left: 38px;
    text-align: left;
    }
    
#tekstii #vasen1 {
    width: 350px;
    float: left;
    padding-top: 35px;
    padding-left: 30px;
    text-align: left;
    }
    
#tekstii #keski {
    width: 270px;
    float: left;
    padding-top: 75px;
    padding-left: 0px;
    text-align: right;
    }
    
#tekstii #oikea {
    width: 200px;
    float: right;
    padding-top: 40px;
    padding-right: 55px;
    text-align: center;
    }



#alapalkki {
 position:relative;
 width: 100%;
 clear:both;
 background: url(alatausta.png) repeat-x;
 height: 150px;
}


#alapalkki p { 
 color: #FFFFFF;
 font-size: 13px;
 text-align: center;
 padding-top: 10px;
}

#alapalkki a { 
 color: #FFFFFF;
 font-size: 13px;
}


#navi {
 position: absolute;
 top: 16px;
 left: 67px;
 width: 890px;
}

#navi li {
 float: left;
 background: url(valipalkki.png) no-repeat;
 list-style: none;
 padding-left: 33px;
 padding-right: 30px;
 line-height: 1.1;
}


#navi a {
 color: #000000;
 font-size: 25px;
 font-weight: bold;
 text-decoration: none;
  }
 
 #navi li a:hover{color:#7f92be;
 }
 
ul{list-style-type:none;}

nav  {
	display: block;
	overflow: hidden;
        position: absolute;
 top: 9px;
 left: 220px;
 width: 600px;

}

nav ul {
	margin: 0px 0 20px 0;
	padding: .7em;
	float: left;
	list-style: none;
	background: #444;
	background: rgba(0,0,0,.2);
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;    
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset; 
}

nav li {
	float:left;
}

nav a {
	float:left;
	padding: .8em 1.5em;
	text-decoration: none;
	color: #555;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	font: bold 1.1em/1 'trebuchet MS', Arial, Helvetica;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-width: 1px;
	border-style: solid;
	border-color: #fff #ccc #999 #eee;
	background: #c1c1c1;
	background: -moz-linear-gradient(#f5f5f5, #c1c1c1);
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c1c1c1));
	background: -webkit-linear-gradient(#f5f5f5, #c1c1c1);
	background: -o-linear-gradient(#f5f5f5, #c1c1c1);
	background: -ms-linear-gradient(#f5f5f5, #c1c1c1);
	background: linear-gradient(#f5f5f5, #c1c1c1);            
 }
 
nav a:hover, nav a:focus {
	outline: 0;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
	background: #fac754;
	background: -moz-linear-gradient(#233097, #1670b4);
	background: -webkit-gradient(linear, left top, left bottom, from(#233097), to(#1670b4));
	background: -webkit-linear-gradient(#233097, #1670b4);
	background: -o-linear-gradient(#233097, #1670b4);
	background: -ms-linear-gradient(#233097, #1670b4);
	background: linear-gradient(#233097, #1670b4);
}

nav a:active {
	-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
}
 
nav li:first-child a {
	border-left: 0;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;            
}

nav li:last-child a {
	border-right: 0;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;            
}




#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

#galleria{border: 1px #ccc solid;width: 400px;margin: 40px auto;text-align: center;}
#galleria img{margin: 20px;border: 2px #004694 solid;}
#galleria p{color: #004694;}
#galleria div.pn{padding: 10px;margin: 0 5px;border-top: 1px #ccc solid;}
#galleria a{color:#333;}
#galleria a:hover{color:#cc0000;}
#galleria a.sp{padding-right: 40px;}