body{
  margin: 0;
  color: black;
  font-family: arial, helvetica, sans-serif;
  font-size: 105%;  
  text-align: justify;
  background: url("images/border1.gif") center repeat-y fixed #dad9d6;
  overflow-y: scroll} /* The vertical scroll bar should be always visible */

/* Wrapper for centering entire display. Smallest screen width assumed to be 800 */
div#wrapper{
  width: 760px;
  margin: 0 auto}
  
div#header{
  position: absolute;
  width: 760px;
  height: 87px;
  background-color: #d5e6ff}

a{color: blue}

a:link, a:visited{text-decoration: none}

a:hover{text-decoration: underline}

a.ref{text-decoration: underline}

img#title{
  position: absolute; 
  top: 16px;
  left: 25px}

div#banner{
  position: absolute; 
  top: 25px;
  color: #000080;
  font-style: italic;
  left: 252px}

div#menuwrapper{
  position: absolute;
  top: 87px;
  width: 760px}

ul#menu{         
  margin: 0;
  padding: 0;
  height: 34px;
  list-style-type: none;
  background: url("images/menu1.bmp") repeat-x}

ul#menu li{float: left}
  
ul#menu li a{
  padding: 7px 26px 0 26px;
  height: 27px;
  float: left;
  color: white;
  text-decoration: none}
  
ul#menu li.active a:hover{background: url("images/menu2.bmp") repeat-x}

ul#menu li#inactive a{color: yellow}

div#mainblock{
  position: absolute;
  top: 144px;
  width: 704px;
  margin-left: 28px}

div#column1{
  width: 374px}

div#column2{
  position: absolute;
  top: 0;
  left: 402px}

table{border-collapse: collapse}
  
img#screenshot{
  margin-top: 4px;
  margin-bottom: 19px}

div#buydownload{margin-top: 22px}

ul.features{
  margin-top: -2px;
  list-style-type: none;
  list-style-image: url("images/bullet.png");
  line-height: 120%}

div#references{
  padding-left: 40px;
  line-height: 200%}

img{border: none}

img.at{
  vertical-align: text-bottom;
  padding-bottom: 1px}

table td{vertical-align: top}

/* Browser statistics */

div#divbrowser{
  float: right;
  padding-left: 50px}

table#tablebrowser{
  margin-top: 9px;
  margin-left: 2px;
  border-collapse: collapse}

table#tablebrowser td{
  border: 1px solid #999;
  padding: 7px}

table#tablebrowser tr#top{background-color: #d5e6ff}

table#tablebrowser tr#end{font-weight: bold}

table#tablebrowser td.right{text-align: right}

/* So that there are no aberrations in the focusing rectangle */
img#dl_image, img#wp1_image{position: absolute}

img#buy_image{
  position: absolute;
  left: 164px}

img#wp2_image{
  position: absolute;
  left: 170px}

div.lh35{line-height: 35%}