/* Studio Piet-er Ary all.css
   (c) Martinic 2009-2011     */

body {
  background: #565046;
  margin: 24px;
  font: small "Trebuchet MS", Arial, sans-serif;
  color: #FFFFFF;
}

a:link, a:visited, a:active {
  color: #000000;
}

table.frame {
  width: 768px;
  height: 590px;
  min-height: 590px;
  margin: 72px auto 0 auto;
}
table.frame td {
  vertical-align: top;
}
table.frame tr.head td {
  height: 50px;
  vertical-align: bottom;
}
table.frame table.head {
  width: 100%;
  padding: 0 1px;
}
table.frame table.head td {
  padding-bottom: 6px;
}
table.frame table.head td.menu {
  width: 100%;
  text-align: right;
  white-space: nowrap;
  padding-right: 25px;
}
table.frame tr.body td.text {
  border: 1px solid #000000;
}
table.frame tr.foot td {
  height: 16px;
  padding-top: 4px;
  text-align: center;
  vertical-align: top;
  white-space: nowrap;
}
table.frame td.intro {
  text-align: center;
  vertical-align: middle;
  padding-bottom: 50px;
}

.intro #flashcontent img {
  width: 400px;
  height: 133px;
  border: none;
  margin-right: 1px;
}

.logo img {
  width: 233px;
  height: 50px;
  margin-left: 24px;
  border: none;
}
.logo img.screen {
  display: inline;
}
.logo img.print {
  display: none;
}

.menu {
  font-size: medium;
  letter-spacing: -1px;
  text-transform: lowercase;
}
.menu a {
  margin-left: 0.5em;
  margin-right: 0.5em;
  color: #BAA07B;
  text-decoration: none;
}
.menu a.first {
  margin-left: 1em;
}
.menu a.last {
  margin-right: 0;
}
.menu a:hover {
  color: #C5AE8F;
}
.menu a.selected {
  color: #FFFFFF;
}

.sub-menu {
  display: inline-block;
  width: auto;
}
.sub-menu a {
  display: block;
}
.sub-menu .items {
  display: none;
  position: absolute;
  background: #565046;
  text-align: left;
}
.sub-menu .items span {
  display: block;
  margin-top: 6px;
  padding: 0 1.5em 0.5em 0.5em;
  border-style: solid;
  border-color: #000000;
  border-width: 0 1px 1px 1px;
}
.sub-menu:hover .items {
  display: block;
}

.body {
  background: #BAA07B;
}

.text {
  padding: 24px 24px 11px 24px;
}
.text h1 {
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: -1px;
  text-transform: lowercase;
  font-weight: normal;
  color: #000000;
}
.text h3 {
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
}
.glue-top, .glue-top p {
  margin-top: 0;
}
.text p {
  line-height: 150%;
}
.case-sensitive {
  text-transform: none;
}

.white-links a:link, .white-links a:visited, .white-links a:active {
  color: #FFFFFF;
}

.pic img {
  width: 346px;
  height: 346px;
  border: 1px solid #565046;
  margin: 0 0 24px 24px;
  float: right;
}

.products {
  width: 100%;
}
/* .products h3 {
  margin-top: 20px;
} */
.products .info {
  width: 370px;
}
.products .code {
  text-align: right; vertical-align: bottom; padding-bottom: 24px;
}

.thumbs {
  clear: both;
  width: 100%;
  text-align: right;
  font-size: 13px;
}
.thumbs td {
  vertical-align: middle !important;
}
.thumbs .scroll img {
  width: 39px;
  height: 39px;
  border: 1px solid #565046;
}

.sales {
  width: 100%;
}
.sales th {
  text-align: left;
}
.sales td {
  padding-right: 1em;
  font-size: 90%;
}
.sales b {
  color: #000000;
}
.sales tfoot td {
  padding-top: 1em;
  font-size: 90%;
  word-spacing: 0.33em;
}
.sales tfoot .selected {
  color: #FFFFFF;
}

table.cv, table.contact {
  width: 100%;
}
table.cv col, table.contact col {
  width: 50%;
}
.cv .bottom, .contact .bottom {
  vertical-align: bottom;
}
.cv .bottom p, .contact .bottom p {
  margin-bottom: 24px;
}
.cv p.bottom {
  margin-bottom: 13px;
}
.cv .right {
  padding-left: 24px;
}
.cv span {
  margin-left: 0.33em;
}
.contact p, .contact td {
  color: #000000;
}
.contact p span, .contact td span {
  color: #FFFFFF;
}

.pub {
  width: 100%;
}
.pub th {
  text-align: left;
}
.pub td {
  padding-right: 1em;
  font-size: 90%;
}
.pub a {
  text-decoration: none;
}
.pub b {
  display: block;
  width: 160px;
  /* overflow: hidden; */
  white-space: nowrap;
  margin-bottom: 0.67em;
}
.pub b br {
  display: none;
}
.pub img {
  width: 160px;
  height: auto;
  border: none;
}

.foot {
  text-transform: lowercase;
}
.foot, .foot a {
  color: #BAA07B;
}
.foot a:hover {
  color: #C5AE8F;
}
.foot a.selected {
  color: #FFFFFF;
}
.foot small {
  font-size: 80%;
}
.copy, .foot .links a {
  margin: 0 0.33em;
}