/* main.css */

BODY
{
  font-family: Verdana, sans-serif;
  font-size: 12px;
  line-height: 17px;
  color: black;
/* workaround for FF2 bug 78087 */
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
}

P
{
  margin-bottom: 0.7em;
}

EM
{
  font-style: italic;
}

STRONG
{
  font-weight: bold;
}

UL, OL
{
  margin: 0 0 0.5em 1.5em;
}

P + UL
{
  margin-top: -0.3em;
}

LI
{
  padding-bottom: 0.1em;
}

HR
{
  border: none;
  border-top: solid 1px #158;
  margin: 1.5em 0;
}

H1
{
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 0.7em;
}

H2
{
  font-size: 1.1em;
  font-weight: normal;
  font-style: italic;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

ABBR
{
  color: gray;
  font-weight: bold;
  cursor: help;
}

A, A:visited
{
  color: #158;
  text-decoration: none;
}

A:hover
{
  color: #158;
  text-decoration: underline;
}

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

DIV#header
{
  width: 800px;
  height: 48px;
  margin: 0 0 25px 180px;
  padding-top: 62px;
}

DIV#header H1
{
  display: none;
}

DIV#header IMG.logo
{
  float: left;
  margin-left: 4px;
}

DIV#header .quote
{
  width: 275px;
  height: 48px;
  text-align: right;
  margin-left: 310px;
  background: transparent url(../images/strive_perfection.png) top right no-repeat;
}

DIV#header .tagline P
{
  visibility: hidden;
}

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

DIV#content
{
  margin-left: 180px;
  min-height: 480px;
}

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

DIV#footer
{
  width: 800px;
  margin: 0 0 0px 170px;
  text-align: left;
  padding: 46px 0px 30px 30px;
  font-size: 10px;
  color: #999;
}

DIV#footer A
{
  margin-left: 1.5em;
  color: #69c;
}

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

DIV#hband
{
  position: absolute;
  top: 120px;
  left: 0px;
  background: #59afe9 url(../images/moth-wings-lw_23.png) repeat-x center;
  width: 1100px;
  height: 480px;
  z-index: -1;
}

DIV#hbandimg
{
  width: 100%;
  height: 195px;
  margin: 0px auto;
	background: url(../images/circles_hole.png) repeat-x center;
  width: 1100px;
 }

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

.contentborder
{
  position: relative;
  margin: 0px auto;
  min-width: 8em;
  max-width: 760px;
  z-index: 1;
  margin-left: 10px;
}

.contentborder .borderinner,
.contentborder .t,
.contentborder .b,
.contentborder .b div
{
  background: transparent url(../images/border_hole.png) no-repeat top right;
  _background-image: url(../images/border_hole.png);
}

.contentborder .borderinner
{
  position: relative;
  zoom: 1;
  _overflow-y: hidden;
}

.contentborder .t
{
  /* top+left vertical slice */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 18px; /* top slice width */
  margin-left: -18px;
  height: 100%;
  _height: 1600px; /* arbitrary long height, IE 6 */
  background-position: top left;
}

.contentborder .b
{
  /* bottom */
  position: relative;
  width: 100%;
}

.contentborder .b,
.contentborder .b div
{
  height: 14px; /* height of bottom cap/shade */
  font-size: 1px;
}

.contentborder .b
{
  background-position: bottom right;
}

.contentborder .b div
{
  position: relative;
  width: 18px; /* bottom corner width */
  margin-left: -18px;
  background-position: bottom left;
}

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

.navborder
{
  position: absolute;
  margin: 0px auto;
  min-width: 10em;
  max-width: 300px;
  z-index: 1;
  margin-left: 6px;
  top: 154px;
}

.navborder .borderinner,
.navborder .t,
.navborder .b,
.navborder .b div
{
  background: transparent url(../images/navborder.png) no-repeat top right;
  _background-image: url(../images/navborder.png);
}

.navborder .borderinner
{
  position: relative;
  zoom: 1;
  _overflow-y: hidden;
}

.navborder .t
{
  /* top+left vertical slice */
  position: absolute;
  left: 0px;
  top: 0px;
  width: 6px; /* top slice width */
  margin-left: -6px;
  height: 100%;
  _height: 1600px; /* arbitrary long height, IE 6 */
  background-position: top left;
}

.navborder .b
{
  /* bottom */
  position: relative;
  width: 100%;
}

.navborder .b,
.navborder .b div
{
  height: 6px; /* height of bottom cap/shade */
  font-size: 1px;
}

.navborder .b
{
  background-position: bottom right;
}

.navborder .b div
{
  position: relative;
  width: 6px; /* bottom corner width */
  margin-left: -6px;
  background-position: bottom left;
}

.navborder UL#nav
{
  margin: 0;
  padding: 20px 10px 15px 10px;
}

UL#nav LI
{
  list-style: none;
  line-height: 2em;
  white-space: nowrap;
}

UL#nav A
{
  color: white;
}

UL#nav A:hover
{
  text-decoration: none;
  border-bottom: solid 2px;
}

BODY#home UL#nav LI.homelink
{
  /* display: none; */
}

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

.page
{
  padding: 210px 34px 30px 20px;
  overflow: hidden;
}

BODY .pagewidth
{
  width: 500px;
}

.navborder
{
  left: 720px; /* pagewidth + 220 */
}

BODY .title
{
  width: 100%;
  height: 16px;
  margin-bottom: 0.7em;
}

BODY .title h1
{
  visibility: hidden;
}

BODY#home .title
{
  background: url(../images/title_home.gif) no-repeat top left;
}

BODY#solution .title
{
  background: url(../images/title_solution.gif) no-repeat top left;
}

BODY#benefits .title
{
  background: url(../images/title_benefits.gif) no-repeat top left;
}

BODY#technology .title
{
  background: url(../images/title_technology.gif) no-repeat top left;
}

BODY#aboutus .title
{
  background: url(../images/title_aboutus.gif) no-repeat top left;
}

BODY#contactus .title
{
  background: url(../images/title_contactus.gif) no-repeat top left;
}

BODY#management .title
{
  background: url(../images/title_management.gif) no-repeat top left;
}

BODY#feedbackform .title
{
  background: url(../images/title_mailinglist.gif) no-repeat top left;
}

BODY#jobs .title
{
  background: url(../images/title_jobs.gif) no-repeat top left;
}

BODY#sitemap .title
{
  background: url(../images/title_sitemap.gif) no-repeat top left;
}

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

DIV.bulletlink
{
  margin: 2em 0 0 0;
  padding: 0 0 0 32px;
  background-repeat: no-repeat;
  background-position: center left;
  height: 28px;
}

DIV.bulletlink + DIV.bulletlink
{
  margin: 0;
}

DIV.bulletlink A
{
  line-height: 28px;
  vertical-align: middle;
}

DIV.solution
{
  background-image: url(../images/icon_solution.gif);
}

DIV.benefits
{
  background-image: url(../images/icon_benefits.gif);
}

DIV.technology
{
  background-image: url(../images/icon_technology.gif);
}

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


FORM
{
  padding-top: 20px;
}

INPUT, SELECT, OPTION, TEXTAREA, BUTTON
{
  font: normal 11px Verdana, sans-serif;
}

LABEL
{
  display: block;
  padding: 4px 0;
}

LABEL.required
{
  font-weight: bold;
}

LABEL INPUT, LABEL SELECT
{
  position: absolute;
  left: 160px;
}

LABEL INPUT
{
  position: absolute;
  width: 220px;
  background-color: white;
  border: solid 1px #89b;
  padding: 2px 3px;
}

DIV.buttons
{
  padding: 8px;
  padding-left: 140px;
  margin-top: 12px;
  border-top: solid 1px #158;
}

DIV.buttons INPUT
{
  width: 100px;
  height: 24px;
  padding-bottom: 3px;
  margin: 0;
  color: #bde;
  font-weight: bold;
  border: none;
  background: #17577d  url(../images/button.gif);
}

DIV.buttons INPUT:hover
{
  color: white;
}

SELECT
{
  background-color: white;
  border: solid 1px #89b;
}

OPTION
{
  width: 180px;
  padding: 1px 1px;
}

TEXTAREA
{
  width: 436px;
  border: solid 1px #89b;
  padding: 3px 3px;
}

LABEL.disabled
{
  color: #999;
}

LABEL.disabled SELECT
{
  background-color: #f4f2ea;
  border-color: #dcb;
}

LABEL.disabled INPUT
{
  background-color: #f4f2ea;
  border-color: #dcb;
}

LABEL.disabled TEXTAREA
{
  background-color: #f4f2ea;
  border-color: #dcb;
}

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

A.icon
{
  display: inline-block;
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 20px;
}

A.pdf
{
  background-image: url(../images/pdficon.gif);
}

A.linkicon
{
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 12px;
  margin: 1em 2em 0 0;
}

A.prev
{
  background-image: url(../images/linkprev.gif);
}

A.next
{
  background-image: url(../images/linknext.gif);
}

A.up
{
  background-image: url(../images/linkup.gif);
}

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

.name
{
  font-weight: bold;
}

.jobtitle
{
  font-style: italic;
}

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

DIV.biophoto
{
  float: right;
  margin: 0 0 10px 10px;
  padding: 4px;
  border: solid 1px grey;
  background-color: white;
}

/* ------------------------------------------------------------ */
/* form handler classes */

DIV#formResponse
{
   margin-top: 8px;
}

/* Default display of errors */
DIV#formResponse .error
{
  display: inline-block;
  margin-top: 4px;
  padding-left: 20px;
  font-size: 11px;
  line-height: 15px;
  color: #900;
  background: transparent url(../images/errorflag.gif) top left no-repeat;
}

/* Floating erros classes.  If javascript enabled, the error messages will
   be moved so that they are next to the input fields they refer to */
DIV#formResponse .floaterror
{
  position: absolute;
  height: 24px;
  padding: 0 0 0 12px;
  margin-left: 8px;
  font-size: 11px;
  color: white; 
  background: transparent url(../images/formerrorpt.gif) 0 0 no-repeat;
}

DIV#formResponse .floaterror SPAN
{
  display: block;
  height: 24px;
  margin: 0;
  padding: 3px 16px 2px 14px;
  white-space: nowrap;
  background: transparent url(../images/formerrorbg.gif) 100% 0 no-repeat;
}

DIV#successResponse
{
  width: 392px;
  padding: 12px 16px 8px;
  background-color: #6c7;
  border: solid 1px #cfc;
  text-align: center;
}

DIV#successResponse H1
{
  font-size: 12px;
  font-weight: bold;
  color: #333;
}

DIV#sendanother
{
  display: none;
}

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

BODY#sitemap LI
{
  list-style: none;
}