* {
    margin: 0;
    padding: 0;
    border: none;
}

html, body {
    height: 100%;
}

.inv {
    display: none;
}

hr.clear {
    visibility: hidden;
    height: 0;
    clear: both;
}

a {
  color: #00aced;
}

a:hover {
  text-decoration: none;
}

body {
    font: .9em/1.3em "Tahoma", "Arial", sans-serif;
    text-align: center;
    color: #000;
}

#main {
    width: 100%;
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background:  url( "../images/bg.jpg" ) no-repeat center top;
}

#center {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    padding: 160px 0 100px 0;
}

.menu {
    background:  url( "../images/menu-bg.jpg" ) no-repeat top left;
    height: 68px;
    list-style: none;
}

.menu li {
    height: 68px;
    float: left;
    margin: 0;
    padding: 0;
}

.menu li a#about-us {
  padding: 0 0 0 253px;
  background:  url( "../images/menu-about-us.jpg" ) no-repeat top right;
}

.menu li a:hover#about-us {
  padding: 0 0 0 253px;
  background:  url( "../images/menu-about-us-h.jpg" ) no-repeat top right;
}

.menu li a#about-us.active{
  padding: 0 0 0 253px;
  background:  url( "../images/menu-about-us-h.jpg" ) no-repeat top right;
}

.menu li a#know-how {
  padding: 0 0 0 105px;
  background:  url( "../images/menu-know-how.jpg" ) no-repeat top right;
}

.menu li a:hover#know-how {
  padding: 0 0 0 105px;
  background:  url( "../images/menu-know-how-h.jpg" ) no-repeat top right;
}

.menu li a#know-how.active {
  padding: 0 0 0 105px;
  background:  url( "../images/menu-know-how-h.jpg" ) no-repeat top right;
}

.menu li a#services {
  padding: 0 0 0 106px;
  background:  url( "../images/menu-services.jpg" ) no-repeat top right;
}

.menu li a:hover#services {
  padding: 0 0 0 106px;
  background:  url( "../images/menu-services-h.jpg" ) no-repeat top right;
}

.menu li a#services.active {
  padding: 0 0 0 106px;
  background:  url( "../images/menu-services-h.jpg" ) no-repeat top right;
}

.menu li a#partners {
  padding: 0 0 0 99px;
  background:  url( "../images/menu-partners.jpg" ) no-repeat top right;
}

.menu li a:hover#partners {
  padding: 0 0 0 99px;
  background:  url( "../images/menu-partners-h.jpg" ) no-repeat top right;
}

.menu li a#partners.active {
  padding: 0 0 0 99px;
  background:  url( "../images/menu-partners-h.jpg" ) no-repeat top right;
}

.menu li a#contacts {
  padding: 0 0 0 105px;
  background:  url( "../images/menu-contacts.jpg" ) no-repeat top right;
}

.menu li a:hover#contacts {
  padding: 0 0 0 105px;
  background:  url( "../images/menu-contacts-h.jpg" ) no-repeat top right;
}

.menu li a#contacts.active {
  padding: 0 0 0 105px;
  background:  url( "../images/menu-contacts-h.jpg" ) no-repeat top right;
}

.menu li a {
    height: 68px;
    display: block;
    float: left;
    background:  url( "./gfx/menu-left.gif" ) no-repeat top left;
    padding: 0;
    text-decoration: none;
    color: #000;
}

.menu li a:hover {
    text-decoration: underline;
}

.content {
  height: 484px;
  padding: 0;
  margin: 0;
}

#c-about-us{
  background:  url( "../images/content-about-us.jpg" ) no-repeat top right;
}

#c-services{
  background:  url( "../images/content-services.jpg" ) no-repeat top right;
}

#c-contacts{
  background:  url( "../images/content-about-us.jpg" ) no-repeat top right;
}

#c-know-how{
  background:  url( "../images/content-deafult.jpg" ) no-repeat top right;
}

#c-partners{
  background:  url( "../images/content-deafult.jpg" ) no-repeat top right;
}

.content p{
  margin: 0 0 20px 60px;
  width: 600px;
}

.content ul{
  margin: 0 0 20px 60px;
  width: 600px;
  list-style:none outside none;
}

.content ul li{
  background:url("../images/bullet.gif") no-repeat scroll 0 8px transparent;
  padding:3px 0 3px 13px;
}

.content ul li ul{
  background:url("../images/bullet.gif") no-repeat scroll 0 8px transparent;
  margin: 0;
}

.content h2{
  margin: 0 0 20px 50px;
  width: 600px;
  color: #00aced;
  font: 1.4em "Tahoma", "Arial", sans-serif; 
}

.content h4{
  font: 1.2em "Tahoma", "Arial", sans-serif;
  margin: 0 0 20px 60px;
  width: 600px;
  border-bottom : 2px solid #e3e3e4;
}


