@charset "UTF-8";
/* CSS Document */

#main {
  background: url(../GFX/FrontpageMainBorderShadeBg.gif) top left repeat-y;
  margin-top: 7px;
  padding: 0 4px;
  clear: both;
}

#frontpageLeft {
  width: 500px;
  float: left;
  padding: 5px 0px 5px 14px;
}

#frontpageRight {
  width: 343px;
  float: right;
  padding: 5px 21px 5px 0px;
}

#firstArticle {
  border: 1px solid #c9c9c9;
  padding: 0;
}

#firstArticle img {
  margin-bottom: 13px;
}

.firstArticleTitle {
  display: block;
  background-color: #fff;
  width: 498px;
  height: 29px;
}

#firstArticle h1 {
  display: inline;
  padding-bottom: 13px;
  font-size: 140%;
}

#firstArticle h1 a {
  padding: 13px 7px;
  font-weight: normal;
  text-decoration: none;
  color: #1e1e1e;
}

#firstArticle h1 a:hover {
  text-decoration: underline;
}

#frontpageInfo {
  background: url(../GFX/frontpageInfoBg.gif) top left repeat-y;
  margin-top: 5px;
}

#frontpageInformation {
  float: right;
  width: 247px;
  margin-left: 5px;
}

#frontpageInformation ul {
  padding-left: 30px;
  width: 200px;
}

#frontpageInformation li {
  line-height: 200%;
  width: 200px;
  list-style-image: url(../GFX/squareDotBullet.gif); 
}

#frontpageInformation li a {
  background-color: #fff;
  color: #1e1e1e;
  padding-right: 1px;
  display: block;
  text-decoration: none;
}

#frontpageInformation li a:hover {
  text-decoration: underline;
}

#frontpageInformation h3 {
  background: #245aa0 url(../GFX/infoCog.gif) 5em 50% no-repeat;
  display: block;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 120%;
  line-height: 200%;
  margin-bottom: 2px;
}

#frontpageProducts {
  float: left;
  width: 247px;
}

#frontpageProducts ul {
  padding-left: 30px;
  width: 170px;
}

#frontpageProducts li {
  line-height: 200%;
  width: 170px;
  list-style-image: url(../GFX/squareDotBullet.gif); 
}

#frontpageProducts li a {
  background-color: #fff;
  color: #1e1e1e;
  padding-right: 1px;
  display: block;
  text-decoration: none;
}

#frontpageProducts li a:hover {
  text-decoration: underline;
}

#frontpageProducts h3 {
  background: #245aa0 url(../GFX/pdfIcon.gif) 4em 50% no-repeat;
  display: block;
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 200%;
  margin-bottom: 2px;
  font-size: 120%;
}

#frontpageAbout {
  background: url(../GFX/frontpage_about.gif) top left no-repeat;
  width: 247px;
  height: 98px;
  float: left;
}

#frontpageAbout p {
  padding: 12px 10px 0 100px;
}

#frontpageContact p {
  padding: 5px 5px 0 110px;
  color: #fff;
  line-height: 125%;
}

#frontpageContact a {
  color: #fff;
}

#frontpageContact {
  background: url(../GFX/frontpage_contact.gif) top left no-repeat;
  float: right;
  width: 247px;
  margin-left: 5px;
  height: 98px;
}


#articleList {
  background: url(../GFX/frontpageNewslistBg.gif) top left no-repeat;
  padding: 5px;
  height: 93px;
}

#articleList img {
  float: left;
  padding: 3px 19px 0 5px;
}

.articleListText h2 a {
  font-weight: bold;
  font-size: 100%;
  text-decoration: none;
  color: #1e1e1e;
}

.articleListText h2 a:hover {
  text-decoration: underline;
}

.articleListText p {
  margin-bottom: 2px;
}

p.readmore {
  text-align: right;
}

.separator {
  clear: both;
}


#footer {
  width: 890px;
  clear: both;
  background: url(../GFX/FrontpageFooterBackground.gif) top left no-repeat;
  margin: 0;
}