/* body */
html { height: 100%; }

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

/* rakenne */
#header {
position:relative;
width:900px;
height:140px;
margin: 30px auto;
background: url(header.gif) no-repeat top left;
}

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

#index #content {
width:900px;
height:600px;
}

#cv #content {
width:900px;
height:auto;
overflow: visible;
}

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

/* menu */

#header a, #content a { position: absolute; display:block; }
a#back { width:70px; height:70px; top:0; left:865px; background: url(menu_back.gif) 0 0 no-repeat; }
a#back:hover { background-position: 0 -70px;}

a#cv { width:69px; height:29px; top:32px; left:781px; background: url(menu_cv.gif) 0 0 no-repeat; }
a#cv:hover { background-position: 0 -29px;}

a#contact { width:152px; height:33px; top:71px; left:730px; background: url(menu_contact.gif) 0 0 no-repeat; }
a#contact:hover { background-position: 0 -33px;}

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

a#illu { top:0px; left:450px; background: url(illu.jpg) 0 0 no-repeat; }
a#illu:hover { background-position: -208px 0;}

a#textile { top:0px; left:690px; background: url(textile.jpg) 0 0 no-repeat; }
a#textile:hover { background-position: -208px 0;}

a#clothing { top:267px; left:450px; background: url(clothing.jpg) 0 0 no-repeat; }
a#clothing:hover { background-position: -208px 0;}

a#design { top:267px; left:690px; background: url(design.jpg) 0 0 no-repeat; }
a#design:hover { background-position: -208px 0;}

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

/* leipis */
p { 
font:normal normal normal 10pt/14pt Helvetica, Arial, sans;
text-align:left; 
margin:0 20px 1em 0; 
padding:0;
}


/* otsikot */
h1 { 
text-align:left;  
margin:0 0 1em 0; 
font:normal normal bold 16pt/16pt Helvetica, Arial, sans; 
}

h2 { 
text-align:left; 
margin:2em 0 1em 0; 
font:normal normal bold 12pt/16pt Helvetica, Arial, sans;
}

h3 { 
font:normal normal bold 10pt/14pt Helvetica, Arial, sans;
text-align:left; 
margin:0; 
padding:0;
}

/* kuvat */
img { display:inline; }
#content img { display:inline; margin: 0 20px 0 0 ;}
#illustration #content img { display:inline; margin: 0 ;}


/* unsorted list */
ul {
font:normal normal normal 8pt/14pt Verdana, Tahoma, sans; 
color:#6ae;
list-style:none;
text-align:left;
margin:0;
padding:0;
}