body {
  margin: 0;
  padding: 0;
}

#header {
  background-color: #000000;
  margin-bottom: 10px;
  height: 100px;
}

#text {
  float: left;
  margin: 0;
  padding: 5px;
  width: 800px;
}

#text h1, #text p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

#text p {
  color: #bfc2c3;
  font-size: 12px;
}

#text strong {
  font-size: 14px;
  color: #01b9e9;
}

#text h1 {
  font-size: 16px;
  color: #01b9e9;
}

#logotip {
  float: right;
  padding-top: 10px;
  padding-right: 20px;
}

#content {
  float: left;
  width: 65%;
  padding-right: 30px;
  padding-left: 20px;
}

#sidebar {
  float: right;
  width: 300px;
}

#sidebar h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: italic;
  color: #000000;
  margin-bottom: 3px;
}

#sidebar ul {
  padding-left: 10px;
  margin: 0;
  list-style: none;
}

#sidebar a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  color: #0aa2d4;
}

#sidebar .new {
  color: orange;
}

#mail {
  background: url(mail.png) repeat-x;
  height: 254px;
  margin-right: 10px;
  margin-top: 10px;
}

#mail h2 {
  padding-top: 5px;
  padding-left: 5px;
  padding-bottom: 0;
  margin-bottom: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #ffffff;
}

#mail p {
  margin: 0;
  padding-bottom: 5px;
  padding-left: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
}

#mail .submit_mail {
  width: 77px;
  height: 19px;
  margin-right: 20px;
}

#mail input, #mail textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #4a4b4b;
  width: 270px;
}

#mail textarea {
  height: 105px;
}


#offer a {
  padding-left: 27px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-decoration: underline;
}

.rec_ag {
  background: url(rec_ag.png) no-repeat;
}

.ruk_kom {
  background: url(ruk_kom.png) no-repeat;
}

.price {
  background: url(price.png) no-repeat;
}

#menu {
  clear: both;
  background-color: #000000;
  margin: 30px 0 0 0;
  padding: 0;
}

#menu ul {
  list-style: none;
  height: 25px;
  padding: 0;
  margin-left: 10px;
  margin-bottom: 0;
}

#menu li {
  float: left;
  padding: 0;
  margin-right: 15px;
}

#menu a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

#footer {
  clear: both;
  padding: 10px;
  margin: 0;
  background-color: #c3c0c0;
  height: 45px;
}

#footer p {
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
}

#address {
  float: left;
}

#copyright {
  float: right;
}

#copyright a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #4a4b4b;
}

#jobs {
  text-align: center;
}

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

#jobs td {
  margin: 0;
  padding: 0;
  border-right: #CCCCCC 1px dashed;
  padding-right: 15px;
  padding-left: 15px;
}

#jobs .last {
  border: 0;
}

a:link, a:visited, a:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #0f7bc7;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#jobs td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
}

#content h1, #content h2, #content h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}

#content h1 {
  font-size: 16px;
}

#content h2 {
  font-size: 14px;
}

#content h3 {
  font-size: 12px;
}

#content, #content p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
}

#news {
  width: 100%;
}

#news p {
  margin: 0;
  padding: 0;
  font-weight: bold;
}

#news td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  width: 50%;
}

#news a {
  font-size: 12px;
}

.news_last {
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: #CCCCCC 1px solid;
}

.portfolio {
  float: left;
  width: 33%
}

.portfolio div {
  margin-right: 20px;
  padding-right: 10px;
}

.clear {
  clear: both;
    margin-bottom: 30px;
}

#work {
  width: 100%;
}

#work td {
  border-bottom: #CCCCCC 1px dashed;
  padding-bottom: 10px;
  padding-top: 10px;
}

#price {
  width: 100%;
}

#price th {
  text-align: left;
}

#price td {
  padding-left: 10px;
}

#price tr {
  height: 20px;
}

.orange {
  background-color: #fde197;
}

.blue {
  background-color: #61c0fc;
  font-weight: bold;
  color: #ffffff;
}

#price .blue a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}

#price .lightblue a:link, #price .lightblue a:active, #price .lightblue a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #4a4b4b;
  text-decoration: none;
}

#price .lightblue a:hover {
  text-decoration: underline;
} 

.lightblue {
  background-color: #ebf5ff;
}

.calculate {
  text-align: right;
  padding-right: 5px;
  color: #ffffff;
  background-color: #61c0fc;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  width: 55px;
}

#content input, #content textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

#order p {
  padding: 0;
  margin: 5px 0;
}

.analyzer {
  width: 100%;
  padding-bottom: 20px;
}

.analyzer td {
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}