html{ margin: 0;padding: 0;background: #000 url(http://code.danalog.nl/dmk/c/img/bg.gif); }
body{ margin: 0;padding: 30px 0;background: url(http://code.danalog.nl/dmk/c/img/bar.gif) 0px 280px repeat-x;color: #666; }
.hide{ display: none; }
.tiles{ width: 960px;height: 219px;margin: 0 auto;padding: 0;list-style: none;overflow: hidden; }
.tiles li{ width: 219px;height: 219px;margin: 0 10px;float: left;display: inline;background: url(http://code.danalog.nl/dmk/c/img/tile.png); }
.tiles a{ display: block; }
.tiles img{ display: block;border: none; }
#about-above{ width: 960px;margin: 0 auto;height: 30px;line-height: 30px;text-align: center;font-family: arial; }
#about-above h1{ display: inline;font-size: 13px;margin: 0 .4em 0 0;padding: 0;font-weight: normal; }
#about-above h3{ display: inline;font-size: 13px;font-weight: normal;margin: 0;padding: 0; }
#about-below{ clear: both;height: 118px;margin: 0 auto;font-family: courier;font-size: 13px;line-height: 20px;word-spacing: 1.8em;width: 960px;text-align: center; }
#about-below p{ margin: 0;padding: 20px 10px 0 10px; }
#about-below a{ color: #666;text-decoration: none; }
#about-below a:hover{ color: #fff;text-decoration: underline; }
#portfolio{ width: 960px;margin: 0 auto;height: 20px;text-align: center;font-family: arial;font-size: 13px; }
#portfolio p{ line-height: 40px;display: block;margin: 0;padding: 0; }
#portfolio .tiles{ padding-top: 0;height: auto; }
#portfolio .tiles li{ margin-bottom: 20px; }
#portfolio .tiles img{ margin: 13px 0 0 13px;width: 193px;height: 193px;float: left;display: inline; }
#theend{ clear: both;width: 960px;margin: 20px auto; }
#theend p{ line-height: 20px; }
#theend a{ display: block;color: #666;text-decoration: none; }
#theend a:hover{ color: #ccc; }