html { height: 100% }

body {
  padding: 0;
  margin: 0;
  color: #000;
  background: #006288;
  height: 100%;
  min-height: 100%;
  font: 11px Arial, Verdana, sans-serif
}

#all { 
  position: relative;
  height: 100%;
  min-height: 100%;
  width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 780)? "780px" : "100%");
  min-width: 780px
}

html>body #all {
  height: auto;
  width: 100%
}

a { color: #000 }

#top {
  width: 100%;
  height: 107px;
  background: url(/images/top_bg.gif) left top
}

#logo {
  float: left;
  height: 107px;
  width: 594px
}

#products { position: absolute; top: 79px; left: 200px }
#technologies { position: absolute; top: 79px; left: 295px }
#works { position: absolute; top: 79px; left: 390px }
#about { position: absolute; top: 79px; left: 485px }
#contacts { position: absolute; top: 79px; left: 580px }
#information { position: absolute; top: 79px; left: 675px }
#main { position: absolute; top: 0px; right: 0px }

#container {
  width: 100%;
  margin-right: -243px;
  float: left
}

#in_container { margin-right: 214px }

#left {
  clear: both;
  float: left;
  width: 214px;
  background: url(/images/left_bg.gif) left repeat-y
}

div.left_b { height: 13px }

#center {
  margin-left: 214px;
  color: #FFF;
  padding: 20px 10px 20px 5px
}

#content { 
  width: 96%; 
  margin-right: auto
  }

div.m_photo_out {
  width: 49.6%;
  padding: 5px 0 10px 0; 
  float: left; 
  text-align: center
}

div.c_photo_out {
  width: 33%;
  padding: 5px 0 10px 0; 
  float: left; 
  text-align: center
}

div.m_photo_in {
  width: 96px; 
  height: 96px;
  margin: auto; 
  padding: 1px; 
  background: url(/images/p_bg.gif) no-repeat;
  text-align: left
}

div.photo_in {
  width: 140px; 
  height: 140px;
  margin: auto; 
  padding: 1px; 
  background: url(/images/p_bg2.gif) no-repeat;
  text-align: left
}

#right {
  float: right;
  width: 243px;
  background: url(/images/tech_bg.jpg) top right repeat-y  
}

#clear {
  clear: both;
  height: 57px
}

#footer {
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(/images/footer_bg.gif);
  text-align: right;
  width: 100%;
  height: 47px
}

#copy { padding: 11px 7px 7px }

div.row { margin-top: 10px }

div.t_left {
  clear: left;
  float: left
}

div.t_right { 
  margin-left: 60px;
  padding: 3px 
}

div.cl_right { clear: right }

div.r { float: right }

div.m_right { 
  margin-right: 60px;
  padding: 3px 
}

ul {
  margin: 2px 6px 0px 6px;
  padding: 0;
  list-style-type: none
}

ul li { padding: 5px }

ul ul a { color: #9E0B0E}

ul ul ul a { color: #006288}

img { border: 0 }

div.t_left img, div.r img { 
  border: 1px solid #000; 
  margin: 3px 0 3px 5px
}

img.l { float: left }

#header {
  font-size: 14px;
  margin: 10px 10px 10px 0
}

#sel {
  padding: 3px; 
  background: #94927A; 
  color: #FFF
}

div.p {
  width: 33%; 
  float: left; 
  text-align: center; 
  padding: 1px 0 5px 0
  }

#desc { padding: 10px }

#header a { color: #FFF }

#content a { color: #FFF }

p {
  width: 97%;
  text-align: justify
  }

h1 {
  display: inline;
  font-size: 18px
  }