body {padding:0; margin:0; background: url(bg.jpg) repeat-x;}

#helhet {font-family:Arial, Helvetica, sans-serif; font-size: 12px; width: 900px;}

	#helhet .nav {font-family:Arial, Helvetica, sans-serif; font-size:16px; background-color:#343940; width:900px; height: 40px; padding-top: 20px; color: #fff; text-align: center; text-transform:uppercase;}
	#helhet .nav a {display:block; float:left; margin-left: 55px; color: #fff; text-decoration:none; text-align: center;}
	#helhet .nav a:hover {color:#7691b7; cursor:crosshair;}
#helhet .head {width:900px;}

#main {padding-top:20px; text-align:justify;}
	#main a {color: #343940; text-decoration:none;} 
	#main a:hover {color:#7691b7; text-decoration:underline; cursor:crosshair;}
#main .welcome {width: 35%; float:left; margin-right: 10px; padding: 5px; }
	#main .welcome h1 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #3a4b62;}
#main .projektit {width: 35%; float:left; margin-right: 10px; padding: 5px;}
	#main .projektit h1 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #3a4b62;}
#main .linkkiruletti {width: 20%; float:left; margin-right: 10px; padding: 5px;}
	#main .linkkiruletti h1 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #3a4b62;}

.small {font-size:9px;}

#copy {clear: both; padding-top: 10px; margin-top: 40px; text-transform:uppercase; font-size:9px; text-align:center; color:#bfbfbf;
		background-color: #343940; height: 40px; width:100%; font-family:Arial, Helvetica, sans-serif;}
		
#copy a {color: #ffffff; text-decoration:none;} #copy a:hover {color:#7691b7; text-decoration:underline; cursor:crosshair;}

#max {margin-top: 60px; margin-right: 10%; margin-left: 10%; padding: 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#max h2 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #3a4b62;}
#max {padding-top:20px; text-align:justify;}
	#max a {color: #343940; text-decoration:none;} 
	#max a:hover {color:#7691b7; text-decoration:underline; cursor:crosshair;}