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


body, html { 
	background: #000 url(../kuvat/gfx/bg.jpg) repeat-x;
	margin:0; 
 	padding:0;
	color: #ffffff;
	font-family: verdana, sans-serif, arial;
	font-size: 10px;	
}

.Clear {
	clear: both;
}


.Hidden {
	display: none;	
}


hr {
	border-top:1px dotted #666;	
	padding-bottom:15px;
}

#left_main a img {
	border: 2px solid #fff;
	background-color:#000;
	opacity:0.8;
}

#left_main a img:hover{
	opacity:1;
}


#container {
	width: 820px;
	margin: 0 auto 0 auto ;
}

#header{ 
	 height:112px; 
	 width:820px;  
 	margin: 0px; 
 	float: left;
} 

#content {
	width: 820px;
	float: left;
        padding-bottom:20px;
	margin:0;
}

#whitebox {
	width: 820px;
	height:410px;
        padding:0px;
	background-color:#fff; 
}

#left{
	width: 347px;
	float: left;
}

#right{
	width: 423px;
	float: left;
}

#left_main{
	width: 430px;
	float: left;
}

.margins_left{
	padding:30px 40px 0 0;
}


#right_main{
	width: 390px;
	float: left;
}

.margins_right{
	padding:30px 0 0 0;
}


#photo_main {
	width:820px;
	height:420px;
	margin:0;
	background-color:#fff; 
	 
}


#left001{
	width: 185px;
	float: left;
	margin-right:15px;
	clear: both;
}

#right001{
	width: 185px;
	float: left;
}



a:link, a:visited {
	color: #ffffff;
	text-decoration: none;
}

a:hover, a:active {
	color: #ffffff;
	text-decoration:underline;
}

p.tekstit_footer {
	line-height:16px;
	margin:0px;
	padding:15px 0 0 0;
	color: #888;
}

p.tekstit {
	line-height:18px;
	margin:0px;
	padding:15px 0 20px 0;
}

p.text_main12 {
	line-height:22px;
	margin:0px;
	padding-bottom:20px;
	font-size: 12px;
}

p.text_main {
	line-height:18px;
	margin:0px;
	padding-bottom:15px;
	font-size: 10px;
}





.tittle {
	
	padding-bottom: 15px;
	

	
}

.yhteystekstit {
	
	padding-top: 230px;

	
}




.blacktext {
	padding-top: 25px;
	color:#000000;
	font-size:11px;	
	text-align:justify;
}


.space {
	padding-top: 30px;
	
}

.spacetop {
	padding-top: 15px;
	
}

#photo {
	margin:0;
        padding-bottom:50px;
	
}


#photo p {
	margin-top:5px;
}


.photoborder {
	background-color:#fff; 
	border: 10px solid #fff;
	height:400px;
	width:800px;
	margin:0;
	padding:0;
	

}

strong {
	color:#78e306;	
}


.green {
	color:#78e306;
	
	
}



.copy {
	padding-top: 12px;
	margin:0;
	color:#222;
}

p.tekstit_footer2 {
	line-height:16px;
	margin:0px;
	padding:15px 0 0 0;
	color: #444;
}


#logo {
	padding-top: 41px;
	float: left;

}

#footer {
	width: 100%;	
	background: #222 url(../kuvat/gfx/footer_bg.jpg) repeat-x;
	float: left;
	height: 100px;	
	text-align:left;	
}

#footer_container {
	width: 820px;
	margin: 0 auto 0 auto ;
}


#footer_left{
	width:410px;	 
	float:left;
	text-align:left;
		
}

#footer_right {
	width:410px;	 
	float:right;
	text-align:right;
			
}	

#floatright {
	
	float:right;
	
			
}	




a.footer_navi {
	border-right:1px solid #333;
	display:block;
	padding:0 10px 0 10px;
	float:left;
	color:#888;
	text-decoration: none;			
}

a:hover.footer_navi {
	border-right:1px solid #333;
	display:block;
	padding:0 10px 0 10px;
	float:left;
	color:#fff;
					
}


a.footer_edge{
	
	display:block;
	padding:0 0 0 10px;
	float:left;
	color:#888;
	text-decoration: none;			
}

a:hover.footer_edge {
	display:block;
	padding:0 0 0 10px;
	float:left;
	color:#fff;				
}


#tooltip {
    padding: 0;
    background: #cad7e0;
    border: 1px solid #b2bdc3;
    background: transparent url(../kuvat/gfx/shit.jpg) no-repeat;
    text-indent:-999px;
    width:100px;
height:30px;
}

.examples div {
    float: left;
    margin: 0 20px 20px 0;
    background: #ccc;
    padding: 30px;	
    
}


#navi {
	padding-top: 41px;
	float: right;
}


#Navigation {
	list-style: none;
	margin: 0;
	padding: 0;
}
	
	#Navigation li {
		list-style: none;
		float: left;
		margin: 0 0 0 0;	
	}
		#Navigation li a {
			display: block;
			height: 44px;
			background-repeat: no-repeat;
			outline: none;
		}
			#Navigation li a span {
				display: none;
			}
		#Navigation li a:hover, #Navigation li a.Selected {
			background-position: left bottom;
			outline: none;	
		}
		
		#Navigation li.websivut a { background-image: url(../kuvat/navi/websivut.png); width: 96px; }
		#Navigation li.printit a { background-image: url(../kuvat/navi/printit.png); width: 72px; }
		#Navigation li.kuvitukset a { background-image: url(../kuvat/navi/kuvitukset.png); width: 113px; }
		#Navigation li.muut a { background-image: url(../kuvat/navi/muut.png); width: 60px; }
		#Navigation li.yhteystiedot a { background-image: url(../kuvat/navi/yhteystiedot.png); width: 128px; }




#ruletti{overflow:hidden;margin:0;width:800px;padding:10px 0 0 10px;}
#ruletti .carousel {margin:0;border:0;zoom:1;}
#ruletti .js{overflow:hidden;zoom:1;}
#ruletti .js .carousel-wrap{display:inline-block;vertical-align:middle;width:800px;margin:0;}
.IE #ruletti .js .carousel-wrap{display:inline;}

#ruletti .carousel ul{margin:0;padding:0;zoom:1;}
#ruletti .js ul li{overflow:hidden;display:inline;float:left;width:800px;height:400px;text-align:center;}
#ruletti .carousel ul li{position:relative;width:800px;margin:0;}