*
{
  font-family: FreeSans, Arial;
  color: #404040;
}

body
{
  margin: 0px;
  overflow: auto;
  background-color: #404040;
  background-image: url("/graphics/bg.gif");
  background-position: top center;
  background-repeat: repeat-y;
  overflow-y: scroll;
}

.admin { color: #ff0000; }

/* main division - fixed width */
div.main
{
  position: absolute;
  left: 50%;
  margin-left: -400px;
  width: 800px;
  height: 480px;
  background-image: url("/graphics/gradient.jpg");
  background-repeat: no-repeat;
  background-color: #bfc0c2;
}

/* title division */
div.main div.title
{
  position: absolute;
  right: 0px;
  top: 30px;
  height: 85px;
  width: 100%;
  background-image: url("/graphics/thewhizzer.jpg");
  background-repeat: no-repeat;
  font-size: 16px;
  font-weight: bold;
  color: #597489;
}

/* title contents */
div.title div.pagefunc
{
  position: absolute;
  bottom: 0px;
  left: 420px;
}

div.title div.heading
{
  position: absolute;
  top: 20px;
  right: 10px;
  font-size: 20px;
}

div.title div.heading span
{
  font-size: 12px;
  font-weight: normal;
}

div.main div.quote
{
  position: absolute;
  left: 15px;
  top: 130px;
  width: 365px;
  height: 115px;
}

div.quote table
{
  width: 100%;
  height: 100%;
}

div.quote td
{
  text-align: justify;
  vertical-align: middle;
  font-weight: bold;
  color: #597489;
}

div.title div.admin
{
  position: absolute;
  left: 406px;
}


/* images */
div.main img.pic1
{
  position: absolute;
  left: 400px;
  top: 130px;
  width: 198px;
  height: 115px;
}

div.main img.pic2
{
  position: absolute;
  left: 602px;
  top: 130px;
  width: 198px;
  height: 115px;
}

a img.pic1 { border: 1px solid #ff0000; }
a img.pic2 { border: 1px solid #ff0000; }

/* navigation division */
div.main div.navigation
{
  position: absolute;
  left: 0px;
  top: 255px;
  width: 180px;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  color: #597489;
}

/* navigation options */
div.navigation div
{
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
}

div.navigation div.padding { height: 15px; }

div.navigation div.selected { color: #898989; }

div.navigation img
{
  margin-right: 20px;
  margin-top: 20px;
  width: 60px;
  height: 88px;
  border: none;
}


/* contact */
div.contact
{
  position: absolute;
  left: 50%;
  margin-left: -370px;
  width: 740px;
  padding-top: 10;px;
  padding-bottom: 10px;
  background-color:  #5a758a;
  border: 1px solid #000000;
  text-align: center;
  z-index: 16;
  display: none;
}

div.contact div { text-align: center; }

div.contact table { margin-left: auto; margin-right: auto; }

div.contact hr { color: #ffffff; size: 1px; }

div.contact td.address { color: #ffffff; text-align: left; font-weight: bold; }
div.contact td.lbla, div.contact td.lblb { color: #ffffff; text-align: right; font-weight: bold; }
div.contact td.lblb { vertical-align: top; }
div.contact td.fld { text-align: left; }

div.contact input.btn { width: 80px; }


/* input */
input, textarea, select, option { color: #000000; }

/* links */
a { color: #597489; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }


/* content column */
div.main div.content
{
  position: absolute;
  left: 200px;
  top: 260px;
  width: 580px;
  font-size: 12px;
}


/* feature points */
div.content div.feature
{
  position: absolute;
  left: 10px;
  width: 150px;
  font-size: 12px;
}
div.main div.f1 { top: 0px; }
div.main div.f2 { top: 120px; }
div.main div.f3 { top: 240px; }


/* sub-content (when feature points are used) */
div.content div.subcontent
{
  position: absolute;
  left: 200px;
  top: 0px;
  width: 395px;
}

div.subcontent p
{
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 15px;
}

div.bulletpoint
{
  margin-top: 3px;
  padding-left: 12px;
  background-image: url("/graphics/bulletpoint.gif");
  background-position: top left;
  background-repeat: no-repeat;
}

/* news items */
div.newsitem
{
  margin-top: 25px;
  font-size: 12px;
  border-bottom: 1px solid #404040;
  padding-bottom: 25px;
}

div.subcontent div.newsitem
{
  border-bottom: 0px;
  padding-bottom: 0px;
}

div.newsitem table { width: 100%; }

div.newsitem td.newstitle
{
  font-weight: bold;
  font-size: 16px;
}

div.newsitem td.newsdate
{
  text-align: right;
  vertical-align: top;
  font-size: 10px;
}

div.newsitem div.newstext { margin-top: 3px; }

div.newsitem img
{
  float: right;
  border: 0px;
  margin-left: 5px;
  margin-bottom: 5px;
}

div.newsurl { margin-top: 5px; }

div.newsback
{
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
}

/* press items */
div.pressitem
{
  margin-top: 25px;
  border-bottom: 1px solid #404040;
  padding-bottom: 25px;
}

div.pressitem table
{
  font-size: 16px;
  font-weight: bold;
  width: 100%;
}

div.pressitem td.pressdate { text-align: right; }

div.presscontent
{
  margin-top: 12px;
  display: none;
}

div.presscontent img
{
  float: right;
  border: 0px;
  margin-left: 5px;
  margin-bottom: 5px;
}

/* faqs */
div.qa
{
  margin-right: 25px;
  margin-left: 15px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  border-bottom: solid 1px #808080;
}

div.qa li { color: #597489; }
div.qa div:first-letter { font-weight: bold; }
div.qa div.q { color: #404040; }
div.qa div.a { color: #597489; }


/* documentation */
div.doclist table
{
  width: 90%;
  margin-bottom: 20px;
}

div.doclist td { border-bottom: solid 1px #404040; }

div.doclist td.document
{
  vertical-align: middle;
  font-weight: bold;
  font-size: 16px;
}

div.doclist img { border: 0px; }

div.doclist td.file
{
  width: 40px;
  text-align: right;
}

/* clients (page) */
div.clientitem
{
  border-bottom: solid 1px #404040;
  padding-top: 5px;
  padding-bottom: 5px;
}

div.clientitem table { width: 100%; }
td.clientname
{
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
}
td.clienturl { vertical-align: middle; }
div.clientitem td.clienturl { text-align: right; }
div.clientitem td.clientimage { width: 64px; text-align: right; }
div.clientitem img { border: 0px; }


/* links (page) */
div.linkitem
{
  border-bottom: solid 1px #404040;
  padding-top: 5px;
  padding-bottom: 5px;
}

div.linkitem table { width: 100%; }
div.linkitem td.linktitle
{
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
}
div.linkitem td.linkimage { text-align: right; }
div.linkitem img { border: 0px; }