html {
  height: 100%;
  background: #EEEEEE url(/images/bgfade.png) repeat-x;
}

body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;  
}

img {
  border: 0;
}

#page {
  background: transparent url(/images/content-bg-trans.png) repeat-y top center;
  width: 980px;
  padding: 0 6px;
  margin: auto;
  overflow: auto;
}

#footer {
  margin: 1em 4em 0 4em;
  padding: .5em;
  border-top: 1px solid #E2E2E2;
  color: #AAA;
  text-align: center;
  font-size: .85em;
}

#footer a {
  color: #AAA;
}

#poster {
}

#header {
  position: relative;
  height: 152px;
  width: 992px;
  background: transparent url(/images/header.png) no-repeat;
  margin: 0 auto;
  overflow: auto;
}

#header h1 {
  margin: 0;
}

#header h1 a {
  display: block;
  width: 472px;
  height: 99px;
  text-indent: -1000em;
  overflow: hidden;
  margin-top: 7px;
}

#header ul {
  list-style: none;
  margin: 0 0 0 7px;
  padding: 0;
}

#header li {
  float: left;
}
#header li a {
  display: block;
  height: 43px;
  text-indent: -1000em;
  overflow: hidden;
}

#header li a:hover {
  background-image: url(/images/header.png);
}

#maglev-haptics {
  width: 264px;
}

#maglev-haptics:hover {
  background-position: -7px -156px;
}

#products {
  width: 176px;
}

#products:hover {
  background-position: -271px -156px;
}

#community {
  width: 205px;
}

#community:hover {
  background-position: -447px -156px;
}

#news {
  width: 139px;
}

#news:hover {
  background-position: -652px -156px;
}

#company {
  width: 196px;
}

#company:hover {
  background-position: -791px -156px;
}

#endcap {
  width: 992px;
  height: 63px;
  margin: 0 auto;
  background: transparent url(/images/endcap.png) no-repeat top center;
}

#poster {
  height: 378px;  
}

#poster div {
  display: block;
  float: left;
}

#posterimage {
  width: 419px;
  height: 378px;
}

#posterlinks {
  width: 525px;
  height: 378px;
  text-indent: -1000em;
  overflow: hidden;
  background-image: url(/images/front-poster-text.png);
  background-repeat: no-repeat;
}

#panels {
  background-image: url(/images/front-panels.png);
  background-repeat: no-repeat;
  height: 212px;
  padding: 15px 0 0 27px;
}

#panels ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#panels li {
  float: left;
  margin-right: 12px;
  height: 201px;
  width: 299px;
  text-indent: -1000em;
  overflow: hidden;
}

#panels li a {
  display: block;
  height: 100%;
  width: 100%;
}

#menu {
  background: transparent url(/images/menu-bg.png) repeat-y;
  width: 152px;
  float: left;
  margin-top: 1.5em;
}

#menutop {
  background: transparent url(/images/menu-top.png) no-repeat;
  height: 11px;
}

#menubottom {
  background: transparent url(/images/menu-bottom.png) no-repeat bottom left;
  height: 11px;
}

#menu ul {
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

#menu ul li {
  padding: .5em 0;
  border-bottom : 1px solid #E4E4E4;
}

#menu ul li.last {
  padding-bottom: 0;
  border: 0;
}

#menu ul li.first {
  padding-top: 0;
}

#menu ul li.only {
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
}

#content {
  margin: 1.5em 6em 0 180px;
  line-height: 1.4em;
}

#content h1, #content h2, #content h3, #content h4 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  color: #007DAF;
}

#content li {
  margin-bottom: 1.5em;
  clear: right;
}

.figure {
  margin: auto;
  text-align: center;
}

.figure p, .callout p {
  font-weight: bold;
  margin: 0;
  font-size: .85em;
}

.callout {
  width: 200px;
  float: right;
  border: 1px solid #AAA;
  padding: 1em;
  overflow: hidden;
  margin: 0 0 1em 1em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  clear: right;
}

#newsflash {
  color: #000;
  position: absolute;
  right: 50px;
  top: 40px;
  width: 15em;
  text-align: right;
}

#newsflash a {
  color: #000;
}

#productButtons {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: auto;
}
#productButtons li {
  width: 230px;
  float: left;
}

#content .listGrid td {
  vertical-align: top;
  width: 50%;
}

#content .listGrid ul {
  padding: 0 0 0 1em;
  margin: .5em 0 0 0;
}

#content .listGrid li {
  padding: 0;
  margin: 0 0 .2em 0;
  font-size: .85em;
}

#content .datasheet {
  border-spacing: 0;
  width: 100%;
}

#content .datasheet td, #content .datasheet th {
  width: 50%;
  padding-left: 4px;
  font-size: .85em;
}

#content .datasheet td {
  font-style: italic;
}

#content .datasheet th {
  text-align: left;
  font-weight: normal;
}

#content .datasheet tr.odd {
  background-color: #F0F8FF;
}

#demos {
  list-style: none;
  margin: 1em 0;
  padding: 0;
}

#demos li {
  margin: 0 0 2em 0;
  padding: 0;
  overflow: auto;
  font-size: .85em;
  line-height: 1.4em;
}

#demos .author {
  font-size: .85em;
  font-style: italic;
}

#demos img {
  float: left;
  margin: 0 15px 0 0;
}

#demos h3 {
  margin: 0;
  padding: 0;
}

#demos p {
  margin: 0 0 0 175px;
  padding: 0;
}