html {
 background-color: #ccc
}
body {
 min-width: 700px;
 max-width: 1280px;
 font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif;
 font-size: 80%;
 padding: 0;
 margin: 0;
 background-color: #fff;
 color: #000
}
img {
 border: 0
}
tr {
 text-align: center
}
th {
 font-weight: normal;
 height: 3em;
 background-color: #d7e1ed
}
#top {
 height: 100px;
 width: 100%;
 min-width: 630px;
 margin-bottom: 15px;
 background: #3d3a40 url("img/logoback.png") repeat;
 color: #fff
}
.fleft {
 float: left
}
.fright {
 float: right
}
#content {
 margin: 0 1em 1em 16em
}
#bottom {
 clear: both;
 margin-top: 15px;
 height: 40px;
 background: #3d3a40 url("img/bottom.png") repeat-x;
 color: #ece9d8
}
#contact {
 float: left;
 padding: 10px;
 text-align: left
}
#count {
 padding: 10px;
 text-align: right
}
#addon {
 float: right;
 width: 15em;
 margin: 2em 0 2em 2em;
 padding-left: 1em;
 border-left: thin solid #b9c3ce;
 background-color: #d7e1ed
}
h2 {
 color: #7c7a7f
}
h3 {
 margin-top: 3em;
 font-size: 1.1em;
 background: #eee;
 border-left: 0.3em solid #ffa500;
 padding: 0.1em 0.4em
}
h4 {
 font-size: 1em
}
#content h1 {
 padding: 1em 1em 0 1em;
 font-size: 1.5em;
 color: #ffa500
}
#content h2 {
 text-align: right;
 font-size: 1.5em;
 font-weight: normal;
 padding: 0 0.5em;
 margin: 1em 0;
 border-right: 0.5em solid #ffa500
}
#content p {
 padding: 1em 1em 1em 0;
 margin: 0;
}
#content ul {
 margin-top: 0;
 list-style-image: url(img/li.gif);
 line-height: 1.6em
}
#contact p {
 font-size: 80%;
 padding-top: 5px;
 margin: 0
}
#contact span {
 color: #555358
}
#count p {
 text-align: right;
 padding-top: 5px;
 margin: 0
}
#article {
 padding: 1em 1em 2em 1em;
 background: #eee url(img/artpaper.jpg);
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-right: 2px solid #bbb;
 border-bottom: 2px solid #bbb;
 text-align: justify;
 line-height: 1.5em
}
#article h1 {
 text-align: center;
 font-size: 1.2em
}
#article h4 {
 text-align: center
}
#article address {
 text-align: center
}
#article ul {
 list-style-image: none
}
.black {
 text-decoration: none;
 color: #3d3a40;
 font-weight: bold
}
a:hover.black {
 text-decoration: underline
}
#content table {
 border-collapse: collapse;
 background-color: transparent
}
.tabl {
 clear: right;
 width: 88%;
 margin: 0 3em 1em 3em
}
.tabl td, .tabl th, .tablprod td, .tablprod th {
 border: 1px solid #7c7a7f
}
.tablsel {
 background-color: #fff8dc
}
.tablprod {
 width: 288px;
 margin: 1em 3em 1em 0
}
.npcom {
 width: 168px;
 margin: 0 0 50px 15px;
 float: right
}
.npcom img {
 margin: 10px 0;
 padding: 3px;
 border: 1px solid #ccc
}
.ill {
 float: left;
 margin: 0 1em 1em 0
}
.illustr {
 float: right
}
.techcont {
 width: 515px
}
.tech {
 float: left;
 width: 510px;
 font-weight: bold;
 margin: 5px 0;
 padding-left: 5px;
 background: #dfdedf url("img/techb.gif") top repeat-x;
 border: 2px solid #ccc;
 border-top: none
}
.tech img {
 margin: 0 5px 2px 0
}
.pro {
 float: left;
 width: 95%;
 border-top: 1px dotted #3d3a40;
 margin-bottom: 10px
}
.nextpage {
 width: 70%
}