html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
background: url('back2.jpg');
background-repeat: repeat-x;
background-color: #080105;
	
	font-family:arial;
	font-size:small;
	color:#ccc;
}

h1 { 
	font:1.5em verdana; 
	margin:0.5em 0;
}

h2 {
	font:1.25em verdana; 
	margin: 1em 1em 1em;
}

#logo {
	margin-bottom: 0;
}

	h1, h2, a {
		color:#fff;
	}

p { 
	line-height:1.5; 

}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:545px;
	background:#1a1a1a;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#header {
	padding:0;

}
	div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}

div#content {
	padding:1.5em 2em 5em; /* bottom padding for footer */
}
	div#content  {
		text-align:justify;
		padding:1.5em 0em 0 1.5em;
	}

.osoite {
margin-top: 30px;
margin-left: 35px;
}

div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */

}
	div#footer p {
		padding:5em 5em 2em 5em;
		margin:0;
	text-align:right;
	}

div#valikko {
text-align: center;
padding: 30px 0 0 0;
}

.linkkia {
	padding: 0 10px 0 10px;
	border: 0;
	}

.linkkib {
	padding: 0 10px 2px 10px;
	border: 0;
	}

.linkkic {
	padding: 0 20px 0px 0px;
	border: 0;
	}


a.ylalinkki:link{font-size: 1.3em; color: #fff;  text-decoration:none; padding:0% 5%; z-index:1000; margin: 5px; }
a.ylalinkki:visited{font-size: 1.3em;color: #000; text-decoration:none; padding:0% 5%; z-index:1000; margin: 5px; }
a.ylalinkki:hover{font-size: 1.3em;color:white;background-color: #ccc; padding:0% 5%; z-index:1000; margin: 5px; }

.thumb {
border: 0;
margin: 0 17px 40px 17px; 

}

.thumb1 {
border: 0;
margin: 10px 0 10px 0;
}

#portfolio {
width: 100%;
text-align: left;
}

#netti_vasen {

width: 45%;
margin-left: 35px;
margin-bottom: 50px;
border: 1px solid white;
}

.netti {
float: left;
width: 40%;
text-align: center;
margin-left: 30px;
min-height: 275px;
_height: 275px;
}

#netti_oikea {
width: 45%;
margin-right: 15px;
margin-bottom: 50px;

}

#nettisivut {
width: 100%;
min-height: 1150px;
_height: 1150px;

}

#nettisivut p {
margin-top: 45px;
}

#nettisivut h2 {
margin-bottom: -25px;
margin-left: 35px;
}

#printti h2 {
margin-bottom: 40px;
}


#taitto {
width: 100%;
}

#taitto h2 {
margin-bottom: 40px;
margin-left: 35px;
}

#taitto p {
margin-top: 30px;
margin-left: 35px;
}

#taitto_kuvitus {
margin-left: 20px;
}

#taitto_kuvitus img {
margin-right: 5px;
}


#taitto_extra {
width: 435px;
height: 220px;
margin-left: 35px;
}

.thumb_extra1 {
float: left;
border: 0;
}

.thumb_extra2 {
float: right;
border: 0;
margin: 0 0 23px 0;
margin-top: -15px; 
}

#printti {
margin-left: 20px;
}

#printti img {
margin-right: 5px;
}