/******* GLOBAL SETTINGS *******/
html, body { margin: 0; padding: 0; background: #ffffcc; z-index: 0; text-align:center; font-size:12px; font-family: arial, helvetica, sans-serif; }

img { border:0; margin:0; padding:0; }
a { border:0; margin:0; padding:0; }

/******* CLASSES *******/
.headline { font-weight:bold; font-size:larger; padding-bottom:20px; }
.screenshot { border:solid 1px #000000; width:160px; height:230px; }

.lhs { float:left; display:inline; width:590px; margin-right:20px; padding-bottom:10px; }
.rhs { float:left; display:inline; width:180px; padding-bottom:10px; }

/******* MAIN LAYOUT *******/
#container { margin:10px auto; width:820px; text-align:center; }
#content { width:800px; padding:0; margin:0 auto; text-align:left; background:#6699cc url(img/bg.png) repeat; }
#main { padding:0 15px 0 15px; margin:0; }
#footer { margin:10px auto; width:820px; text-align:center; font-weight:bold; font-size:10px; color:#000000; text-decoration:none; }

#top { margin-bottom:10px; padding-bottom:10px; border-bottom:dashed 1px #000000;  }
#data { font-size:medium; width:800px; }
#bottom { text-align:center; margin-top:10px; padding-top:10px; border-top:dashed 1px #000000; clear:both; }

/* main content box with rounded corner */
#contentrctl, #contentrctr, #contentrcbl, #contentrcbr { width:100%; height:15px; }
#contentrctl { background: transparent url(img/tl.png) top left no-repeat; }
#contentrctr { background: transparent url(img/tr.png) top right no-repeat; }
#contentrcbr { background: transparent url(img/br.png) bottom right no-repeat; }
#contentrcbl { background: transparent url(img/bl.png) bottom left no-repeat; }