* {
  margin-top: 0;
}

body {
  margin: 0 auto;
  padding: 0;
/*  background: #bfcfff; */
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #000000;
  text-align: center;
  background: #bfcfff url(bgcontent.jpg) repeat-y center;
}

#top {
  background: url(bgtop.jpg) repeat-x;
  margin: 0 auto;
}

#topwrapper {
  height: 28px;
  margin: 0 auto;
  width: 1024px;
}

#menuwrapper {
  padding: 0;
  margin: 0 auto;
  width: 1024px;
  height: 72px;
  background: url(bgmenu.jpg) no-repeat;
}

#menu {
  padding: 0;
  margin: 0 auto;
  text-align: left;
}
/*
#menu a {
  padding: 0;
  margin: 0 auto;
}

#menu a img {
  border: 0;
  padding: 0;
  margin: 0 auto;
}
*/
#menu a {
  margin: 0 auto;
  padding: 0;
  background: #000000;
  float: left;
  display: block;
}

#menu .karjasoft {
  margin-left: -1px;
  width: 128px;
  height: 34px;
  background: url(menu.jpg) no-repeat;
  background-position: 0px 0px;
}

#menu .support {
  width: 100px;
  height: 34px;
  background: url(menu.jpg) no-repeat;
  background-position: -128px 0px;
}

#menu .blog {
  width: 78px;
  height: 34px;
  background: url(menu.jpg) no-repeat;
  background-position: -228px 0px;
}

#menu a:hover.karjasoft {
  background-position: 0px -34px;
}

#menu a:hover.support {
  background-position: -128px -34px;
}

#menu a:hover.blog {
  background-position: -228px -34px;
}

/* --------------------------------- */

#rightmenu {
  color: #bfcfff;
  float: right;
  display: inline;
  padding: 0;
  margin-right: 32px;
}

#rightmenu a {
  margin: 0 auto;
  padding: 0;
  background: #000000;
  float: left;
  display: block;
}

#rightmenu .wildhollow {
  width: 126px;
  height: 38px;
  background: url(logos.jpg) no-repeat;
  background-position: 0px 0px;
}

#rightmenu .spandexforce {
  width: 87px;
  height: 38px;
  background: url(logos.jpg) no-repeat;
  background-position: -126px 0px;
}

#rightmenu .sheeplings {
  width: 95px;
  height: 38px;
  background: url(logos.jpg) no-repeat;
  background-position: -213px 0px;
}

#rightmenu a:hover.wildhollow {
  background-position: 0px -38px;
}

#rightmenu a:hover.spandexforce {
  background-position: -126px -38px;
}

#rightmenu a:hover.sheeplings {
  background-position: -213px -38px;
}

/* --------------------------------- */

#bannerwrapper {
  height: 160px;
  margin: 0 auto;
}

#banner {
  width: 1024px;
  height: 160px;
  background: url(karjasoft.jpg) no-repeat;
  margin: 0 auto;
}

#rightcolumn {
  width: 300px;
  float: right;
  display: inline;
  margin: 0 auto;
  margin-right: 16px;
  padding-left: 16px;
  border-left: 2px dotted black;
}

#contentwrapper {
  width: 1024px;
  min-height: 300px;
  padding: 0;
  padding-bottom: 16px;
  margin: 0 auto;
  text-align: left;
/*  background: url(bgcontent.jpg) repeat-y;*/
}

#contentwrapper a {
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #204080;
  text-decoration: none;
  letter-spacing: -1px;
}

#contentwrapper .back {
  font-size: 18px;
}

#contentwrapper a:hover {
  color: #80a0e0;
}

#content {
  width: 620px;
  text-align: left;
  padding: 0;
  margin-left: 32px;
}

#contentfull {
  width: 1024px;
  text-align: left;
  padding: 0;
  margin-left: 32px;
}

img {
/*  border: 1px solid #000000;*/
  border: 0;
}

h2 {
  font-weight: bold;
  font-size: 18px;
  text-decoration: none;
  letter-spacing: -1px;
  text-align: center;
}

ul {
  list-style: square;
  margin: 0 auto;
  padding-left: 32px;
  padding-top: 8px;
  padding-bottom: 16px;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.border {
  border: 1px solid #000000;
}

.screenshots {
  width: 232px;
  height: 176px;
  float: left;
  text-align: center;
}

.info {
  font: 12px Arial Narrow, Arial, Helvetica, sans-serif;
  text-decoration: none;
  letter-spacing: -0.5px;
  text-align: center;
}

.clean {
  clear: both;
}

#footerwrapper {
  height: 80px;
  margin: 0 auto;
  padding: 0;
}

#footer {
  width: 1024px;
  height: 80px;
  background: url(divider.jpg) no-repeat;*/
  padding: 0;
  margin: 0 auto;
/*  border-top: 4px dotted black;*/
}

#footercontent {
  margin: 0 auto;
  padding-top: 16px;
  padding-left: 32px;
  color: #000000;
  font: 16px Arial, Helvetica, sans-serif;
  letter-spacing: -0.5px;
  text-decoration: none;
  text-align: left;
}

#footermenu {
  margin: 0 auto;
  padding-right: 32px;
  float: right;
}

#footermenu a {
  margin-left: 32px;
  color: #000000;
  font: 14px Arial, Helvetica, sans-serif;
  letter-spacing: -0.5px;
  text-decoration: none;
  text-align: left;
}

#footermenu img {
  vertical-align: middle;
}

#footermenu a:hover {
  color: #8ebeff;
}

.filler {
  margin: 0 auto;
  padding: 0;
  height: 50px;
}

.floatright {
  float: right;
}

.floatleft {
  float: left;
}

.logowrapper {
  text-align: center;
  padding: 0;
  clear: left;
  margin: 0 auto;
  height: 140px;
}

.logo {
  text-align: left;
  width: 480px;
  padding: 0;
  margin: 0 auto;
}

.logosmall {
  text-align: left;
  width: 140px;
  padding: 0;
  margin: 0 auto;
}

small {
    font-size: 10px;
    letter-spacing: -0.5px;
}