body{
  background: url("pagebg.jpg") top center repeat-x white;
  color: #333;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  margin: 0;
  padding: 0;
  text-align: center;
}
h1{
  font-size: 24px;
  color: #999;
  font-weight: normal;
  letter-spacing: 1px;
  margin: 0 0 1em 0;
}
h2{
  font-size: 11px;
  color: #333;
  font-weight: bold;
  margin: 2em 0 0 0;
  clear: both;
}
h3{
  font-size: 11px;
  color: #999;
  font-weight: bold;
  margin: 2em 0 0 0;
}
h4{
  font-size: 11px;
  color: #999;
  font-weight: normal;
  margin: 2em 0 0 0;
}
p{
  margin: 0 0 1.4em 0;
}
img{
  border: none;
}
address{
  font-style: normal;
  text-align: left;
}
ul{
  list-style-type: circle;
}
li{
  margin-bottom: .5em;
}
dl{
  padding: 0;
  margin: 1em 0;
}
dt{
  font-weight: normal;
  color: #999;
}
dd{
  margin: 1em 0 1em 0;
  padding: 0 0 0 1em;
  /*border-left: 1em solid #ccc;*/
}
a{
  text-decoration: none;
  color: #c00;
}
a:hover{
  text-decoration: underline;
}
#page{
  margin: 0 auto;
  text-align: left;
  width: 600px;
}
#head{
  position: relative;
  width: 600px;
  height: 160px;
  background: url("top.jpg") top left no-repeat transparent;
  margin-top: 38px;
}
body.intro #head{
  width: 600px;
  height: 338px;
  margin-bottom: 2em;
}
body.intro #head #altcontent{
  padding-top: 180px;
}
body.features #head{
  width: 600px;
  height: 458px;
  margin-bottom: 2em;
}
body.intro #head #altcontent{
  padding-top: 300px;
}
#head a#logo{
  position: absolute;
  top: 15px;
  left: 0px;
  display: block;
  width: 600px;
  height: 100px;
}
#head a#logo img{
  width: 1px;
  height: 1px;
  position: absolute;
  top: -2000px;
  left: -2000px;
}

#nav{
  position: absolute;
  z-index: 99;
  top: 0px;
  left: 0px;
  width: 100%;
  font-size: 11px;
  line-height: 17px;
  letter-spacing: 0px;
  background: url("nav-bottom.gif") 0% 100% repeat-x;
  padding-bottom: 4px;
  border-top: 1px solid #f3f3f3;
}
#nav ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: url("nav-bg.gif") 0% 100% repeat-x #e5e5e5;
}
#nav li{
  display: inline;
}
#nav a{
  color: black;
  font-weight: normal;
  padding: .2em 10px;
  margin-left: -4px;
  border-right: 1px solid #ccc;
  white-space: nowrap;
}
#nav a:hover{
  text-decoration: none;
  background: url("nav-bg-over.gif") 0% 100% repeat-x #ccc;
}
#nav li.active a, #nav li.active a:hover{
  background-image: none;
  background-color: black;
  color: white;
}

#content{
  margin: 0 0px 0 0px;
}
#content ul{
  list-style-type: none;
  margin: .4em 0 1.4em 3em;
  padding: 0;
}
#content li{
  padding-left: 12px;
  background: url("bullet-grey.gif") 0% .4em no-repeat transparent;
}
#foot{
  clear: both;
  width: 600px;
  height: auto;
  background: url("foot-long.gif") bottom left no-repeat transparent;
  margin-bottom: 3em;
  margin-top: 3em;
  font-size: 9px;
}
#foot address{
  background: url("foot-short.gif") top left no-repeat transparent;
  padding: 4px 10px 6px 10px;
  text-align: center;
}
#foot address br{
  display: none;
  }

div.intro{
  font-size: 12px;
  line-height: 20px;
  margin: 2em 3em;
}
.featurelist img.alignleft{
  border: none;
  margin-bottom: .5em;
  margin-right: 1em;
  margin-top: .5em;
  padding-right: 0;
}
.subtitle{
  font-family: serif;
  font-size: 18px;
  letter-spacing: 1px;
  font-style: italic;
  font-weight: normal;
  color: black;
  text-align: center;
  margin-top: -1.5em;
}
.alignleft{
  float: left;
  clear: left;
  margin: 0 2em 0 0;
}
.alignright{
  float: right;
  clear: right;
  margin: 0 0 2em 4em;
}
.clear{
  clear: both;
}
.note{
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 1em 1em 0 1em;
}
.cols2{
  padding: 1em 0;
}
.cols2 .col{
  width: 290px;
}
.cols2 > .col{
  width: 279px;
}
.cols2 .alignleft{
  float: left;
  border-right: 2px dotted #ccc;
  padding-right: 20px;
  margin-right: 0px;
}
.cols2 .alignright{
  float: right;
  margin-left: 20px;
  clear: right;
}
.cols2 h2{
  
}
/* description for leonova-infinity-design flash */
.designdesc{
  margin-top: 5em;
}
#content .cols2 ul{
  margin-left: 0px;
}

/* AUX - Condition Monitoring Solutions */
#aux{
  padding-left: 285px;
  background: url("leonova-monitor-pump.jpg") -75px 100% no-repeat #fff;
  height: 100%;
}
#aux .auxitem{
  clear: both;
  border-top: 2px dotted #ccc;
  padding: .5em 0;
}
#aux > .auxitem{
  padding: 1em 0;
}

#aux .auxitem h2,
#aux .auxitem p{
  margin: 0;
  padding: 0;
}
#aux .auxitem img.alignleft{
  margin-bottom: 1em;
}