html {
height:100%; 
max-height:100%;  
padding:0; 
margin:0; 
border:0; 
font-size:76%; 
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
background:#fff url(images/face2.jpg) -18px 0 no-repeat; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}
#content {display:block; height:100%; max-height:100%; overflow:auto; padding-left:200px; position:relative; z-index:3;}
#head {position:fixed; margin:0; top:0; right:18px; display:block; width:100%; height:100px; background:url(images/topface.jpg) #ddd; font-size:5em; z-index:5; color:#fff;}
#foot {position:fixed; margin:0; bottom:-1px; right:18px; display:block; width:100%; height:50px; background:rgb(231,208,164); color:#fff; text-align:right; font-size:1em; z-index:4;}

#left {position:fixed; left:0; top:0; height:100%; width:200px; background:url(images/sideface.jpg) #aaa; background-position:0 100px;; font-size:1em; color:#fff;z-index:4;}

* html #head, * html #foot,* html #left {position:absolute;}

#pad1 {display:block; width:18px; height:100px; float:left;}
#pad3 {display:block; width:18px; height:50px; float:left;}
.pad2 {display:block; height:100px;}

#content p {padding:5px;}

.bold {font-size:1.2em; font-weight:bold;}

#imageleft   {float:left;  top:100px;  left:150px; width:40%; background:#fff; border:1px solid #000; margin:10px; padding:10px;}
#imageright {float:right; top:100px; right:150px; width:40%; background:#fff; border:1px solid #000; margin:10px; padding:10px;}
#imagecenter {float:none; top:100px; left:150px; width:80%; background:#fff; border:1px solid #000; margin:10px; padding:10px;}
#smallimageleft   {float:left;  top:100px;  left:150px; width:20%; background:#fff; border:1px solid #000; margin:10px; padding:10px;}
#smallimageright {float:right; top:100px; right:150px; width:20%; background:#fff; border:1px solid #000; margin:10px; padding:10px;}
#wordsabsolute {position:absolute; top:280px; left:400px; background:#eee; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00;}
#wordsrelative {position:relative; top:10px; left:30px; background:#ddd; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00; width:200px;}

a.nav, a.nav:visited {display:block; width:100px; height:25px; text-decoration:none; color:#fff; font-weight:bold; line-height:25px;}
a.nav:hover {color:#fc0;}

a.mail, a.mail:visited {display:block; text-decoration:none; color:#00f; font-weight:bold; }
a.mail:hover {color:#fc0;}

a.imageclick, a.imageclick:visited {display:block; text-decoration:none; color:#000; font-weight:bold; }
a.imageclick:hover {color:#fc0;}