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

body {
	background-color:#2b2b2b;
	font-family: "Times New Roman", Times, serif;
	margin-top:0;
	color: #999;
}
	
a:link    { color: #a4a4a4; background: transparent; }
a:visited { color: #a4a4a4; background: transparent; }
a:link:hover, a:visited:hover
          { color: #d9d9d9; background: transparent; }
a:active  { color: #a4a4a4; background: transparent; }


div#vasen {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400;
	color:#a4a4a4;
	width:245;
	height:350;
	margin-left:40;
	margin-top:20;
	float:left}
	
div#oikea {
	width:330;
	height:375;
	margin-left:295;
	margin-top:15;
	background-image:url(../pictures/talvi.jpg);
	background-repeat:no-repeat;}
	
div#oikeahuolto {
	width:330;
	height:375;
	margin-left:295;
	margin-top:0;
	background-image:url(../pictures/huolto.jpg);
	background-repeat:no-repeat;}
	
div#oikeayhteys {
	width:330;
	height:375;
	margin-left:295;
	margin-top:0;
	background-image:url(../pictures/yhteys.gif);
	background-repeat:no-repeat;}
	




/* The containing box for the gallery. */
#container {
    position:relative;
    width:650px;
    height:396px;
    margin:20px auto 0 auto;
    border:none;
    }
	
/* Removing the list bullets and indentation */
#container ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }

/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    }


	/* Adding the thumbnail images */ 
	#container a.gallery, #container a.gallery:visited { 
	    display:block; 
	    color:#000; 
	    text-decoration:none; 
	    border:1px solid #000; 
	    margin:1px 2px 1px 2px; 
	    text-align:left; 
	    cursor:default; 
	    } 
	#container a.slidea { 
	    background:url(../pictures/custom/thumb/1_t.jpg); 
	    height:60px; 
	    width:80px; 
	    } 
	#container a.slideb { 
	    background:url(../pictures/custom/thumb/2_t.jpg); 
	    height:60px; 
	    width:80px;
	    } 
	#container a.slidec { 
	    background:url(../pictures/custom/thumb/bull_t.jpg); 
       height:60px; 
	    width:80px;
	    } 
	#container a.slided { 
	    background:url(../pictures/custom/thumb/bull2_t.jpg); 
	    height:60px; 
	    width:80px;
	    } 
	
	#container a.slidee { 
	    background:url(../pictures/custom/thumb/bull3_t.jpg); 
	    height:60px; 
	    width:80px;
	    } 
	#container a.slidef { 
	    background:url(../pictures/custom/thumb/dual2_t.jpg); 
	    height:60px; 
	    width:80px; 
	    } 
	
	#container a.slideg { 
	    background:url(../pictures/custom/thumb/dual_t.jpg); 
	    height:60px; 
	    width:80px;
	    } 
	#container a.slideh { 
	    background:url(../pictures/custom/thumb/dynasivu_t.jpg); 
	    height:60px; 
	    width:80px;
	    } 
	#container a.slidei { 
	    background:url(../pictures/custom/thumb/frog1_t.jpg); 
	    height:60px; 
	    width:80px;
	    } 
	#container a.slidej { 
	    background:url(../pictures/custom/thumb/frog2_t.jpg); 
	    height:60px; 
	    width:80px;
	    } 
	#container a.slidek { 
	    background:url(../pictures/custom/thumb/frog3_t.jpg); 
	    height:60px; 
	    width:80px; 
	    } 
 
	#container a.slidel { 
	    background:url(../pictures/custom/thumb/kolaritankki_t.jpg); 
	    height:60px; 
	    width:80px;
	    } 
		
	#container a.slidem { 
	    background:url(../pictures/custom/thumb/kypara1_t.jpg); 
	    height:60px; 
	    width:80px;
	    } 
		
		#container a.sliden { 
	    background:url(../pictures/custom/thumb/puna_t.jpg); 
	    height:60px; 
	    width:80px;
	    } 
		
		#container a.slideo { 
	    background:url(../pictures/custom/thumb/skele1_t.jpg); 
	   height:60px; 
	    width:80px; 
	    } 
		
		#container a.slidep { 
	    background:url(../pictures/custom/thumb/skele2_t.jpg); 
	    height:60px; 
	    width:80px;
	    } 
		
		#container a.slideq { 
	    background:url(../pictures/custom/thumb/taka1_t.jpg); 
	   height:60px; 
	    width:80px;
	    }
		
		#container a.slider { 
	    background:url(../pictures/museo/thumb/1_t.jpg); 
	   height:60px; 
	    width:80px;
	    }
		
		#container a.slides { 
	    background:url(../pictures/museo/thumb/2_t.jpg); 
	   height:60px; 
	    width:80px;
	    }
		
		#container a.slidet { 
	    background:url(../pictures/museo/thumb/3_t.jpg); 
	   height:60px; 
	    width:80px;
	    }
		
		#container a.slideu { 
	    background:url(../pictures/museo/thumb/luuranko1_t.jpg); 
	   height:60px; 
	    width:80px;
	    }
		
		
		
		#container a.slidex { 
	    background:url(../pictures/museo/thumb/wla2_t.jpg); 
	   height:60px; 
	    width:80px;
	    }
		
		#container a.slidey { 
	    background:url(../pictures/museo/thumb/wla3_t.jpg); 
	   height:60px; 
	    width:80px;
	    }
		
		
		
		
	
/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:275px;
    height:300px;
    }
#container li {
    float:left;
	
    }
	
/* move the thumbnails into the correct position */
#container ul {
    margin:5px;
    float:right;
	
    }
	
/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #fff;
    }
/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute;
    width:330px;
    height:372px;
    top:10px;
    left:10px;
    color:#000;
    background:#000000;
    }
#container {
    background:#000000 url(../pictures/custom/back.jpg) 10px 10px no-repeat;
    }

html {
     overflow: -moz-scrollbars-vertical;
}