@charset "iso-8859-5";
    

  * { margin: 0pt;
    padding: 0pt;
    }

  img { border: none;
    }

  html { margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    background-color: #24373E;
    background-repeat: repeat-x repeat-y;
    }

  body {
	background-color:#000000;
	margin: auto;
	width: 766px;
	height: 100%;
	text-align: center;
	}
	
  .shadow {
  box-shadow: 0px 0px 40px #030303;
  -moz-box-shadow: 0px 0px 40px #030303;
  -webkit-box-shadow: 0px 0px 40px #030303;
  }

  #header { width: 766px;
    background-repeat: no-repeat;
    text-align: left;
    background-image: url(images/palkki.jpg);
    background-position: center 50px;
    height: 250px;
    }
    
  #header_sounds { width: 766px;
    margin-top: 20px;
    background-repeat: no-repeat;
    text-align: left;
    background-image: url(images/palkki_sounds.jpg);
    background-position: center 0px;
    height: 76px;
    }

  .menu { padding: 20px 0pt 0pt 50px;
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    height: 50px;
    width: 716px;
    background-image: url(images/ylapalkki.jpg);
    }

  .menu li { margin: 0px;
    display: inline;
    }

  .menu_etusivu a { margin: 0px 5px 0px 0px;
    padding: 0px 0px 0px;
    background: transparent url(images/button/etusivu.jpg) no-repeat;
    width: 85px;
    height: 30px;
    float: left;
    }
	
  .menu_palvelu a { margin: 0px 5px 0px 0px;
    padding: 0px 0px 0px;
    background: transparent url(images/button/palvelu.jpg) no-repeat;
    width: 85px;
    height: 30px;
    float: left;
    }
	
  .menu_referenssi a { margin: 0px 5px 0px 0px;
    padding: 0px 0px 0px;
    background: transparent url(images/button/referenssi.jpg) no-repeat;
    width: 85px;
    height: 30px;
    float: left;
    }
	
  .menu_materiaali a { margin: 0px 5px 0px 0px;
    padding: 0px 0px 0px;
    background: transparent url(images/button/materiaali.jpg) no-repeat;
    width: 85px;
    height: 30px;
    float: left;
    }
	
  .menu_yhteys a { margin: 0px 5px 0px 0px;
    padding: 0px 0px 0px;
    background: transparent url(images/button/yhteys.jpg) no-repeat;
    width: 85px;
    height: 30px;
    float: left;
    }
	
  .menu_etusivu_v a { margin: 0px 5px 0px 0px;
    padding: 0px 0px 0px;
    background: transparent url(images/button/etusivu_v.jpg) no-repeat;
    width: 85px;
    height: 30px;
    float: left;
    }
	
  .menu_palvelu_v a { margin: 0px 5px 0px 0px;
    padding: 0px 0px 0px;
    background: transparent url(images/button/palvelu_v.jpg) no-repeat;
    width: 85px;
    height: 30px;
    float: left;
    }
	
  .menu_referenssi_v a { margin: 0px 5px 0px 0px;
    padding: 0px 0px 0px;
    background: transparent url(images/button/referenssi_v.jpg) no-repeat;
    width: 85px;
    height: 30px;
    float: left;
    }
	
  .menu_materiaali_v a { margin: 0px 5px 0px 0px;
    padding: 0px 0px 0px;
    background: transparent url(images/button/materiaali_v.jpg) no-repeat;
    width: 85px;
    height: 30px;
    float: left;
    }
	
  .menu_yhteys_v a { margin: 0px 5px 0px 0px;
    padding: 0px 0px 0px;
    background: transparent url(images/button/yhteys_v.jpg) no-repeat;
    width: 85px;
    height: 30px;
    float: left;
    }

  .menu a:hover {
    background-position: 0pt -30px;
    }

  .small_title { font-family: Tahoma, Arial;
    font-size: 12px;
    color: #666666;
    font-weight: bold;
    }
	
  .arrow { padding: 0pt 0pt 0pt 10px;
    background-position: 0px 4px;
    width: 150px;
    background-repeat: no-repeat;
    background-image: url(images/star.gif);
    }
	
  .arrow_ { padding: 0pt 0pt 0pt 10px;
    background-position: 0px 4px;
    width: 150px;
    background-repeat: no-repeat;
    background-image: url(images/star_.gif);
    }

  .column_linkit { 
    background-color:#000000;
	padding: 0pt 30px 0pt 35px;
    background-position: right top;
    background-repeat: repeat-y;
    width: 192px;
    text-align: left;
    height: 320px;
    float: left;
    background-image: url(images/dash.gif);
    }

  .linkit a { font-family: Tahoma, Arial;
    font-size: 11px;
    color: #666666;
    font-weight: bold;
    text-decoration: none;
    }
  
  .linkit a:hover {
    color: #999999;
    text-decoration: none;
    }

  #content {
  	background-color:#000000;
	margin: 10px 0pt 0px;
	padding: 20px 0pt 20px 13px;
	text-align: left;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #CCCCCC;
	height: 360px;
	}

  .column { 
  	background-color:#000000;
	padding: 0pt 30px 0pt 35px;
    background-position: right top;
    background-repeat: repeat-y;
    width: 192px;
    text-align: left;
    height: 320px;
    float: left;
    background-image: url(images/dash.gif);
    }

  .column img {
	margin: 20px 0px 15px 0px;
	float: none;
    }
  
  .column a {
    text-decoration:none;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #999999;
	}

  .column a:hover {
    text-decoration:underline;
	color: #CCCCCC;
	}
	
  .column2 a {
    text-decoration:none;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #999999;
	}

  .column2 a:hover {
    text-decoration:underline;
	color: #CCCCCC;
	}

  .harmaa {
    color: #999999;
	}

  .vaalee {
    color:#CCCCCC;
	}
  
 .takaisin { padding: 20px 0px 0pt 40px;
    width: 410px;
    text-align: center;
    float: left;
    }

  .takaisin a {
    text-decoration:none;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #666666;
	}

 .takaisin a:hover {
        color: #999999;
	} 

 .readmore a { font-size: 11px;
    color: #666666;
    font-weight: normal;
    text-decoration: underline;
    font-family: Tahoma, Arial;
    float: right;
    }
	
  .readmore a:hover {
    text-decoration:none
	}

  .column2 { 
  	background-color:#000000;
	padding: 0pt 0px 0pt 35px;
    width: 165px;
    text-align: left;
    float: left;
    }

  .column_reel { 
  	background-color:#000000;
	padding: 35px 0px 0pt 35px;
    width: 410px;
    text-align: center;
    float: left;
    }
    
  .column_reel a {
    text-decoration:none;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #999999;
	}

   .column_reel a:hover {
    text-decoration:underline;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #CCCCCC;
	}

  .column2 img {
	margin: 0px 0pt 10px;
	border-color: #CCCCCC;
    }
	
  #footer {
    background-color:#000000;
    display: block;
    width: 766px;
    background-image: url(images/alapalkki.jpg);
	}

  #footer div {
	background-color:#000000;
    margin: 0px 50px;
    padding: 5px 0px 0px 0px;
    text-align: left;
    font-family: Tahoma, Arial;
    font-size: 10px;
    color: #666666;
    bottom: auto;
    text-decoration: none;
    }

  .column_levee {padding: 0pt 0px 0pt 35px;
   	background-color:#000000;
    width: 460px;
    text-align: left;
    float: left;
    }

  .palaute {
    font-size:11px;
	font-family: Tahoma, Arial;
	background-color:#333333;
	color:#CCCCCC;
	}	
		
  .loppu {
    padding: 0px 0px 0px 0px;
	background-color:#0C171B;
	height: auto;
	width: 766px;
	}
	
.column_sounds {
 	background-image: url(images/tausta.jpg);
	background-color:#000000;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 30px 0px;
    text-align: center;
    font-family: Tahoma, Arial;
	font-size: 11px;
	color: #CCCCCC;
    float: center;
    }

  .column_sounds a {
    text-decoration:none;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #999999;
	}

   .column_sounds a:hover {
    text-decoration:underline;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #CCCCCC;
	}