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

body {
   background:black url(../images/tausta.gif) repeat-x;
   margin:0px;
   padding:0px;
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   color:white;
}

.hidden {
   visibility:hidden;	
}

.valelinkki {
   color:#076907;
	cursor:pointer;
}

h1,
h2,
h3,
h4 {
   margin:0px;
   padding:0px;
   color:#024b02;
}

h1 {
   font-size:20px;	
}

h2 {
   font-size:16px;	
}

p {
   color:#999;	
   font-size:13px;
}

label {
   color:#999;	
   font-size:12px;
   display:inline-block;
   width:100px;
   text-align:right;
}

input[type=text] {
   font-size:12px;
   color:#999;
   padding:0px 15px 0px 15px;
   background:url(../images/input_text.gif);
   width:154px;
   height:18px;
   border:0px;
}

input[type=submit],
input[type=button] {
   color:#FFF;
   font-size:14px;
   background:url(../images/input_button.gif);
   margin:5px 0px 0px 0px;
   width:108px;
   height:31px;
   border:0px;
}

a {
   color:#076907;
   text-decoration:none;
}

a:active {
   border:none;	
}

.clr,
.clear{
   clear:both;	
}

a img{
   border:0px;	
}

#wrapper {
   background:url(../images/wrapper.png) bottom left no-repeat;
   padding:0px;
   width:1000px;
   min-height:1050px;
   margin:0px auto 0px auto;
}

#top {
   background:url(../images/top.png) no-repeat;
   padding:0px 80px 0px 80px;
   min-height:300px;
}

#logo {
   margin:20px 0px 0px 0px;
   width:392px;
   height:96px;
   float:left;
}

#links {
   float:right;
   padding:90px 0px 0px 0px;
   margin:0px 0px 0px 0px;
}

   #links p {
	  font-size:11px;
	  color:#999;
   }
   
   #links a:link,
   #links a:active,
   #links a:visited {
	  color:#999;
	  text-decoration:none;
   }
   
   #links a:hover {
	  color:#CCC;
	  text-decoration:none;  
   }

#navig {
   margin:0px 40px 10px 40px; 
   padding:10px 10px 10px 20px;
   background:url(../images/navig.png) no-repeat;	
   width:730px;
   height:256px;
}

   #navigvasen { 
      float:left;
	  width:330px;
      height:256px;
   }
   
   #naviglinkit {
	  margin:20px 0px 0px 25px;
	  width:275px;
	  height:100px;
   }
   
      #naviglinkit a:link,
      #naviglinkit a:active,
      #naviglinkit a:visited {
	     text-align:center;
	     padding:8px 8px 8px 8px;
	     margin:0px 0px 10px 10px;
        width:110px;
	     height:24px;
	     background:url(../images/naviglink.png) no-repeat;
	     display:block;
	     float:left;
	     border:0px;
      }
   
      #naviglinkit a:hover {
	     text-align:center;
	     padding:8px 8px 8px 8px;
	     margin:0px 0px 10px 10px;
        width:110px;
	     height:24px;
	     background:url(../images/naviglink_hover.png) no-repeat;
	     display:block;
	     float:left;	   
      }
   
   #navigoikea {
	  float:left;
	  width:375px;
	  height:241px;
	  padding:10px 0px 0px 21px;
   }

#content {
   padding:0px 120px 210px 120px;
   height:387px;
}

   #content_left {
      background:url(../images/content_left.png) no-repeat;
	  width:475px;
	  float:left;
	  height:337px;
	  margin:0px 10px 0px 0px;
	  padding:10px 20px 10px 20px;
	  overflow:hidden;
   }
   
      .jarjestaja {
		 width:90px;
		 margin:10px;
		 vertical-align:middle;
	  }
   
   #content_right {
	  background:url(../images/content_right.png) no-repeat;
	  text-align:center;
	  width:215px;
	  float:right;
	  height:337px;
	  padding:20px 10px 20px 10px;
	  overflow:hidden;
   }
   
      #content_right .juliste {
		border:3px solid white;  
	  }
	  
	  #content_right ul {
		margin:0px;
		padding:0px;
	  }
   
      #content_right .pvm {
		 font-size:24px;
		 color:#999;
		 margin:8px 0px 0px 0px;
		 padding:0px;
	  }

   #content_tays {
	  padding:20px 10px 20px 10px;
	  width:737px;
	  height:317px;
	  background:url(../images/content_tays.png) no-repeat;
	  /*overflow:hidden;*/
   }
   
      .paluu {
		 float:right;
		 font-size:13px;
	  }
	  
	  #galleriat {
		  position:relative;
		  height:200px;
	  }
	  
	  #galleria {
		  position:relative;
		  height:300px;
	  }
	  
	   #images {
		   width:680px;
			height:180px;
			overflow:hidden;
			margin:0px auto;
			position:relative;
		}
		
        #images_kuvat {
		    width:680px;
			height:250px;
			overflow:hidden;
			margin:0px auto;
			position:relative;
		}		
		
		#nextSlide {
			position:absolute;
			right:20px;
			bottom:0px;
		}
		
		#prevSlide {
			position:absolute;
			left:20px;
			bottom:0px; 	
		}
		
		.showcase {
		   position:relative;
		}
   
      .showcase_cont {
		 width:170px;
		 height:250px;
		 text-align:center;
		 float:left;
		 font-size:14px;
	  }
	  
	  .showcase_cont a {
		 display:block;  
	  }
	  
	  .showcase_cont a:hover {
		 color:#CCC;  
	  }
	  
	  img.galleria {
		 height:100px;
		 border:5px solid #999;
		 border-bottom:16px solid #999;
	  }
	  
	  img.galleria:hover {
		 border:5px solid #FFF;
		 border-bottom:16px solid #FFF; 
	  }
	  
	  #kuvat_hallinta_uusi {
		 float:left;  
	  }
	  
	  #kuvat_hallinta_vanha {
		 float:right;
	  }
	  
	  #galleria_hallinta {
		 margin:0px 0px 0px 40px;
		 padding:0px;
		 color:#999;

	  }
	  
	  #galleria_hallinta a {
		 color:#999;  
	  }
	  
	  #galleria_hallinta a.valelinkki {
		 cursor:pointer;
		 color:#C16056;
	  }

#bottom {
   text-align:right;
   padding:20px 5px 5px 0px;
}

   #bottom p {
	  font-size:12px;
	  color:#076907;
	  margin:0px;
	  padding:0px;
	  vertical-align:middle;
   }
   
   #bottom p img {
	  position:relative;
	  top:7px;   
   }