body { 
  margin : 0px; 
  text-align: center;
  background-color : #c0c0c0; 
  background-image : url(back.jpg); 
  background-attachment : scroll; 
  background-repeat : repeat-y; 
  background-position: center;
  font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
  font-size: 11px;
  color: #444;
}

.container {
  width: 652px;
  margin:10px auto;
  background-color : #fff; 
  padding: 1px;
}

.header { 
  background-color: #333;
  color: #ccc;
  padding: 40px 20px 10px 20px ;
  width: 612px;
  text-align: left;
  margin:0px 0px 1px 0px;
  font-family: helvetica, arial, sans-serif;
  font-size: 26px;
}


.topLink {
  color:#ccc;
  font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
  font-size: 14px;
  text-align: left;
}

.title1 {
  color:#777;
  font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
  font-size: 10px;
  text-align: left;
  padding: 1px;

}

.title2 {
  color:#777;
  font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
  font-size: 11px;
  text-align: left;
}

.box { 
  background-color: #fff;
  border:1px solid #ccc;
  padding: 2px 20px 2px 20px;
  width: 610px;
  margin: 1px 0px;
  text-align: left;
  float: left;
}

.microlink { 
  background-color: #fff;
  border:0px solid #ccc;
  padding: 2px 20px 2px 20px;
  width: 610px;
  margin: 1px 0px;
  text-align: left;
  font-size:7px;
  float: left;
}

.newsContainer {
  width: 652px;
  float: left;
border:1px solid #ccc;

}

.news { 
  background-color: #fff;
  border:1px solid #ccc;
  padding: 2px 20px 2px 20px;
  width: 610px;
  margin: 1px 0px;
  text-align: left;
  float: left;
}

.offer { 
  background-color: #fff;
  border:1px solid #ccc;
  padding: 2px 20px 2px 20px;
  width: 610px;
  margin: 1px 0px;
  text-align: left;
  float: left;
}

.intro { 
  color: #fff;
  background-color: orange;
  border:1px solid #ccc;
  padding: 2px 20px 2px 20px;
  width: 610px;
  height: 35px;
  margin: 5px 1px;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  float: left;
}

.service { 
  color: #fff;
  background-color: green;
  border:1px solid #ccc;
  padding: 2px 6px 2px 6px;
  width: 201px;
  height:230px;
  margin: 5px 1px;
  font-size: 10px;
  text-align: justify;
  float: left;
}

.info { 
  color: #fff;
  background-color: red;
  border:1px solid #ccc;
  padding: 2px 6px 2px 6px;
  width: 201px;
  height:230px;
  margin: 5px 1px;
  font-size: 10px;
  text-align: justify;
  float: left;
  vertical-align: middle; 
}

.pdfSpot { 
  color: #fff;
  background-color: #fff;
  border:1px solid #ccc;
  padding: 2px 6px 2px 6px;
  width: 201px;
  height:230px;
  margin: 5px 1px;
  font-size: 14px;
  text-align:center;
  float: left;
  text-decoration:blink;
  vertical-align: middle; 
}

.subdomain { 
  background-color: #fff;
  border:1px solid #ccc;
  padding: 2px 20px 2px 20px;
  width: 173px;
  margin: 5px 1px;
  text-align: left;
  float: left;
}

.spareparts { 
  background-color: orange;
  border:1px solid #ccc;
  padding: 2px 20px 2px 20px;
  width: 610px;
  margin: 1px 0px;
  font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
  font-size: 11px;
  text-align: center;
  float: left;
}

li { 
  font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
  text-align:left;
  font-size: 10px;
  color: #fff;
  margin: 0px 0px 0px 0px; }

.rightbox { 
  background-color: #fff;
  border:1px solid #ccc;
  padding: 3px;
  width: 314px;
  height: 70px;
  margin: 2px;
  text-align: center;
  float: right;
}

a:link {
  font-weight: bold;
  text-decoration: none;
  color: #333; }

a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #333; }
  
a:hover {
  font-weight: bold;
  text-decoration: underline;
  color: #369; }
  
a:active {
  font-weight: bold;
  text-decoration: none;
  color: #69c; }

.area01 {
  width: 700px;
  margin:3px auto;
  background-color : #e6e6e6; 
}


.leftcontainer {
  width: 200px;
  margin:0px auto;

}

.centercontainer {
  width: 200px;
  margin:0px auto;
}

.rigthcontainer {
  width: 200px;
  margin:0px auto;

}

.area02 {
  width: 700px;
  margin:3px auto;
  background-color : #e6e6e6; 
}



.leftbox p, blockquote { 
  font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
  font-size: 11px;
  color: #333;
  line-height: 14px;
}

.middle { 
  background-color: #f1f1f1;
  border:1px solid #ccc;
  padding: 16px 12px 0px 12px;
  width: 205px;
  margin: 0px 0px 20px 0px;
  text-align: left;
  float: middle;
}

.middle p, blockquote { 
  font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
  font-size: 11px;
  color: #333;
  line-height: 14px;
}

.leftback { 
  background-color: #ccc;
  border:1px solid #bdbdbd;
  color: #333;
  padding: 12px;
  width: 205px;
  text-align: left;
  margin:0px 0px 20px 0px;
  font-family: helvetica, arial, sans-serif;
  font-size: 12px;
  }



.rightbox p { 
  font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
  font-size: 12px;
  color: #333;
  text-align: left;
}
 
img.imgnav { margin-bottom:-2px;margin-top:6px }

blockquote { 
  font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
  font-size: 11px;
  color: #333;
  text-align: left;
}
  
  
  
  

.head { 
  font-family: helvetica, arial, sans-serif;
  font-size: 24px;
}

.subhead { 
  font-family: helvetica, arial, sans-serif;
  font-size: 16px;
  color: #555;  
}



.white { color: #fff; }

.right { text-align: right;
  font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
  font-size: 12px;
  color: #666;
  margin:0px 0px 10px 0px;
}

.date { font-size: 10px;
  white-space: nowrap;
  text-transform: uppercase;
  color: #999; }

.photo { 
  background-color: #fff;
  border:1px solid #ccc;
  padding: 13px;
  width: 250px;
  height: 290px;
  text-align: center;
  float:left;
  }

.photo p { 
  font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
  font-size: 11px;
  color: #444;
  text-align: center;
  }

.middle { 
  background-color: #f1f1f1;
  border:1px solid #ccc;
  padding: 13px;
  width: 330px;
  height: 290px;
  float:right;
  overflow: auto;
  }

.middle p { 
  font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
  font-size: 11px;
  color: #333;
  text-align: left;
  }

.middle li { 
  font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
  font-size: 11px;
  color: #333;
  text-align: left;
  }

.who { 
  background-color: #ccc;
  border:1px solid #bdbdbd;
  color: #333;
  padding: 15px 12px 12px 12px;
  width: 626px;
  text-align: left;
  margin: 5px 0px 20px 0px;
  font-family: helvetica, arial, sans-serif;
  font-size: 24px;
  line-height: 14px;
  }

.blah { 
  font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
  font-size: 11px;
  color: #333;
  text-align: left;
  line-height: 14px;
  }

.back { 
  background-color: #ccc;
  border:1px solid #bdbdbd;
  color: #333;
  padding: 12px;
  width: 626px;
  text-align: left;
  margin:0px 0px 20px 0px;
  font-family: helvetica, arial, sans-serif;
  font-size: 12px;
  }

.midwhite { 
  background-color: #fff;
  border:1px solid #bdbdbd;
  color: #333;
  padding: 12px;
  width: 626px;
  text-align: left;
  margin:0px 0px 20px 0px;
  font-family: helvetica, arial, sans-serif;
  font-size: 12px;
  }

.footer { 
  background-color: #333;
  color: #fff;
  padding: 60px 20px 20px 20px ;
  width: 612px;
  text-align: right;
  margin: 5px 0px 20px 0px;
  font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
  font-size: 11px;
}

.botleft { 
  background-color: #f1f1f1;
  border:1px solid #ccc;
  padding: 15px 12px 2px 12px;
  width: 330px;
  text-align: left;
  float:left;
  font-family: helvetica, arial, sans-serif;
  font-size: 24px;
  line-height: 14px;
  }

.botright { 
  background-color: #fff;
  border:1px solid #ccc;
  padding: 15px 12px 2px 12px;
  width: 250px;
  text-align: left;
  float:right;
  font-family: helvetica, arial, sans-serif;
  font-size: 24px;
  line-height: 14px;
  }

.formbox { 
  margin: 10px 0px;
  padding: 0px;
  text-align: left;
  }

p { 
  font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
  font-size: 12px;
  color: #333;
  margin: 0px 0px 14px 0px; }



.small, .rightbox p.small { font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
  font-size: 11px;
  color: #444;
  font-weight: normal; }

.black { color: #000; }
    
.white { color: #fff; }
    


.nowrap { white-space:nowrap; }