html {
  color: white;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  background-color: #f2f1ef;
}

input {
  border: 1px #444 solid;
}

textarea {
  border: 1px #444 solid;
  width: 90%;
}

body {
  margin: 0;
  color: #444;
}

a { color: #444; text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: none;}
a img { border-width: 0px; }

h2 a:hover, h3 a:hover {
 border-bottom: 1px solid
}

#menu a:hover, .desc a:hover, .button a:hover  {
border-bottom: 1px white solid;
}

.clear_both {
  clear: both;
}

.page_width {
  margin: 0 auto;
  width: 925px;
}

#top {
  background: url('/images/top_bg.png') repeat-x;
  height: 121px;
  padding: 0;
}

#top #logo {
  float: left;
  width: 200px;
}

#top #menu {
  float: right;
  padding: 68px 0 0 0;
}

#top #menu a {
  display: block;
  float: left;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
}

#top #menu .delim {
  float: left;
  padding: 0 10px;
  background: url('/images/top_menu_delim.png') 50% no-repeat;
  height: 32px;
}

#top #menu .one-line {
  padding-top: 8px;
}

#other-page, #index-page {
  padding: 0;
  margin: 0;
}

#other-page {
  background: url('/images/content_other_bg.png') repeat-x;
}

#index-page {
  background: url('/images/content_index_bg.png') repeat-x;
}

#footer {
  margin-top: 30px;
  background-color: #2a2a2a;
  border: 1px solid #666;
  color: #fff;
  padding: 12px 0;
  text-align: center;
}

#footer a {
  color: #fff;
}


#index-page .column {
  text-align: center;
  float: left;
  width: 230px;
  background: url('/images/index_delim.png') 5% 7px no-repeat;
}

#index-page .info a span, #right p a, #right li a {
color: #ff6c00;
}

#index-page .info a:hover,  #work_column a.name:hover, #left .name a:hover, #panel_info a:hover  {
 border-bottom: 1px #444 solid;
}

#right p a:hover, #index-page .info a:hover span, #right li a:hover {
 border-bottom: 1px #ff6c00 solid;
}

#index-page .info p {
 margin-left: 15px;
}

#index-page .first {
  background: none;
}

#index-page #columns h2 {
  font-size: 20px;
  text-align: center;
  margin: 10px 0 35px 0;
}

#index-page #columns h2.our_work {
margin-bottom: 10px;
margin-top: 15px;
}

#index-page #work_column img, #left img {
  border: 3px solid gray;
}

#index-page #work_column img:hover, #left img:hover {
  border: 3px solid #fd9301;
}


#index-page ul {
  text-align: left;
}

h1 {
  margin: 0;
  padding: 28px 10px 31px 28px;
  text-align: center;
}

#left {
  float: left;
  width: 200px;
  padding-top: 80px;
}

#left .tip_desc {
 width: 200px;
}

#right {
  float: right;
  width: 700px;
}

#right p {
 text-indent: 2em;
 text-align: justify;
}

#right li {

}

.button {
  margin-top: 2px;
  border: 0;
  border-top: 1px #e8ac60 solid;
  border-bottom: 1px #e8ac60 solid;
  background: #e48701;
  color: #fff;
}

.button a {
font-weight: bold;
}

#left #maillist {

}

#left .name {
margin-left: 16px;
}

#left input {
  width: 80%;
}

#left h2 {
 margin-top: 30px;
}

#left h2.first {
 margin-top: 13px;
 color: red;
}

#left ul {
 padding-left: 20px;
}

#contact_bottom {
  color: #fff;
  background-color: #e38500;
  background-image: url('/images/contact_logo.png');
  background-repeat: no-repeat;
  background-position: 100% 100%;
  border: 1px #eab560 solid;
  padding: 10px;
  margin-top: 50px;
}

#contact_bottom a {
  color: #fff;
}

#contact_bottom .contact {
  float: left;
  width: 50%;
  background: url('/images/contact_delim.png') 95% 35px no-repeat;
}

#contact_bottom .contact h3 {
  font-size: 17px;
  margin-top: 0px;
}

#contact_bottom .places {
  float: left;
}

#contact_bottom .place {
  float: left;
  width: 160px;
}

#contact_bottom .place h4 {
  font-weight: normal;
}

#contact_bottom input {
  width: 60%;
  float: left;
}

#contact_bottom .contact strong {
  display: block;
  width: 100px;
  float: left;
}

#contact_bottom .contact .button {
  background: url('/images/contact_button_bg.png') repeat-x;
  height: 22px;
  margin-left: 100px;
}

.work_left {
  float: left;
  width: 350px;
  text-align: justify;
}

.work_header {
  float: left;
  width: 200px;
}

.work_right {
  float: right;
}

.work_item {
  padding-bottom: 5px;
}

#content .work_right a {
  display: block;
  border: 3px solid gray;
}

#content .work_right a:hover {
  display: block;
  border: 3px solid #fd9301;
}

#scream {
  height: 353px;
}

#arrow_left {
  float: left;
  width: 74px;
}

#arrow_right {
  float: right;
  width: 74px;
}

#screen {
  margin-top: 20px;
  width: 770px;
  height: 275px;
  float: left;
	overflow: hidden;
}

#screen .image {
  float: right;
  width: 350px;
}

#screen .text {
  float: left;
  width: 380px;
  _width: 360px;
  margin: 0 20px;
  text-align: justify;
  color: #fff;
}

#screen .text a {
  color: #fff;
}

#screen h1, #screen h2 {
  padding-top: 20px;
  font-size: 18px;
  padding-bottom: 5px;
  padding-left: 0px;
  background: url('/images/index_scream_line.png') 0 100% no-repeat;
  text-align: left;
}

#screen .button {
  text-align: center;
  font-size: 15px;
  background: #e38300;
  padding: 10px;
  border: 0;
}

#screen .desc {
  padding: 10px 0;
}

#screen h2 {
margin: 0px;
}


#screen img {
  border: 5px #bc5d00 solid;
}

#screen img:hover {
  border: 5px solid #fd9301;
}

.work_item h3 {
  margin-top: 0;
}

.next {
  text-align: center;
}

.next .button {
  padding: 7px;
}

.explain {
 cursor: help;
 border-bottom: 1px dashed;
}

ul.info_ul, ul.vyhody_ul {
 padding-left: 0;
}

ul.info_ul li, ul.vyhody_ul li {
 list-style-type: none;
 float: left;
 margin-right: 10px;
 width: 160px;
 text-align: center;
}

ul.vyhody_ul li {
 background-color: #FFE8C6;
 border:1px solid #E48701;
 height:250px;
 padding: 5px 0;
}

ul.info_ul li a {
 color: #444 !important;
}

ul.info_ul li a:hover {
 border-bottom-color: #444 !important;
}

ul.vyhody_ul li img {
 margin: 5px 0 10px 0;
 border: 3px #666 solid;
}

ul.vyhody_ul li div {
 text-align: left;
 padding-left: 13px;
 margin-bottom: 5px;
}