body {
  margin: 0px auto;
  text-align: center;
  background: url(/img/bg.png) 0px 90px repeat-x;
}
#header {
  position: relative;
  width: 1000px;
  height: 90px;
  text-align: left;
}
#header .logo {
  width: 114px;
  height: 78px;
  border: none;
  margin-top: 6px;
}
#main {
  position: relative;
  width: 100%;
  height: 600px;
  background: url(/img/main.jpg) top left no-repeat;
}
#main #prod {
  position: absolute;
  left: 50%;
  top: 20px;
  width: 0px;
  height: 250px;
  background: #202020 url(/img/vp.jpg) top left no-repeat;
  margin: 0px 0px 0px -485px;
  overflow: hidden;
}
#main #prod .info {
  position: absolute;
  left: 390px;
  width: 560px;
  text-align: right;
  padding: 10px 0px 0px 0px;
  font: 12px/18px Arial, Helvetica, Sans-serif;
  color: #ffffff;
}
#main #prod .info /img {
  margin: 5px 0px 0px 5px;
}
#main #prod .info h3 {
  font: bold 30px Calibri, Lucida Grande, Arial;
  color: #ffffff;
  margin: 0px;
  padding: 0px;
}
#main .splash {
  position: absolute;
  left: 710px;
  top: 290px;
}
#main ul {
  position: absolute;
  left: 50%;
  bottom: 0px;
  list-style: none;
  margin: 0px 0px 0px -485px;
  padding: 0px;
}
#main ul li {
  height: 103px;
  float: left;
  text-align: left;
}
#main ul li.s1 {
  width: 30px;
  font-size: 0px;
}
#main ul li.b1 {
  width: 204px !important; width: 220px;
  background: url(/img/blue.png) top left no-repeat;
  padding: 14px 8px 0px 8px;
  font: 11px/16px Arial, Helvetica, Sans-serif;
  color: #ffffff;
}
#main ul li.g1 {
  width: 204px !important; width: 220px;
  background: url(/img/green.png) top left no-repeat;
  padding: 14px 8px 0px 8px;
  font: 11px/16px Arial, Helvetica, Sans-serif;
  color: #ffffff;
}
#main ul li.o1 {
  width: 204px !important; width: 220px;
  background: url(/img/orange.png) top left no-repeat;
  padding: 14px 8px 0px 8px;
  font: 11px/16px Arial, Helvetica, Sans-serif;
  color: #ffffff;
}
#main ul li.y1 {
  width: 204px !important; width: 220px;
  background: url(/img/yellow.png) top left no-repeat;
  padding: 14px 8px 0px 8px;
  font: 11px/16px Arial, Helvetica, Sans-serif;
  color: #ffffff;
}
#main ul li h3 {
  color: #ffffff;
  font: bold 24px Georgia, Garamond, Times New Roman, Serif;
  margin: 0px 0px 1px 0px;
  padding: 0px 0px 2px 0px;
  border-bottom: 1px dotted #ffffff;
}
#main ul li div {
  margin: 2px 0px 0px 0px;
  text-align: right;
}
#main ul li div a {
  color: #ffffff;
  text-decoration: none;
  background: url(/img/arrow.png) right 2px no-repeat;
  padding: 0px 10px 0px 0px;
}
#main ul li div a:hover {
  border-bottom: 1px dotted #ffffff;
}
#footer {
  width: 980px;
  height: 50px;
  text-align: left;
  padding: 15px 0px 0px 0px;
  font: 11px/16px Arial, Helvetica, Sans-serif;
  color: #909090;
}
#footer a {
  color: #336699;
  text-decoration: none;
}
#footer a:hover {
  border-bottom: 1px dotted #336699;
}
#lf {
  position: absolute;
  right: 0px;
  top: 5px;
  border: none;
}
#lf td {
  font: 11px Arial, Helvetica, Sans-serif;
  color: #404040;
}
#lf td input {
  float: left;
  border: 1px solid #a0a0a0;
  font: bold 10px Verdana, Arial, Sans-serif;
  color: #404040;
  width: 100px;
}
#lf #lbtn {
  background-color: #000000;
  color: #ffffff;
  border: 1px solid #000000;
  cursor: pointer;
  width: 102px !important; width: 104px;
}