html, body{margin:0;padding:0}
body{font:1em sans-serif;color:#00c;background:#eee}
img{border:0}
h2, h3{font-family:serif;color:#36f}
strong{color:#c00}
a:link, a:visited{color:#00f}
a:hover{color:#990}
a:focus, a:active{color:#f00}
#head{font-family:serif;text-align:center;color:#ff0;background:#009;border-bottom:#33f solid 3px;padding:1em}
#logo{background:url(images/logo.png) no-repeat;width:64px;height:64px;margin:2em;position:absolute}
#main{margin:1em}
#main ul li div{color:#000;background:#cff;border:#00f solid 1px;width:50%;margin:1em;position:fixed;top:8em;right:0;display:none}
#main ul li:hover div{display:block}
#main ul li div img{float:left}
#footer{font-size:0.7em;text-align:right}
#footer ul{list-style:none}
#footer li{display:inline}
ul.div li:before{content:" || "}
ul.div li:first-child:before{content:""}