body {
background:url(../img/keski-yla.jpg) top repeat-x;
margin:0 0 20px 60px;
}
.vasen { 
background:url(../img/vasen-yla.jpg) no-repeat; 
width:286px;
height:426px; 
position:absolute; 
position:absolute; 
top:0; 
bottom:auto; 
left:0; 
right:auto;
z-index:0;
}
.oikea { 
background:url(../img/oikea-yla.jpg) no-repeat; 
width:269px;
height:430px; 
position:absolute; 
top:0; 
bottom:auto; 
left:auto; 
right:0;
z-index:0;
}
#header {
background:url(../img/header.jpg) no-repeat;
width:554px;
height:280px;
position:relative;
z-index:2;
margin:0 0 20px 0;
}
#header h1, #header h2, #header h3 {
display:none;
}
#content {
position:relative;
z-index:5;
}
.project .image img {
display:none;
}
.project .image {
float:left;
width:600px;
height:400px;
border:1px solid #ffffff;
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background-position:center center;
}
.project .info {
float:left;
margin:0 0 20px 20px;
font-family: Georgia, serif;
font-size: 17px;
font-style: italic;
font-weight: normal;
letter-spacing: normal;
line-height: 1.4em;
color:#777777;
width:220px;
}
.project .info strong {
text-transform: uppercase;
font-style:normal;
font-size: 12px;
color:#333333;
background:#dddddd;
padding:3px;
width:220px;
display:block;
}
.project .info .logos {
margin:10px 0 0 0;
}
.project {
overflow:auto;
margin:0 0 60px 0;
width:850px;
}
.past {
text-indent:-9999px;
overflow:hidden;
background:url(../img/past.jpg) no-repeat;
width:484px;
height:84px;
position:relative;
margin:0 0 10px 0;
}
#note p {
display:none;
}
#note {
background:url(../img/note.png) no-repeat; 
width:179px;
height:150px; 
position:absolute; 
z-index:7;
top:90px;
left:575px;
}
a, a:link, a:visited {
text-decoration:none;
color:#4288b4;
}
a:hover {
color:#555555;
text-decoration:underline;
}