html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

/*a{
	color: black;
	text-decoration: none;
	font-family:Arial,Sans;
	font-size:12px;
	line-height:18px;
	}*/
h3{
	font-family:Verdana,Arial;
	font-size:18px;
	
}
h4{
	font-family:Verdana;
	font-size:11px;
	color:white;
	font-style:normal;
	text-decoration:none;
	line-height:22px;
	text-align:left;
	text-transform: uppercase; 
}
h5{
	font-family:Impact,Arial,sans;
	font-size:20px;
	color:#6a6a6a;
	font-style:normal;
	display:table-cell;
	line-height:22px;
	}
h6{
	font-family:Georgia,Arial,sans;
	font-size:20px;
	color:#515151;
	font-style:normal;
	display:table-cell;
	}
/* -- start basic_page -- */
.impact{
	font-family:'Lucida Sans Unicode','Verdana';
	font-size:21px;
	display:inline;
	font-weight:bold;
	text-transform: uppercase; 
}

body{

	position:absolute;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	background: #c5f301;
	padding:0px;
	top:0px;
	width:100%;
	height:100%;

	}
	
.sininen{
	color:#533d9c;
}
.vihree{
	color:#b5ff00;
}
.oranssi{
	color:#ff6d38;
}
.pinkki{
	list-style:disc;
	color:#ff1493;
}
.liila{
	color:#7649ab;
}
.harmaa{
	color:#bebab0;
}
.harm_back{	
	background-color:#2c2c2c;
	}
.musta{	
	color:#000;
	}
	
	
.padi{
	padding-top:24px;
	
}
.r_padi{
	padding-right:10px;
}
.b_padi{
	padding-bottom:20px;
}
big_l_padi{
	padding-right:40px;
}
.l_padi{
	padding-left:14px;
}
.float_r{
	float:right;
}
.inlin{
	display:block;
	width:400px;
}
.inlines{
	display:inline;
	}
.underi{
	background:url(images/viiva_h.png) no-repeat left bottom;
	height:20px;
	width:140px;
}

#pagewrap{
	
	position:relative;
	top:0px;
	height:100%;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	background: #c5f301;
}
#page{

	margin-top:0px;
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
}
/* -- end basic_page --*/	


/* -- start top_header -- */
#header{
	background:url(images/ruutu.png);
	position:relative;
	background-color:#000;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	top:0px;
	height:100px;
	width:100%;
	border-bottom:solid black 22px;
	z-index:0;
}
#logo{
	background: url('images/logo_a.png') no-repeat center bottom;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding:0px 0px 22px 0px;
	height:100px;
	width:100%;
	z-index:0;
}
/* -- end top_header --*/

#page_cont{
	position:absolute;
	background:#fff;
	top:122px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	left:0px;
	z-index:0;
	}

#page_cont_gal{
	position:relative;
	top:0px;
	width:100%;
	height:80%;
	margin-left:auto;
	margin-right:auto;
	left:0px;
	z-index:1000;
	}

#menu{
	width:100%;
}

#page_img{
	background: url(images/vasen_bg.jpg) no-repeat left top;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:297px;
	z-index:-1;
	}
	
#page_img2{
	background: url(images/oikea_bg.jpg) no-repeat right top;
	position:absolute;
	top:0px;
	right:0px;
	width:100%;
	height:297px;
	z-index:-1;
	}

#main_cont_wrap{
	/*background: url(images/kehys3.png) #fff no-repeat center top;*/
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:10%;
	width:100%;
	height:730px;
	z-index: -1;

	}
#main_cont{
	/*background: url(images/kehys3.png) #fff no-repeat center top;*/
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:94px;
	left:-20px;
	width:800px;
	height:329px;
	z-index:0;
	}
#main_cont_ind{
	/*background: url(images/kehys3.png) #fff no-repeat center top;*/
	position:relative;
	margin-left:auto;
	margin-right:auto;
	left:-20px;
	top:-30px;
	width:800px;
	height:329px;
	z-index:0;
	}
#main_cont_gall{
	/*background: url(images/kehys3.png) #fff no-repeat center top;*/
	position:relative;
	
	margin-left:auto;
	margin-right:auto;
	top:25%;
	width:800px;
	height:329px;
	z-index:5000;
	}

#page_img4{
	background: url(images/tervetuloa.jpg) no-repeat center;
	position:relative;
	top:116px;
	left:-40px;
	margin-left:auto;
	margin-right:auto;
	width:480px;
	height:60px;
	z-index:0;
	}

#page_img_holder{

	position:absolute;
	top:16px;
	right:19px;
	float:right;
	width:445px;
	height:309px;
	z-index:100;
	}


#page_img_holder img{

	position:relative;
	margin-left:auto;
	margin-right:auto;
	float:left;
	z-index:100;
	}
	
#page_img_holder a{

	position:absolute;
	margin-left:0;
	margin-right:0;
	text-decoration:none;
	left:-278px;
	bottom:0px;
	color:#000;
	z-index:140;
	}	
#page_img_holder2{
	background:url(images/gal_link.png) no-repeat 248px 0; 
	position:absolute;
	padding-left:10px;
	bottom:18px;
	left:97px;
	height:30px;
	width:270px;
	z-index:200;
	font-family:Verdana,Arial;
	font-size:12px;
	color:#000;
	}	

#page_img_holder2 a{
	font-family:Verdana,Arial;
	font-size:12px;
	color:#000;
	}		

/* -- end main_pics-- */

/* -- start main_content -- */
#page_header{
	background: url(images/viiva_h.png) no-repeat -0px 62px;
	position:absolute;
	padding-left:10px;
	padding-bottom:3px;	
	padding-top:30px;
	top:3px;
	left:100px;
	height:279px;
	width:180px;
	z-index:190;
	/*border-right:dotted #515151 2px;*/
	}
	
#page_text{
	position:absolute;
	left:105px;
	top:100px;
	width:180px;
	border-right:dotted #515151 0px;
	z-index:100;
	}
#page_text a{
	font-family:Arial;
	font-size:12px;
	line-height:16px;
	}

#page_text div a{
	padding-left:7px;
	font-family:Arial;
	font-size:12px;
	font-style:normal;
	line-height:24px;
	}

#page_text li{
	list-style:disc;
	color:#4fa3c7;
}
#page_text_yht{
	position:absolute;
	left:75px;
	top:106px;
	width:180px;
	border-right:dotted #515151 0px;
	z-index:0;
	}
	
#page_text_yht a{
	padding-left:7px;
	font-family:Arial;
	font-size:16px;
	font-style:normal;
	line-height:24px;
	}	


#footer{
	position:absolute;
	width:100%;
	margin:auto;
	top:742px;
	height:70px; 
	/*opacity:0.7;*/
/*	background:url(images/ruoho2.png) repeat-x; #c4ff00;*/
	z-index:0;
}
#footer_gal{
	position:absolute;
	width:100%;
	margin:auto;
	top:734px;
	height:24px; 
	/*opacity:0.7;*/
/*	background:url(images/ruoho2.png) repeat-x 0px 30px;*/
	background:url(images/palvelemme-03.png) #000 no-repeat bottom left;
	z-index:100;
}




#footer_text{
	position:relative;
	top:0px;
	display:table-cell;

	border-bottom:solid 28px #c4ff00 ;
	background:#000;
	height:28px;
	margin:0;
	width: 100%;
	float:left;
	color:#000;
	z-index:-120;
}

#footer_text_gal{
	position:relative;
	bottom:-24px;
	display:inline;
	text-align:center;
	background-color:#000;
	height:150px;
	width: 100%;
	float:left;
	color:#000;
	z-index:-110;
	background:url(images/foot.png);
}

#footer_text h4{
top:0px;
	display:inline;
}
#menu_wrap{
	position:absolute;
	top:20px;
	height:20px;
	width:100%;
	z-index:100;
	}
ul.dropdown {
    position:relative;
    list-style:none;
	margin-left:auto;
	margin-right:auto;
	top:0px;
	height:16px;
	line-height:20px;
	right:0%;
	width:500px;
	text-align:center;
	font-family:Verdana,Arial;
	z-index:110;
	color:#000;
	text-transform: uppercase; 
}

ul.dropdown li{
	position:relative;
	display:inline;
	text-decoration:none;
	padding:0 20px 0 20px;
    font-weight: normal;
    font-size:14px;
    color:#000;
    	
 
}

ul.dropdown li a{
	  text-decoration:none;
	   font-size:17px;
	   color:#000;
	   
	   z-index:100;
	   	
}

ul.dropdown ul{
	position:absolute;
	left:0px;

	top:10px;
	list-style-type:none;
	width:155px;
	height:190px;
    line-height:24px;
    font-size:12px;
    font-family:Verdana,Arial;
 	border-bottom:inset #515151 2px;
}
ul.dropdown ul li{
	position:relative;
	display:block;
	padding:3px 0px 0px 25px;
    border-left:solid #EEEEEE 1px;
    color:#000;
 
}
ul.dropdown ul li a{
	 font-size:17px;
	   font-family:Orator STD;
	    color:#000;
	}

ul.dropdown ul li:first-child{
	position:relative;
	padding:12px 0px 0px 25px;
}

ul.dropdown ul li:last-child{

	padding:0px 0px 17px 25px;
}

ul.dropdown li:hover > ul{
    visibility: visible;
    display:inline;
    z-index:-1;
     color:#000;

}

.sub_menu{
	position:relative;
	top:5px; 
	left:0px;
	background:white;
  	visibility:hidden;
  	-moz-padding-start:0px;
  	z-index:-1;
  	color:black;
	  
}


ul.dropdown li a:hover{
    font-weight:normal;
 /*   color:#81a700;*/
/*color:#c4ff00;*/
     border-bottom:solid #ddff46 4px;
         z-index:170;
}
ul.dropdown li a:active{
    font-weight:normal;
 /*   color:#81a700;*/
/*color:#c4ff00;*/
     border-bottom:solid #ddff46 4px;
         z-index:170;
}


ul.dropdown li:hover ul li a{
    font-weight:normal;
/*color:#c4ff00;*/
     border-bottom:solid #ddff46 0px;
         z-index:12;
}

ul.dropdown li ul li:hover a{
    border-bottom:solid #ddff46 4px;
    color:#000;
      z-index:12;
}








#main_cont_gall ul.dropdown {
    position:relative;
    list-style:none;
	margin-left:auto;
	margin-right:auto;
	top:-5px;
	left:4px;
	opacity:0.95;
	height:20px;
	width:500px;
	z-index:3;
	background:#fff;
	color:#fff;
	
}

#main_cont_gall ul.dropdown li{
	position:relative;
	display:inline;
	bottom:0px;
	margin:auto;
	text-decoration:none;
	padding:0 20px 0 20px;
    font-weight: normal;
    font-size:14px;
    color:#fff;
 
}

#main_cont_gall ul.dropdown li a{
	  text-decoration:none;
	   font-size:14px;
	   font-family:Orator Std,Verdana;
	   color:#000;
}











#main_cont_gall ul.dropdown li:hover a{
    font-weight:normal;
 /*   color:#81a700;*/
/*color:#c4ff00;*/
     color:#87c654;
         z-index:12;
         border:none;
}

#main_cont_gall ul.dropdown li:hover ul li a{
    font-weight:normal;
    border:none;
         z-index:12;
}

#main_cont_gall ul.dropdown li ul li:hover a{
    color:#000;
    border:none;
      z-index:12;
}



.images{
	background:url(images/gal_taus.png) no-repeat center; 
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	margin-bottom:auto;

	width:634px;
	height:333px;
	/*border:outset #515151 1px;*/
	z-index:5000;
}

#gall{
	background-color:#888;
	position:relative;
	display:inline;
	bottom:-10px;
	width:100%;
	left:0px;
	height:50px;
	margin-left:auto;
        fontweight:bold;
	margin-right:auto;
	padding-left:0px;
	border:solid black 0px;
	z-index:100;
}
#gall .dropdown{
	background-color:#888;
}



#viher_s{
	background:url(images/ruukkukukka.png) no-repeat; 
	position:absolute;
	float:left;
	left:103px;
	width:400px;
	height:100px;
	bottom:16px;
	z-index:1000;
}
#kurssit{
	width:200px;
}
#page_text div a {
    font-size: 17px;
    letter-spacing: 0px;
}