html, body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
a img, :link img, :visited img { border: 0; }

html, body { background: #fff; color: #000; height: 100%; }

body { font-family: Arial, sans-serif; position: relative; }

img { display: block; }

h1 { color: #28225b; position: absolute; right: 9px; top: 3px; z-index: 2; }

#container { width: 952px; height: 598px; position: absolute; top: 50%; left: 50%; margin-top: -299px; margin-left: -476px; background: #fff url(img/back.gif) no-repeat top left; }

#menu { list-style: none; font-size: 12px; margin: 55px 0 0 48px; }
 #menu li { display: inline; }
  #menu li a { font-weight: bold; color: #76939f; text-decoration: none; padding: 5px 10px; background: transparent url(img/arrow.gif) no-repeat left center; }
  #menu li a:hover, #menu li a.current { color: #28225b; }

#kits { margin: 0 0 0 58px; font-size: 11px; }
 #kits h2 { color: #7e98a2; font-size: 18px; margin: 0 0 5px 0; }
 #kits ul { list-style: none; }
  #kits li { display: inline; }
   #kits li a { font-weight: bold; color: #464f53; text-decoration: none; padding: 5px 10px; background: transparent url(img/arrow.gif) no-repeat left center; }
   #kits li a:hover { color: #76939f; }

#intro { position: absolute; top: 3px; right: 9px; }

#content { margin: 0 0 0 58px; width: 414px; }
 #content h1 { margin: 35px 0 45px 0; position: static; }
 #content h2 { font-weight: bold; font-size: 18px; margin: 25px 0; color: #28225b; }
 #content p, #content ul { line-height: 17px; font-size: 12px; }
 #content p { color: #60747c; margin: 0 0 10px 0; }
 #content ul { color: #60747c; margin: 0 0 10px 20px; line-height: 1.3; }
 #content a { color: #60747c; text-decoration: underline; }
 #content a:hover { color: #28225b; text-decoration: none; }

#text { overflow: auto; height: 310px; padding-right: 20px; }

#image { position: absolute; right: 19px; top: 3px; z-index: 1; }
#image-bottom { position: absolute; right: 9px; bottom: 20px; z-index: 1; }

p.more { background-image: none; font-size: 11px; }
 p.more a { font-weight: bold; padding: 5px 10px; background: transparent url(img/arrow.gif) no-repeat left center; text-decoration: none; color: #28225b; }
 p.more a:hover { color: #a8bbc2; }

.homepage #content {  }
 .homepage #content p { line-height: 20px; background: transparent url(img/intro-back.gif); margin: 0; }
 .homepage #content p.more { background-image: none; }
  .homepage #content p.more a { text-decoration: none; color: #28225b; }
  .homepage #content p.more a:hover { color: #a8bbc2;}

.homepage #kits { position: absolute; bottom: 30px; }
 .homepage #kits h2 { position: absolute; left: -9999px; }
 .homepage #kits ul { margin: 45px 0 0 0; }
  .homepage #kits ul li { float: left; width: 211px; height: 200px; margin: 0 10px 0 0; }
   .homepage #kits ul li a { display: block; padding: 0; background: #fff url(img/kits.gif) no-repeat 0 0; width: 211px; height: 200px; }
   .homepage #kits ul li a:hover { background-position: 0 -200px; }
    .homepage #kits ul li a em { visibility: hidden; }
     .homepage #kits ul li a em span { color: #911901; visibility: visible; margin: 40px 35px 0 11px; display: block; font-style: normal; font-family: Arial, sans-serif; font-size: 12px; }

  .homepage #kits #kit-2 a { background-position: -219px 0; }
  .homepage #kits #kit-2 a:hover { background-position: -219px -200px; }
   .homepage #kits #kit-2 a em span { color: #28225b; }
  .homepage #kits #kit-3 a { background-position: -440px 0; }
  .homepage #kits #kit-3 a:hover { background-position: -440px -200px; }
   .homepage #kits #kit-3 a em span { color: #389fe7; }
  .homepage #kits #kit-4 a { background-position: -661px 0; }
  .homepage #kits #kit-4 a:hover { background-position: -661px -200px; }
   .homepage #kits #kit-4 a em span { color: #7d97a2; }

.default #content { width: 424px; height: 425px; overflow: hidden; background: transparent url(img/content-back.png) no-repeat right bottom; padding: 0 38px 0 0; }

.kit { }
 .kit #content { position: relative; }
  .kit #content #primary, .kit #content #secondary { width: 396px; padding-right: 40px; position: absolute; top: 30px; /* IE: */ *top: 55px; }
  .kit #content #primary { background: transparent url(img/content-back.png) no-repeat right bottom; height: 385px; overflow: hidden; }
  .kit #content #secondary { left: 430px; width: 396px; }
  .kit #content p { margin: 10px 0; }
  .kit #content h2 { margin: 25px 0 0 0; }
  .kit #content h3 { background: #28225b; color: #fff; font-size: 11px; padding: 2px 10px; margin: 10px 0; }
  .kit #content h4 { color: #464f53; font-size: 11px; padding: 2px 10px; margin: 5px 0; }
  .kit #content ul { font-size: 11px; color: #657e89; font-weight: bold; line-height: 22px; background: transparent url(img/list-back.gif) repeat 0 0; list-style: none; margin: 5px 0 35px 1px; }
   .kit #content ul li { margin: 0; padding: 0; padding: 0 0 0 24px; background: transparent url(img/bullet-presentation-kit.gif) no-repeat 9px 7px; }

 .kit #kits { margin: 0; position: absolute; bottom: 50px; left: 58px; }

.identity-kit #content h2 { color: #911901; }
.identity-kit #content h3 { background: #911901; }
.identity-kit #content ul li { background-image: url(img/bullet-identity.gif); }

.presentation-kit #content h2 { color: #28225b; }
.presentation-kit #content h3 { background: #28225b; }
.presentation-kit #content ul li { background-image: url(img/bullet-presentation.gif); }

.internet-kit #content h2 { color: #389fe7; }
.internet-kit #content h3 { background: #389fe7; }
.internet-kit #content ul li { background-image: url(img/bullet-internet.gif); }

.text-kit #content h2 { color: #7d97a2; }
.text-kit #content h3 { background: #7d97a2; }
.text-kit #content ul li { background-image: url(img/bullet-text.gif); }