/* CSS Document */
body {font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; color: white; background-color: black; vertical-align: top; text-align: center;  background-repeat: repeat-x;}
div#main {width: 525px; margin: 40px auto; text-align: left;}
div#hdr {width: 525px; height: 200px; margin: -20px auto;}
img#round {}
a:link {color: #00CCFF; text-decoration: none;}
a:visited {color: #00CCFF; text-decoration: none;}
a:hover {color: #59DEFF; text-decoration: none; border-bottom: 1px dotted #59DEFF;}
a {outline: none;}
h1 {font-size: 20px; font-weight: normal;}
h2 {font-size: 18px; font-weight: normal;}
h3 {font-family: Tahoma, Geneva, sans-serif; Times, serif; font-size: 15px; margin: 0px 0px -10px 0px;}
h4 {font-size: 14px; font-weight: normal;}
h5 {font-size: 13px; font-weight: normal;}
h6 {font-size: 12px; font-weight: normal;}
td {font-size: 12px; font-weight: normal;}
hr {color: #3e3e3e; border: 1px dotted #3e3e3e; border-style: none none dotted; }
p {padding: 1px 0px 2px 2px; font-size: 12px; line-height: 16px;}
.bold {font-weight: bold;}
.readme {color:#00CCFF;}
.greyheader {color:#888; font-size: 14px; font-weight: bold;}
.quote {color:#999; font-size: 11px;}
.highlight {background-color:#FF0000; color: white;}
.title {font: bold 140% Verdana, Helvetica, sans-serif;}
.subtitle {font: 100% Verdana, Helvetica, sans-serif;}
.table-intro {background-image: url("images/bkg-front.png"); background-repeat: repeat-x;}

p#googlinks {margin-top: -10px; display:none; background-color:#212D32; -moz-border-radius: 3px; padding: 5px 0px 5px 5px;}
p#crysislinks {margin-top: -10px; display:none; background-color:#212D32; -moz-border-radius: 3px; padding: 5px 0px 5px 5px;}
p#connectlinks {margin-top: -10px; display:none; background-color:#212D32; -moz-border-radius: 3px; padding: 5px 0px 5px 5px;}
p#hdr {font-family: Tahoma, Arial, sans-serif; font-size: 30px;}
p#footer {font-size: 11px; text-align: left; color:#666;}

/* 
p#googlinks a span {display: none;}
p#googlinks a:hover span {display: block;
   position: relative; margin-left: -260px; margin-top: -40px; width: 250px; height: 200px;
   z-index: 100;
   color: black;
   text-align: right; text-decoration: none; background-image: url("images/smpl-goog.png"); background-repeat: no-repeat; }
   
p#mozlinks a span {display: none;}
p#mozlinks a:hover span {display: block;
   position: absolute; margin-left: -260px; margin-top: -80px; width: 250px; height: 200px;
   z-index: 100;
   color: white;
   text-align: right; text-decoration: none; background-image: url("images/smpl-moz.png");}
   
p#crysislinks a span {display: none;}
p#crysislinks a:hover span {display: block;
   position: absolute; margin-left: -260px; margin-top: -120px; width: 250px; height: 200px;
   z-index: 100;
   color: white;
   text-align: right; text-decoration: none; background-image: url("images/smpl-crysis-cover.png");}

p#drawlinks a span {display: none;}
p#drawlinks a:hover span {display: block;
   position: absolute; margin-left: -260px; margin-top: -160px; width: 250px; height: 200px;
   z-index: 100;
   color: white;
   text-align: right; text-decoration: none; background-image: url("images/smpl-draw2.png");}
 */