body {font:12px Arial, Helvetica, sans-serif; background: #799bdf; }
p {margin-top:0}
img {border:0}
a {color:#039}
li {list-style-type:square}

img.example {border:1px solid #039}
p.casestudy {font-weight:bold}
p.divider {text-align:center;font-size:48px;font-weight:bold;color:#039;clear:right;margin-bottom:20px}
div.section {padding:5px}

#copy {position:absolute;left:150px;top:170px}
div.window {line-height:140%;width:600px;background:#9bf;border:3px solid #039}
div.image {float:right;margin-left:10px;margin-bottom:20px;font-weight:bold}
#copy h2 {width:580px;background:#039;color:#fff;padding:10px;margin-top:0;font-size:18px;font-weight:bold}
div.section table {width:95%;margin:auto;text-align:center;margin-top:15px}

#nav {position:absolute;left:150px;top:17px;line-height:160%;text-align:center;width:600px;font-weight:bold;color:#039}
#nav a {text-decoration:underline;font-weight:bold}
#nav a:hover {color:#fff}
p.tagline {margin-bottom:20px;font-weight:bold;color:#039}

p.footer {width:100%;border-top:3px solid #039;border-bottom:3px solid #039;text-align:center;padding-top:5px;padding-bottom:5px;width:600px;font-weight:bold}
p.footer a:hover {color:#fff}

#html {position:absolute;left:35px;top:170px}
#css {position:absolute;left:35px;top:215px}
#ukwda {position:absolute;left:35px;top:260px}
#protx {position:absolute;left:35px;top:305px}
#gentoo {position:absolute;left:35px;top:354px}

ol {text-align: justify; line-height: 160%; margin-right: 10px; list-style-type: decimal;}
ol li {font-weight: bold; padding-bottom: 10px; list-style-type: decimal; }
ol ol li {font-weight: normal; }
ol ol {padding-bottom: 10px; }