@charset "UTF-8";
/* CSS Document */

body { 
    margin: 0px;
    padding: 0px; 
    font-family:"Courier New", Courier, monospace;
    font-size: 11px;
    background-color:#000;
	overflow:hidden;
}

#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:hidden; z-index:2;} 
#logo {width:100px; height:41px; margin:30px auto 0 50px; }

#tausta
{
	
	height:900px; 
	
	z-index:-2;
}

#head {background:url(kuvat/footer.png); height:30px; width:1300px !important; }
#head-txt {margin-left:80px; color:#fff; padding-top:4px;}

.keskitys{margin-left:auto; margin-right:auto;}

#wrapper {
   
    
	text-align:center;
	z-index:-4;
}

#intro {
    padding-bottom: 10px;
}

h1{font:27px 'StMarieThin', Arial, sans-serif; color:#444; margin-bottom:25px; font-weight:normal;}

h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slide1
{
	width:700px;
	height:420px;
	margin:50px 0px 25px 40px;
	float:left;
}

#slide2
{
	width:700px;
	height:495px;
	margin:0px 0px 0px 60px;
	float:left;
}

.yhteys
{font-weight:bold; font-size:12px;}

.palaute{font-family:"Courier New", Courier, monospace;}

#slider {
 	
    margin-top: 60px;
    position: relative;
	z-index:3;
}

#aalto
{
	margin-left:170px;
	margin-top:80px;
}
	



.kentta { 
 background:url(kuvat/postilista.png) no-repeat;
 height:23px;
 border:0px;
 width:277px;
 padding-left:20px;
 font-family:"Courier New", Courier, monospace;
 }
 
 .btn{
	 background:url(kuvat/laheta.png) no-repeat;
	 width:30px;
	 height:15px;
	 border:0px;
 }
 
#menu
{
	color:#000; float:left; margin-top:300px;
}

#menu a:link, #menu a:visited, #menu a:hover
{
	color:#000;  
}

#vasennuoli
{

width:40px;
height:19px;
position:absolute;
margin-top:210px;
margin-left:-0px;
}

#oikeanuoli
{
width:40px;
height:19px;
margin-top:210px;
margin-left:30px;
float:left;
}

#paperi
{
	background:url(kuvat/middle.png);
	
	height: 505px;
    width: 1300px; 
	z-index:2;
}

#kappale {width:450px;}



.scroll {
	text-align:left;
    height: 490px;
    width: 850px !important;
    overflow: auto;
    overflow-x: hidden;
   
    float:left;
	margin-top:10px;
	z-index:1;
	
}

.scrollContainer div.panel {
    padding: 20px;
    height: 470px;
    width: 850px !important;
	 

	z-index:0;
}
#infotekstit
{
	width:0px;
	height:500px;
	
	font-family:"Courier New", Courier, monospace;
	font-size:15px;
	float:right;
	position:relative;
}

#infotekstit-alt
{
	width:220px;
	height:550px;
	margin-top:-20px;
	padding:0px 0 0 20px;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	float:right;
	
	position:relative;
}

#infotekstit-elias
{
	width:220px;
	height:550px;
	margin-top:20px;
	padding:0px 0 0 20px;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	float:right;
	
	position:relative;
}



#uutisteksti
{ 
	margin-top:18px;
	font-size:12px;
	color:#fff;
}

#uutisteksti a:link
{ 

	font-size:12px;
	color:#fff;
	text-decoration:none;
}

#uutisteksti a:hover
{ 

	font-size:12px;
	color:#fff;
	text-decoration:underline;
}

#uutisteksti a:visited
{ 

	font-size:12px;
	color:#fff;
	text-decoration:none;
}


#sisaltotekstit
{
	width:500px;
	padding:30px 30px 30px 90px;
}

#ajankohtaista
{
	background-image:url(kuvat/ajankohtaista.png) ;
	background-repeat:no-repeat;
	width:621px;
	height:174px;
	position:absolute;
	margin-top:-140px;
	margin-left:300px;
	z-index:-1;
}

#etusivukuva
{
	width:auto;
	margin:0px 0px 0px 10px;
	float:left;
}

#etusivukuva-yhteys
{
	width:auto;
	margin:30px 0px 45px 10px;
	float:left;
}

#etusivukuva-elias
{
	width:auto;
	margin:-10px 0px 0px 10px;
	float:left;
}

#galleriaasemointi
{
	width:auto;
	margin:17px 0px 0px 10px;
	float:left;
}


#shade 
{
    height: 50px;
}

a.etuklik
{
	background:url(kuvat/etusivulle.png) no-repeat 0 0;
width:101px;
height:20px;
display:block;
float:left;
}

a.etuklik:hover
{
	background:url(kuvat/etusivulle_alt.png) no-repeat;
	width:101px;
	height:79px;
	margin-top:-60px;
	float:left;
}

a.etuklik.selected
{
	background:url(kuvat/etusivulle_alt.png) no-repeat;
	width:101px;
	height:79px;
	margin-top:-60px;
	float:left;
}




/*#etusivu
{
	background:url(kuvat/etusivulle.png) no-repeat;
	width:101px;
	height:20px;
	float:left;
}

#etusivu:hover
{
	background:url(kuvat/etusivulle_alt.png) no-repeat;
	width:101px;
	height:79px;
	margin-top:-60px;
	float:left;
}
*/


a.tuoteklik
{
	background:url(kuvat/tuotteet.png) no-repeat 0 0;
	width:97px;
	height: 20px;
	float:left;
	display:block;
}

a.tuoteklik:hover
{
	background:url(kuvat/tuotteet-alt.png) no-repeat;
	width:97px;
	height: 80px;
	margin-top:-60px;
	float:left;
}

a.tuoteklik.selected
{
	background:url(kuvat/tuotteet-alt.png) no-repeat;
	width:97px;
	height: 80px;
	margin-top:-60px;
	float:left;
}





/*#tuotteet
{
	background:url(kuvat/tuotteet.png) no-repeat;
	width:97px;
	height: 20px;
	float:left;
}

#tuotteet:hover
{
	background:url(kuvat/tuotteet-alt.png) no-repeat;
	width:97px;
	height: 80px;
	margin-top:-60px;
	float:left;
}
*/

a.eliasklik
{
	background:url(kuvat/elias.png) no-repeat;
	width: 117px;
	height: 20px;
	float:left;
	margin-left:11px;
}

a.eliasklik:hover
{
	background:url(kuvat/elias-alt.png) no-repeat;
	width: 117px;
	height: 80px;
	margin-top:-60px;
	float:left;
}

a.eliasklik.selected
{
	background:url(kuvat/elias-alt.png) no-repeat;
	width: 117px;
	height: 80px;
	margin-top:-60px;
	float:left;
}

a.galleriaklik
{
	background:url(kuvat/galleria.png) no-repeat;
	width: 87px;
	height: 20px;
	float:left;
	margin-left:11px;
}

a.galleriaklik:hover
{
	background:url(kuvat/galleria-alt.png) no-repeat;
	width: 87px;
	height: 80px;
	margin-top:-60px;
	float:left;
}

a.galleriaklik.selected
{
	background:url(kuvat/galleria-alt.png) no-repeat;
	width: 87px;
	height: 80px;
	margin-top:-60px;
	float:left;
}

a.yhteysklik
{
	background:url(kuvat/yhteys.png) no-repeat;
	width: 121px;
	height: 20px;
	float:left;
	margin-left:11px;
}

a.yhteysklik:hover
{
	background:url(kuvat/yhteys-alt.png) no-repeat;
	width: 121px;
	height: 80px;
	margin-top:-60px;
	float:left;
}

a.yhteysklik.selected
{
	background:url(kuvat/yhteys-alt.png) no-repeat;
	width: 121px;
	height: 80px;
	margin-top:-60px;
	float:left;
}

a.valilinkki
{
	color:#b04d2e;
	text-decoration:underline;
	font-weight:bold;
}


.navigation {
    list-style: none;
    margin: 0 0 0 20px;
    padding: 0;
    z-index:1;
	font-size:14px;

}

ul.navigation li {
    display: block;
    margin-right: 5px;
	text-align:left;
}

ul.navigation  a {
   
    color: #fff;
    text-decoration: none;
}

ul.navigation a:hover {
    color:#E90;
}

ul.navigation a:active {
    color:#E90;
}

ul.navigation a.selected {
    background-color:transparent;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    
}

.scrollButtons.right {
   
}

.hide {
    display: none;
}


/* GALLERIA SCRIPTI */
 
  select, input, textarea {
    font-size: 1em;
  }
  
 
  h3 {
    margin-top: 1.2em;
    margin-bottom: 0;
    padding: 0;
  }
  .example {
    border: 1px solid #CCC;
    background: #f2f2f2;
    padding: 10px;
  }
  ul {
    list-style-image:url(list-style.gif);
  }
  pre {
    font-family: "Lucida Console", "Courier New", Verdana;
    border: 1px solid #CCC;
    
    padding: 10px;
  }
  code {
    font-family: "Lucida Console", "Courier New", Verdana;
    margin: 0;
    padding: 0;
  }

  #gallery {
    padding:0;
    
  }
  #descriptions {
    position: relative;
    height: 50px;
    background: #EEE;
    margin-top: 10px;
    width: 550px;
    padding: 10px;
    overflow: hidden;
  }
    #descriptions .ad-image-description {
      position: absolute;
    }
      #descriptions .ad-image-description .ad-description-title {
        display: block;
      }
	  
.butn{background:url(kuvat/send.png) no-repeat; border:0px; width:80px; height:30px;}
.butn2{background:url(kuvat/reset.png) no-repeat; border:0px; width:78px; height:30px;}