body { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
h1 { font-size: 16px; }
a { color: #000; text-decoration: none; }

#mainContainer { position: absolute; top: 20px; left: 50%; margin: 0 0 0 -325px; width: 650px; background: url(../images/main_mid.gif) repeat-y #FFF; }
#mainContainer p { font-size: 16px; font-weight: bold; }
#mainMid { position: relative; margin: 0 0 0 15px; width: 635px;}
.mainButton { position: relative; float: left; margin: 0 3px; }
.mainButton a { position: absolute; z-index: 1; display:block; width: 118px; height: 150px; 
  background: url(../images/main_b_highlight.gif) 0 0 no-repeat; text-decoration: none; }
.mainButton a:hover { background-position: -118px 0; }
.mainButton a:active { background-position: 0; }
.orange { color: #F60; text-decoration: underline; }
.clear { clear: both; height: 50px; }

#container { position: absolute; top: 20px; left: 50%; margin: 0 0 0 -325px; width: 650px; text-align: left; background-color: #FFF; }
#left { float: left; width: 235px; }
#left2 { position: absolute; z-index: 2; top: 60px; left: 0px; visibility: hidden; }
#left3 { position: absolute; z-index: 3; top: 60px; left: 0px; visibility: hidden; }
#mid { float: left; width: 410px; }
#right { float: left; width: 5px; }
#content { margin: 30px 20px 0; height: 335px; text-align: left; }
#content ul { margin: 0; padding: 0; }
#content li { margin: 0; padding: 5px 0 5px 25px; list-style-type: none; }
#zwinky li { background: url(../images/bullet_zwinky.gif); background-position: 0 3px; background-repeat: no-repeat; }
#screens li { background: url(../images/bullet_screens.gif); background-position: 0 3px; background-repeat: no-repeat; }
#button { position: absolute; bottom: 40px; right: 120px; }