@import '../screen.css';

#main-top {
  margin-top: 1px;
  height: 210px;
}

#main-top .service {
  background-image: url("../../images/service-back.png");
  background-position: left top;
  background-repeat: repeat-y;
  height: 210px;
}

#main-top .service-menu {
  margin: 11px 20px 10px;
*  margin: 15px 20px 10px;
}

#main-top .service-menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#main-top .service-menu li {
  margin: 0;
*  margin-top: -3px;
  padding: 0;
}

#main-top .service-menu li a {
  margin: 0;
  padding: 0;
  display: block;
  width: 268px;
  height: 38px;
}

#main-top .service-menu ul li a:link,
#main-top .service-menu ul li a:active,
#main-top .service-menu ul li a:visited {
  background-position: right top;
  background-repeat: no-repeat;
}

#main-top .service-menu ul li a:hover {
  margin: 0;
  padding: 0;
  background-position: left top;
  background-repeat: no-repeat;
}

#main-top .service-menu a.service-1:link,
#main-top .service-menu a.service-1:active,
#main-top .service-menu a.service-1:visited,
#main-top .service-menu a.service-1:hover {
  background-image: url(../../images/service-menu-1.jpg);
}

#main-top .service-menu a.service-2:link,
#main-top .service-menu a.service-2:active,
#main-top .service-menu a.service-2:visited,
#main-top .service-menu a.service-2:hover {
  background-image: url(../../images/service-menu-2.jpg);
}

#main-top .service-menu a.service-3:link,
#main-top .service-menu a.service-3:active,
#main-top .service-menu a.service-3:visited,
#main-top .service-menu a.service-3:hover {
  background-image: url(../../images/service-menu-3.jpg);
}

#main-top .service-menu a.service-4:link,
#main-top .service-menu a.service-4:active,
#main-top .service-menu a.service-4:visited,
#main-top .service-menu a.service-4:hover {
  background-image: url(../../images/service-menu-4.jpg);
}

#main-top .service-menu a.service-5:link,
#main-top .service-menu a.service-5:active,
#main-top .service-menu a.service-5:visited,
#main-top .service-menu a.service-5:hover {
  background-image: url(../../images/service-menu-5.jpg);
}

#main-top .span-16 {
  width: 640px;
}

#main-page {
  margin-top: 15px;
}

#main-page .problem-top {
  background-image: url(../../images/problem-bottom.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  width: 310px;
  height: 5px;
}

#main-page .problem-list {
  background-image: url(../../images/problem-back.png);
  background-position: left top;
  background-repeat: no-repeat;
  width: 310px;
  padding: 15px 5px 1px;
}

#main-page .problem-list ul {
  list-style-type: disc;
  margin-bottom: 0;
}

#main-page .problem-list ul li {
  font-size: 120%;
}

#main-page .problem-bottom {
  background-image: url(../../images/problem-bottom.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  width: 310px;
  height: 5px;
}

#main-page #blog {
  background-color: #eeeee0;
}

#main-page #news {
  margin-top: 10px;
  background-color: #ffffff;
}

#main-page #ad {
  margin-top: 10px;
  text-align: center;
}

#main-page #blog pre.prettyprint {
  padding: 5px;
  margin: 0 0 10px 10px;
  background: #FFFFFF;
}

#main-page #blog blockquote {
  color: #333333;
  padding: 5px;
  background: #FFFFFF;
}

#main-page #blog th {
  font-size: 1.1em;
}

#main-page #blog td {
  font-size: 1.1em;
  background: #FFFFFF;
}

#main-page #blog ul,
#main-page #news ul {
  margin: 0 5px 1.5em 5px 30px;
}

#main-page #blog p,
#main-page #news p {
  margin: 0 10px 10px 10px;
}