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

body { 
    margin: 0px;
    padding: 0px; 
    font-family:Tahoma, Geneva, sans-serif;
    font-size: 13px;
    background:url(kuvat/bg.jpg) no-repeat #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 80px; }

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

img {border:0px;}

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

#wrapper {
    width: 100%;
    margin: 0 auto;
	text-align:center;
	z-index:-4;
}

#intro {
    padding-bottom: 10px;
}

h1{font-family: 'Quicksand', sans-serif; font-size:27px; font-weight:normal; color:#2e2e2e; margin-bottom:15px; margin-top:0px;}

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

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

.palaute{font-family:Tahoma, Geneva, sans-serif;}



#slider {
    width: 1400px;
    margin: 60px 0 0 0px;
    position: relative;
	z-index:3;
	display:block;
	height:600px !important;
}



#facebook
{
	width:73px;
	height:31px;
	margin-top:20px;
	margin-left:100px;
	float:left;
	z-index:3;
}

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

#postilista
{
	width:508px;
	height:24px;

	float:left;
	margin-left:10px;
	margin-top:20px;
	z-index:3;
	font-family:"Courier New", Courier, monospace;
}

.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
{
	float:left; margin:250px 0 0 0;
}



#vasennuoli
{

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

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

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



.scroll {
	text-align:left;
    height: 600px;
    width: 990px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    float:left;
	margin-top:10px;
	z-index:1;
	
}

.scrollContainer div.panel {
    padding: 20px;
    height: 600px;
    width: 950px;
	 

	z-index:0;
}
#infotekstit
{
	width:220px;
	height:500px;
	padding:20px 0 0 20px;
	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;
}

#slide1
{
	width:720px;
	height:420px;
	margin:50px 0px 25px 60px;
	float:left;
	color:#444;
}

#slide2
{
	width:720px;
	height:495px;
	margin:0px 0px 0px 60px;
	float:left;
	color:#444;letter-spacing:0.1em;}
}

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

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

#galleriaasemointi
{
	width:580px;
	margin:17px 0px 0px 78px;
	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 80px;
    padding: 0;
    z-index:1;
	font-size:14px;

}

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

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

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

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

ul.navigation a.selected {
    color:#d0003a;
}

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;}