/* body */
html { height: 100%; }
* {
padding: 0;
margin: 0;
}

body {text-wrap:none;
background:#fff;
width:100%;
height:100%; 
text-align:center;
color:#000;
margin:0;
padding:0;
}

/* rakenne */

#header {
position:relative;
width:auto;
height:200px;
margin: 10px 0 0 20px;
padding:1 px;
}

#content {
position:relative;
width:auto;
height:auto;      
margin: 0 auto;
text-align:center;
overflow: auto; 
}

#footer {
position:relative;
bottom: 0;
width:955px;
height:70px;
margin 0;
padding: 0;
clear: all;
text-align:center;
overflow: visible; 
background: url(copy_pieni.png) no-repeat top center; 
}

#picture #content {
width:955px;
height:365px;
}



#content table{ height:365px; margin: 0; display:inline;}
#illustration #content table{ margin: 0; }

/* menu */

#header a, #content a { position: absolute; display:block;}
a#back { width:400px; height:120px; left:0px; background: url(kirsitapani.png) 0 0 no-repeat; }

a#illu { width:200px; height:52px; top:40px; left:550px; background: url(illustrations.png) 0 0 no-repeat;}
a#one{ width:50px; height:52px; top:40px; left:750px; background: url(1.gif) 0 0 no-repeat;}
a#two { width:50px; height:52px; top:35px; left:780px; background: url(2.gif) 0 0 no-repeat;}
a#three { width:50px; height:52px; top:40px; left:815px; background: url(3.gif) 0 0 no-repeat;}
a#four{ width:50px; height:52px; top:30px; left:850px; background: url(4.gif) 0 0 no-repeat;}
a#five { width:50px; height:52px; top:50px; left:880px; background: url(5.gif) 0 0 no-repeat;}

a#paint { width:160px; height:45px; top:85px; left:600px; background: url(paintings.png) 0 0 no-repeat;}

/*a#links { width:100px; height:25px; top:180px; left:600px; background: url(links.png) 0 0 no-repeat;}*/

a#about { width:78px; height:40px; top:120px; left:600px; background: url(about.png) 0 0 no-repeat;}

a#contact { width:120px; height:30px; top:150px; left:600px; background: url(contact.png) 0 0 no-repeat;}

a#new {width:200px; height:200px; left:350px; background: url(new.gif) 0 0 no-repeat;}

#content a { width:208px; height:240px; border:solid 1px #000;}

a#top { color:#000; position:relative; font:normal normal normal 10pt/14pt Helvetica, Arial, sans; display:inline; border:0;}
a:link { text-decoration:none; 
	 color: black;}
a:visited { text-decoration:none;
	    color: black; }
a:hover {text-decoration:none; font-weight:bold;
	   color: black; }
a:active {  text-decoration:none; font-weight:bold;
	   color: black;}
a:focus {  text-decoration:none; font-weight:bold;
	   color: black;}

/* leipis */
p { 
font:normal normal normal 10pt/12pt Helvetica, Arial, sans;
text-align:center;
line-height:50%; 
}

/* kuvat */
img { display:inline; }
#content img { clear:all; display:inline; margin: 0; border:0;}