body {
  background: url('imgs/bg_lower.png') #BBCCD0 repeat-x 0 bottom;
  text-align: center;
  padding: 0;
  margin: 0;
  font-family: 'Trebuchet MS', lucida, sans-serif;
}

#bg {
  background: url('imgs/bg_upper.png') scroll repeat-x 0 top;
}

#page {
  text-align: left;
  width: 980px;
  margin: 0 auto; 
}


#header {
  background: url('imgs/head_bg.png') repeat-x;
  height: 81px;
}

#header h1 {
  background: url('imgs/head_logo.png') no-repeat;
  float: left;
  width: 431px;
  height: 65px;
  margin: 0;
}

#header h1 a {
  display: block;
  text-decoration: none;
}

#header h1 span {
  visibility: hidden;
}

#menu {
  list-style-type: none;
  float:right;
  height: 81px;
  background: url('imgs/head_right.png') no-repeat top right;
  padding: 0;
  margin: 0; 
  font-size: 12px;
}

#menu li {
  float: left;
  width: 82px;
  text-align: center;
  margin: 0 4px
}

#menu li a {
  display: block;
  height: 73px;
  text-decoration: none;
  color: #636363;
  font-weight: bolder;
}

#menu a span {
  display: block;
  padding: 38px 0 0 0;
}

#menu a.home span {background: url('imgs/icon_home.png') no-repeat center center;}
#menu a.about span {background: url('imgs/icon_about.png') no-repeat center center;}
#menu a.faq span {background: url('imgs/icon_faq.png') no-repeat center center;}
#menu a.support span {background: url('imgs/icon_support.png') no-repeat center center;}
#menu a.download span {background: url('imgs/icon_download.png') no-repeat center center;}
#menu a.buy span {background: url('imgs/icon_buy.png') no-repeat center center;}

#menu li.sel a {
  background: url('imgs/menu_sel.png') repeat-x bottom;
  color: #DA251D;
}

#menu li.sel a:hover {
  background: url('imgs/menu_sel.png') repeat-x bottom;
}

#menu li a:hover {
  background: url('imgs/menu_hover.png') repeat-x bottom;
}

#box {
  width: 781px;
  float: left;
  background: url('imgs/cont_top.png') no-repeat #FFFFFF 0 34px;
}

#content {
  padding: 8px 20px;
  background: url('imgs/cont_bottom.png') no-repeat 0 bottom;
  min-height: 500px;
}

#box h2 {
  background: url('imgs/cont_head.png') no-repeat #E6E6E6;
  margin: 0;
  height: 29px;
  text-align: right;
  font-size: 18px;
  padding-right: 30px;
  padding-top: 5px;
}

#box h2 span {
  background: url('imgs/cont_bullet.png') no-repeat left center;
  padding-left: 50px;
}

#panels {
  width: 189px;
  float: right;
}

#panels p {
  margin: 2px 0;
}

#panels h2 {
  margin: 0 0 16px 0;
  text-align: right;
  font-size: 18px;
  padding-top: 5px;
}

#panels .panel {
  padding: 0 12px;
  margin-bottom: 10px;
  font-size: 12px;
}

#panels h2 a {
  text-decoration: none;
}

#panels h2 a:hover {
  text-decoration: none;
}

#panels .download h2 a {
  color: #617F57; 
}

#panels .buy h2 a {
  color: #AF840C; 
}

#panels .news h2 {
  color: #1E739F; 
}

#panels .news a {
  color: #1E739F;
}

#panels .download {
  height: 166px;
  background: url('imgs/panel_download.png') no-repeat;
}

#panels .download a {
  color: #008000;
}

#panels a {
  text-decoration: none;
}

#panels a:hover {
  text-decoration: underline;
}

#panels .download a.download {
  font-size: 18px;
  font-weight: bolder;
  background: none;
}

#panels .buy {
  height: 166px;
  background: url('imgs/panel_buy.png') no-repeat;
}

#panels .buy a.buy {
  font-size: 18px;
  font-weight: bolder;
  background: none;
}

#panels .buy a {
  color: #EA7400;
}

#panels .news {
  background: url('imgs/panel_news.png') #fff no-repeat;
  color: #444;
}

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

#panels .news ul li.first {
  border-top: none;
}

#panels .news ul li {
  display: block;
  border-top: 1px dashed #888;
  padding: 8px 0;
}

#panels div.news {
  padding: 0;
}

#panels .news .news {
  background: url('imgs/panel_news_bottom.png') no-repeat center bottom;
  padding: 0 12px 0 12px;
}

#footer {
  margin: 16px 0 32px 0;
  padding: 8px 20px;
  background: url('imgs/footer.png') no-repeat;
  height: 76px;
  text-align: right;
  font-size: 12px;
  color: #1E739F;
}

#footer a {
  color: #1E739F;
  text-decoration: none; 
}

#footer a:hover {
  text-decoration: underline;
}

#lang img {
  border: none;
}

#lang {
  float: left;
  margin-top: 10px;
}

#footer p {
  margin: 0;
  padding: 0;
}

#submenu {
  background: url('imgs/submenu_bg.png') #FFF8DA repeat-x;
  font-size: 12px;
}

#submenu a {
  font-weight: bolder;
  text-decoration: none;
  color: #444;
}

#submenu a:hover {
  text-decoration: underline;
}

#submenu ul {
  display: block;
  list-style: none url('imgs/submenu_bullet.png');
  margin: 0;
  padding: 8px 0 8px 36px;
  float: left;
  width: 180px;
  min-height: 74px;
}

#submenu li {
  padding: 0;
  margin: 0;
}

#submenu .about {
  background: url('imgs/submenu_about.png') no-repeat 600px top;
}

#submenu .faq {
  background: url('imgs/submenu_faq.png') no-repeat 600px top;
}

#submenu .support {
  background: url('imgs/submenu_support.png') no-repeat 600px top;
}

.cleaner {
  clear:both;
}