/******************/
/**  HTML TAGS   **/
/******************/
body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  background-image: url(/images/bgfade.png);
  background-repeat: repeat-x;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center; /* IE hack: Center the page/containere */
}

/* img, .boxc b.cn, .boxc b.tb, .boxc b.lr { behavior: url(/stylesheets/layout/iepngfix.htc) } */
img { border: 0 }

h1 {
/*  font-family: Klavika light; */
  font-family: Verdana, Arial, Helvetica, sans-serif;
/*  font-size: 18px; /* 1.5em; /* 18px */
  font-size: 16px; /* 1.333em; /* 16px */
  font-weight: normal;
  color: #759500;
}

h3 {
  font-weight: normal;
  color: #759500;
}

dl {
  margin-top: 7px;
}

div.wimage dl {
  margin-left: 141px; /* img width + 8 */
}

dt { 
  float: left;
  clear: right;
}

dd { padding-left: 7px }

/******************/
/** GLOBAL STUFF **/
/******************/
b.clear, div.clear{
  clear: both;
  display: block;
}

img.clear {
  clear: both;
}

img.left {
  float: left;
  margin-right: 8px;
}

/* HCARDS */
.vcard .org,
.vcard .fn {
  font-weight: normal;
  color: #759500;
}

div.wimage {
  height: 200px; /* img height */
  margin-bottom: 25px;
}

/******************/
/**   WRAPPER    **/
/******************/
div#container {
  margin-left: auto;
  margin-right: auto;
  width: 738px;
  text-align: left; /* IE hack: Center the page/container */
}

/******************/
/**     LOGO     **/
/******************/
img#logo {
  margin-left: 20px; /* 1.667em; /* 20px */
}

/******************/
/**     MENU     **/
/******************/
ul#menu {
  float: left;
  display: inline; /* IE hack: Doubled Float-Margin Bug (http://www.positioniseverything.net/explorer/doubled-margin.html) */
  position: relative;
  margin: 0 0 19px 4px;
  list-style-type: none;
}

ul#menu li { display: inline }
ul#menu a { text-decoration: none }

/* MENU: FIRST LEVEL */
ul#menu {
/*  font-family: Klavika light; */
  font-family: Verdana, Arial, Helvetica, sans-serif;
/*  font-size: 13px; */
  font-size: 12px;
  width: 541px;
  height: 14px;
  padding: 2px 0 3px 1px;
  background-color: #e3e3e3;
}

ul#menu a,
ul#menu strong {
  margin: 0 12px;
  padding: 2px 10px 3px 10px;
}

ul#menu a:link,
ul#menu a:visited {
  color: #000;
}

ul#menu a:hover,
ul#menu a:focus {
  color: #759500;
  background-color: #f8f9f9;
}

/* MENU: CURRENT LINK */
ul#menu li.active a {
  color: #759500;
  background-color: #f8f9f9;
}

ul#menu li.active strong {
  color: #f8f9f9;
  background-color: #8dc63f;
  font-weight: normal;
}

/* MENU: SECOND LEVEL */
ul#menu ul {
  position: absolute;
  top: 19px;
  left: 0;
  width: 541px;
  height: 12px;
  margin: 0;
  padding: 2px 0 2px 1px;
  font-size: 10px;
  text-transform: lowercase;
  background-color: #f8f9f9;
}

ul#menu ul a,
ul#menu ul strong {
  padding: 2px 10px 2px 10px;
}

ul#menu ul a,
ul#menu ul a:link,
ul#menu ul a:visited {
  color: #759500;
}

ul#menu ul a:hover,
ul#menu ul a:focus {
  color: #000;
}

/******************/
/**  NEWSLETTER  **/
/******************/
form#newsletter {
  float: left;
/*  width: 158px; /* 13.167em; /* 158px */
  width: 159px; /* 13.25em; /* 159px */
  margin-left: 7px; /* 0.583em; /* 7px */
  padding-top: 2px; /* 0.167em; /* 2px */
  padding-left: 21px; /* 1.75em; /* 21px */
  background-color: #e3e3e3;
}

form#newsletter label {
/*  font-family: Klavika light; */
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

form#newsletter input {
  display: block;
  font-size: 12px; /* 1em; /* 12px */
  border: 0;
  width: 137px; /* 11.417em; /* 137px */
  height: 17px; /* 1.417em; /* 17px */
  margin-left: -21px; /* -1.75em; /* -21px */
  padding: 1px 21px; /* 0.083em 1.75em; /* 1px 21px */
  color: #759500;
  background-color: #f8f9f9;
}

form#newsletter input:hover,
form#newsletter input:focus {
  padding: 0 20px; /* 0 1.667em; /* 0 20px */ 
  border: 1px solid #000; /* 0.083em solid #000; /* 1px */
}

/******************/
/**   COLUMNS    **/
/******************/
div#main {
  float: left;
  display: inline; /* IE hack: Doubled Float-Margin Bug (http://www.positioniseverything.net/explorer/doubled-margin.html) */
}

div#main .hd {
  width: 550px;
  height: 16px;
  background-image: url(/images/main-box-top2.png);
}

div#main .bd {
  width: 496px;
  background-image: url(/images/main-box-middle.png);
  padding: 10px 27px;
}

div#main .ft {
  width: 550px;
  height: 16px;
  background-image: url(/images/main-box-bottom2.png);
}

div#sidebar {
  float: left;
}

div#sidebar .hd {
  width: 188px;
  height: 16px;
  background-image: url(/images/sidebar-box-top.png);
}

div#sidebar .bd {
  width: 134px;
  background-image: url(/images/sidebar-box-middle.png);
  padding: 10px 27px;
}

div#sidebar .ft {
  width: 188px;
  height: 16px;
  background-image: url(/images/sidebar-box-bottom.png);
}

div#main h1,
div#sidebar h1 {
  margin-top: 0;
  padding-top: 0;
}

/******************/
/** PROD. FOOTER **/
/******************/
div.product {
  float: left;
  display: inline; /* IE hack: Doubled Float-Margin Bug (http://www.positioniseverything.net/explorer/doubled-margin.html) */
  margin-top: 24px;
}

div.prod_bim {
  width: 180px;
  margin-left: 5px;
  margin-right: 85px;
}

div.prod_portal {
  width: 280px;
}

div.product a { 
  color: #000;
  text-decoration: none;
}

div.product img {
  float: left;
  margin-right: 15px;
}

div.prod_bim img {
  position: relative;
  top: -1px;
}

div.prod_portal img {
  position: relative;
  top: -11px;
}

div.product h1 {
  color: #000;
  text-transform: uppercase; 
  margin: 0;
  padding: 0;
}

div.product a.exerpt {
/*  font-family: Klavika light; */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-transform: lowercase; 
  margin: 0;
  padding: 0;
  clear: right;
}

div.prod_bim h1,
div.prod_bim p {
  float: right;
  width: 130px;
}

div.prod_portal h1,
div.prod_portal p {
  float: right;
  width: 204px;
}