body {position: relative; background: black url(pda1.jpg) 0 0 no-repeat fixed; margin: 0; padding: 0;} div#links {position: absolute; top: 81px; left: 0; width: 166px; height: 700px; font: 16px Verdana, sans-serif; z-index: 100;} div#links a {display: block; text-align: center; font: bold 1em sans-serif; padding: 5px 10px; margin: 0 0 1px; border-width: 0; text-decoration: none; color: #FFC; background: transparent url(pda3.jpg) 0 0 no-repeat fixed; border-right: 5px solid #444;} div#links a:hover {color: #411;background: transparent url(pda4.jpg) 0 0 no-repeat fixed;); border-right: 5px solid #444;} div#links a span {display: none;} div#links a:hover span {display: block; position: absolute; top: 180px; left: 0; width: 125px; padding: 5px; margin: 10px; z-index: 100; color: #EEEEEE; background: transparent url(pda3.jpg) 0 0 no-repeat fixed; font: 10px Verdana, sans-serif; text-align: center;} div#content {position: absolute; top: 10px; left: 161px; right: 25px; color: #DCC; background-image: url(pda2.jpg); background-color: #160E33; background-position: 0 0; background-repeat: no-repeat; background-attachment: fixed; font: 13px Verdana, sans-serif; padding: 10px; border: solid 5px #444;} div#content p {margin: 0 1em 1em;} div#content h3 {margin-bottom: 0.25em;} h1 {margin: -9px -9px 0.5em; padding: 15px 0 5px; text-align: center; background: #333; color: #667; letter-spacing: 0.5em; text-transform: lowercase; font: bold 25px sans-serif; height: 65px; vertical-align: middle; white-space: nowrap;} dt {font-weight: bold;} dd {margin-bottom: 0.66em;} div#content a:link {color: white;} div#content a:visited {color: #BBC;} div#content a:link:hover {color: #FF0;} div#content a:visited:hover {color: #CC0;} code, pre {color: #EDC; font: 110% monospace;}