html {font-family: arial; }
#note{position:absolute; background-image: url(./postit.png); background-repeat:no-repeat; background-position:bottom center; left:10px; top:10px; width:150px; height:150px; z-index:1; }
#note p{font-size: 0.9em; font-family: "Lucida Handwriting", san-serif; margin: 1em; margin-left: 2em; margin-top: 3em;}
#note a{text-decoration: none;}
#links{position:absolute; background-image: url(./postit-blue.png); background-repeat:no-repeat; background-position:bottom center; left:10px; top:170px; width:150px; height:150px; z-index:1; }
#links p{font-size: 0.9em; font-family: "Lucida Handwriting", san-serif; margin: 1em; margin-left: 2em; margin-top: 3em;}
#links a{text-decoration: none;}
#clients{background: #000; color: #fff; position: absolute; top: 10px; right: 10px; border: 1px dashed; margin: 1px; padding: 1px;}
#clients p{margin:1px; padding:1px;}
#clients a {color:#fff; text-decoration: none;} 
#header{text-align: center;}
#header h1{font-size: 1.6em; font-weight: bold;}
#menu{text-align: center; margin-right: auto; margin-left: auto; width: 32em;}
#menu li{float: left; list-style-type: none; }
#menu li a{margin: 0.3em; width: 4.8em; text-align: center; background: #665e5b;display: block; color: #fff; text-decoration: none;}
#menu li a:hover{color: #fff; background: #783f45; }
#content{width: 26em; margin-left: auto; margin-right: auto; margin-top: 2em; clear: left;}
#content li{font-size: 0.8em; list-style-type: none;}
#content p {font-size: 0.8em; text-align: justify; padding-top: 2px; margin-top: 2px;}
#content h3{padding-bottom: 2px; margin-bottom: 2px;}
#content h4{padding-bottom: 0; margin-bottom: 0;}
div.profile{clear: left;}
.profile ul{list-style-type: none; width: 15em; float: left; margin-top: 0.2em;} 
.profile li{margin: 0.2em;}
.image{float: left; clear: left;}
.bold{font-weight: bold; }