@import url(base.css);
@import url(jqbox.css);

#main .about{
  overflow:hidden;
  width:629px;
  margin:20px 0;
}

#main .about h1{
  padding:0 20px 5px;
  border-bottom:2px solid #3871A9;
  text-transform:uppercase;
  color:#3871A9;
}

#main .about h2{
  padding:0 20px 4px;
  border-bottom:2px solid #ccc;
}

#main .about p{
  margin:10px 20px 0;
  text-align:justify;
}

#main .about img.factory{margin:10px 0 0 20px;}

#main .about p em{color:#3871A9}

#main .about div{
  overflow:hidden;
  position:relative;
  left:15px;
  top:15px;
  float:left;
  margin:8px 15px 15px 0;
  width:136.5px;
  height:126.5px;
  background:#fff;
}

#main .workshop div{
  left:20px;
  width:183px;
  margin-right:20px;
}

#main .about div h3,
#main .about div span{
  position:absolute;
  z-index:10;
  bottom:0;
  left:0;
  width:100%;
  height:22px;
  background:#000;
}

#main .about div h3{
  line-height:22px;
  text-align:center;
  color:#fff;
  text-transform:capitalize;
  background:none;
  opacity:.85;
  filter:alpha(opacity=85);
}

#main .workshop div h3{
  width:95%;
  text-align:right;
  text-transform:uppercase;
}

#main .about div span{
  z-index:9;
  opacity:.5;
  filter:alpha(opacity=50);
  border-top:1px solid #999;
}

#main .about div img{
  position:relative;
  z-index:8;
  left:0;
  height:130px;
  border:none;
  opacity:1;
  filter:alpha(opacity=100);
}

#main .about div a:hover img{
  opacity:.8;
  filter:alpha(opacity=80);
}

#main .workshop div a:hover img{
  opacity:1;
  filter:alpha(opacity=100);
}