body
{
  font:14px Lucida Grande, Arial, sans-serif;
  padding:0; margin:0;
}
a { color:#2667c1; outline:none; }
img { border:0; }

#cred { background:#333; height:3px; margin-bottom:48px; }
#cred > div { margin:0 auto; width:900px; }
#cred > div img { margin-top:10px; }
#cred > div > div
{
  float:right;
  background:#333;
  color:white;
  font-size:10pt;
  padding:6px 12px;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
}
#cred > div > div > a { color:white; text-decoration:none; }
#cred > div > div > a:hover { text-decoration:underline; }

#content { margin:0 auto; width:900px; }
#content > div > h1 { display:none; }

a.logo
{
  display:block;
  height:256px;
  background:#f8f8f8;
  padding:24px 24px 32px 24px;
  border:1px solid #ddd;
  border-bottom:1px solid #bbb;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-bottom:24px;
  background: linear-gradient(top,#fff, #eee);
  background: -moz-linear-gradient(top,#fff, #eee);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
  color:#333;
  font-size:24px;
  letter-spacing:-1px;
  text-decoration:none;
  position:relative;
}
a.logo img.ball { float:left; margin-right:24px; vertical-align:top; }
a.logo img.type { margin:48px 0 24px 0; }

div.slices { position:relative; height:254px; }
div.slices > div
{
  position:absolute;
  color:#fff;
  text-align:justify;
  width:292px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
div.slices > div > div
{
  height:230px;
  padding:12px 24px;
  border:1px solid #9fcaf5;
  border-bottom:none;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
div.slices > div > a
{
  position:absolute;
  top:0;
  left:0;
  width:292px;
  height:254px;
}
div.slices h2
{
  text-align:center;
  margin:0;
  font-size:19px;
  text-shadow:#173b6c 1px 1px 1px;
}
div.slices h2 img { vertical-align:middle; }
div.slices p { line-height:1.3em; }

div.organize
{
  border:1px solid #2667c1;
  background:#65aaef;
  background: linear-gradient(top, #65aaef, #367ec6);
  background: -moz-linear-gradient(top, #65aaef, #367ec6);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#65aaef), to(#367ec6));
}

div.visualize
{
  left:304px;
  border:1px solid #103d7a;
  background:#2667c1;
  background: linear-gradient(top, #2667c1, #1854a7);
  background: -moz-linear-gradient(top, #2667c1, #1854a7);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2667c1), to(#1854a7));
}
div.visualize h2 { text-shadow:#15417e 1px 1px 1px; }
div.slices > div.visualize > div { border-color:#7da4da; }

div > div.analyze
{
  right:0px;
  border:1px solid #0a1b34;
  background:#15417e;
  background: linear-gradient(top, #15417e, #0d2950);
  background: -moz-linear-gradient(top, #15417e, #0d2950);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#15417e), to(#0d2950));
}
div.analyze h2 { text-shadow:#000 1px 1px 1px; }
div.slices > div.analyze > div { border-color:#4d6e9d; }


#footer { margin:1em auto 2em auto; width:900px; }
#footer p
{
  margin-top:48px;
  color:#777;
  text-align:center;
  font-size:8pt;
}
#footer img { vertical-align:middle; }
#footer span { margin-right:12px; }