/* ----------------------------- MAIN ------------------------------------- */

hr {
  margin: 5px 15px 2px 5px;
  height: 1px; 
  color: #e6e4e4; 
  background: #fff url("../images/hr_dot.gif") left top repeat-x; 
  border: 0px solid #e6e6e6;
  /*visibility: hidden;*/
}
html>body hr {
  margin: 10px 15px 5px 5px;
}
a#print {
  float: left;
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  text-decoration: none;
  overflow: hidden;
}
a#print span{
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 0; left: 0;
  background: url("../images/print.gif") left top no-repeat;
  cursor: pointer;
}

/* --- MIDDLE --- */

#cover_main {
  background: #fff;
}
#cover_main_left {
  background: url("../images/main_left_pixel_w.gif") left top repeat-y;
}
#cover_main_right {
  background: url("../images/main_right_pixel_w.gif") right top repeat-y; 
}
#main_left {
  background: url("../images/main_left_w.jpg") left top no-repeat;
}
#main_right {
  background: url("../images/main_right_w.jpg") right top no-repeat;
}
#main_line {
  background: url("../images/main_line_pixel.gif") left top repeat-y;
  margin: 0 9px;
}
#main_line_end {
  background: url("../images/main_line_end.gif") left bottom no-repeat;
  padding: 5px 0 0 0;
}

/* BOTTOM */

#bottom {
  background: #fff url("../images/bottom_pixel_w.gif") left bottom repeat-x;
}
#bottom_left {
  background: url("../images/bottom_left_w.gif") left bottom no-repeat;
}
#bottom_right {
  background: url("../images/bottom_right_w.gif") right bottom no-repeat;
}

/* SUBMENU */

#cover_submenu {
  float: left;
  width: 181px;
}
p#submenu_head_design, p#submenu_head_more, p#submenu_head_applications, p#submenu_head_reference, p#submenu_head_us {
  position: relative;
  width: 181px;
  height: 34px;
  margin: 0; padding: 0;
  text-align: right;
  color: #fff;
  background-color: inherit;
}
p#submenu_head_design span, p#submenu_head_more span, p#submenu_head_applications span, p#submenu_head_reference span, p#submenu_head_us span {
  display: block;
  position: absolute;
  width: 181px;
  height: 34px;
  top: 0; left: 0;
  z-index: 1;
}
.submenu_body {
  width: 181px;
}
.submenu_foot {
  width: 181px;
  height: 37px;
}

/* submenu_list */

.submenu_body ul {
  list-style-type: none;
  margin: 0; padding: 3px 0;
}
.submenu_body li {
  margin: 0; padding: 1px 0;
  font-size: 85%;
}
.submenu_body a {
  display: block;
  text-decoration: none;
  height: 5px;
  margin: 0 11px 0 10px;
}
html>body .submenu_body a {
  height: auto;
}
.submenu_body a:hover {
}
.submenu_body a strong {
  display: block;
  padding: 2px 9px 2px 20px;
  color: #fff;
  background-color: inherit;
  font-weight: normal;
  background: url("../images/nothing.gif") 13px 50% no-repeat;
}
.submenu_body a:hover strong, .submenu_body a:focus strong {
  color: #fef1b5;
  background-color: inherit;
  /*background: url("../images/submenu_over_dot.gif") 13px 50% no-repeat;*/
}
.submenu_body span {
  display: block;
  text-decoration: none;
  height: 5px;
}
html>body .submenu_body span {
  height: auto; 
}
.submenu_body span strong {
  display: block;
  padding: 2px 9px 2px 30px;
  font-weight: normal;
  color: #fef1b5;
  background-color: inherit;
}

/* MAIN_TEXT */

#main_text_cover {
  margin: 0 0 0 180px; padding: 0.2em 1.8em 0.2em 0.8em;
  width: 100%;
  height: 20em; 
}
html>body #main_text_cover {
  width: auto;
  height: auto;
  min-height: 20em;
}
#main_text_cover_without_submenu {
  padding: 0.2em 1.2em;
  height: 20em;
}
html>body #main_text_cover_without_submenu  {
  height: auto;
  min-height: 20em;
}
#main_text_cover h2, #main_text_cover_without_submenu h2 {
  font-size: 180%;
  font-weight: normal;
  color: #e3ac0d;
  background-color: inherit;
  margin: 0 0 10px 0; padding: 10px 0 10px 0;
}
#main_text_cover h3, #main_text_cover_without_submenu h3 {
  margin: 10px 0 5px 0; padding: 5px 0 6px 30px;
  font-size: 130%;
}
#main_text_cover h3 span, #main_text_cover_without_submenu h3 span{
  font-size: 70%;
  font-weight: normal;
}
/*#main_text_cover h3.space, #main_text_cover_without_submenu h3.space {
  margin: 10px 0 0 0;
}*/
#main_text_cover h4, #main_text_cover_without_submenu h4 {
  font-size: 120%;
  padding: 10px 0 3px 5px;
}
/*#main_text_cover a, #main_text_cover_without_submenu a {
  color: #d48200;
}*/
/*#main_text_cover a:hover, #main_text_cover_without_submenu a:hover {
  color: #a9822e;
}*/
a.link_more {
  /*text-decoration: none;*/
}
a.link_more:hover, a.link_more:focus {
  text-decoration: none;
}
#main_text_cover p.description, #main_text_cover_without_submenu p.description {
  /*margin: 10px 0 15px 5px; padding: 10px 10px 10px 30px;
  border: #f5eacc 1px solid;*/
  color: #806107;
  background-color: inherit;
}
#main_text_cover p, #main_text_cover_without_submenu p {
  padding-left: 10px;
}
#main_text_cover p.subservice, #main_text_cover_without_submenu p.subservice {
  padding-left: 15px;
}
.headbox_left_top {
  margin: 10px 0;
  border-bottom: #fff 1px solid;
  color: inherit;
  background: #f6f2e7 url("../images/headbox_left_top.gif") left top no-repeat;
}
.headbox_left_bottom {
  background: url("../images/headbox_left_bottom.gif") left bottom no-repeat;
}
.headbox_right_top {
  background: url("../images/headbox_right_top.gif") right top no-repeat;
}
.headbox_right_bottom {
  background: url("../images/headbox_right_bottom.gif") right bottom no-repeat;
}
.headbox_p_left_top {
  background: url("../images/headbox_p_left_top.gif") left top no-repeat;
}
.max_contact {
  width: 32em;
  min-width: 370px;
}
.max_login {
  width: 20em;
  min-width: 230px; 
}
p#navigation {
  text-indent: 0;
  margin: 0 0 5px 20px; padding: 0;
  font-size: 85%;
}
p#navigation a {
  /*text-decoration: none;*/
}
p#navigation a:hover, p#navigation a:focus {
  color: #de921a;
  background-color: inherit;
  /*text-decoration: underline;*/
}
p#navigation span {
  color: #676767;
  background-color: inherit;
}
p#navigation img {
  /*vertical-align: middle;*/
}
#contact_form, #login_form {
  padding: 15px;
}
#contact_form input, #contact_form select {
  width: 24.5em;
}
#login_form input {
  width: 14em;
}
#contact_form .submit, #login_form .submit{
  width: auto;
}
#contact_form label, #login_form label {
  font-weight: bold;
  color: #d48200;
  background-color: inherit;
}
input#contact_control {
  width: 7em;
  margin: 0; padding: 0;
}
#contact_form img {
  
}
span#code_img_cover {
  display: block;
  float: left;
  width: 8em;
  min-width: 100px;
  margin: 5px 0 0 0;
  text-align: center;
  color: inherit;
  background: #fff;
  padding: 2px;
  border: #f1c580 1px solid;
}
span#code_text_cover {
  display: block;
  float: left;
  width: 18em;
  min-width: 200px;
  margin: 2px 0 0 10px; padding: 2px;
  color: #664e06;
  background-color: inherit;
}
p.code_clear {
  padding-top: 10px;
  clear: both;
}
#main_text_cover ul, #main_text_cover_without_submenu ul {
  list-style-type: none;
  margin: 0; padding: 2px 10px;
}
#main_text_cover li, #main_text_cover_without_submenu li {
  margin: 3px 0; padding: 2px 0 2px 20px;
  background: url("../images/list_rounder_orange.gif") 0% 0.5em no-repeat;
}
#main_text_cover li li, #main_text_cover_without_submenu li li {
  padding: 2px 0 2px 15px;
  background: url("../images/list_rounder_orange_small.gif") 0% 0.5em no-repeat;
}
#main_text_cover ul.orange, #main_text_cover_without_submenu ul.orange, #main_text_cover ul.arrow {
  padding: 10px;
}
#main_text_cover ul.orange li, #main_text_cover_without_submenu ul.orange li {
  background: url("../images/list_rounder_darkorange.gif") 0% 0.5em no-repeat;
  color: #806107;
  background-color: inherit;
}
#main_text_cover ul.arrow li {
  background: url("../images/list_rounder_arrow.gif") 0% 0.2em no-repeat;
}
.error {
  color: #f00;
  background-color: inherit;
}
.input_error {
  color: #8b0000;
  background: #fff3f3;
  border: #ff2f2f 1px solid; 
}
span.code_error {
  border: #ff2f2f 1px solid !important;
}

.divide {
  height: 1px;  
  background: url("../images/hr_dot.gif") left top repeat-x;
  margin: 10px 20px 10px 5px;
  font-size: 1%;
}
.light_text {
  font-weight: bold;
  color: #d48200; 
  background-color: inherit;
}
.dark_text {
  color: #664e06;
  background-color: inherit;
}

/* portfolio */

#main_text_cover h3.h_reference, #main_text_cover_without_submenu h3.h_reference { 
  font-size: 120%;
  float: left;
}
p.portfolio_img {
  float: left;
  width: 230px;
  margin: 10px 0 0 0;
}
p.portfolio_img span {
  font-size: 95%;
}
p.portfolio_text {
  float: left;
  width: 22em;
  padding: 0 5px 15px 10px;
}
p.portfolio_text a {
  font-size: 95%;
}

/* support, icq */

ul#icq, ul#skype {
  float: left;
  background: url("../images/icq_back.gif") left top no-repeat;
  margin: 10px 0 25px 0; padding: 40px 0 0 53px;
}
ul#skype {
  background: url("../images/skype_back.gif") left top no-repeat;
  padding: 40px 0 0 48px;
}

/* Because of IE 5.5,5 */
* html ul#skype { padding-left: 32px; }
* html ul#skype { paddi\ng-left: 48px; }
* html ul#icq { padding-left: 34px; }
* html ul#icq { paddi\ng-left: 53px; }
 
ul#icq li, ul#skype li {
  width: 19em;
  background: url("../images/icq_user.gif") 0% 50% no-repeat;
  margin: 5px 0 0 0; padding: 5px;
  color: #1d710f;
  background-color: inherit;
}
ul#skype li {
  width: 15em;
  margin: 5px 0 0 0; padding: 8px 5px 7px 8px;
  background: url("../images/skype_user.jpg") 0% 50% no-repeat;
  color: #4e77d3;
}
ul#icq li.offline, ul#skype li.offline {
  color: #9e2121;
  background-color: inherit;
}
ul#icq img, ul#skype img {
  margin-right: 10px;
  vertical-align: middle;
}
#chat {
  float: left;
  width: 219px;
  height: 103px;
  margin: 5px 5px 30px 45px; padding: 45px 0 0 50px;
  background: url("../images/chat.jpg") left top no-repeat;
  /*border: #f00 1px solid;*/
}
html>body #chat {
  width: 169px;
  height: 58px;
}
#chat a {
  color: #c65c23;
  font-size: 130%;
  font-weight: bold;
  text-decoration: none;
  background-color: inherit;
}

/* -- cover frame --*/

/*.frame_o_center {
  margin: 10px 0;
  border-bottom: #fff 1px solid;
  background: #f6f2e7 url("../images/frame_o_center.gif") 0% 50% no-repeat;
}
.frame_o_left_top {
  background: url("../images/frame_o_tl.gif") left top no-repeat;
}
.frame_o_left_bottom {
  background: url("../images/frame_o_bl.gif") left bottom no-repeat;
}
.frame_o_right_top {
  background: url("../images/frame_o_tr.gif") right top no-repeat;
}
.frame_o_right_bottom {
  background: url("../images/frame_o_br.gif") right bottom no-repeat;
  padding: 10px 10px 10px 25px;
  height: 4em;
}
html>body .frame_o_right_bottom {
  height: auto;
  min-height: 4em;
}*/