html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
  margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;  font-style: inherit; font-size: 100%; 
  font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


body { color: white; font-family:  Myriad Pro, Tahoma, sans-serif; margin: 0px; padding: 0px;}

/* Fix Phat text in Safari/Chrome (http://orderedlist.com/articles/thining-text-in-safari-under-snow-leopard) */
body { -webkit-text-stroke: 1px transparent; }
@media only screen and (max-device-width: 480px) {body{-webkit-text-stroke: 0 black;}}

#wrap                         { margin: 0 auto; width: 912px; overflow: hidden; position: relative; height: 660px; }
#inner_wrap                   { padding: 0px; }
#header                       { margin-top: 55px; height: 125px; padding-left: 30px; }
#logo                         { float: left; padding-top: 22px; padding-right: 34px; }
#contact_info                 { border-left: 1px solid #7a7a7a; float: left; font-size: 14px; 
                                height: 62px; line-height: 20px; margin-top: 3px; padding: 5px 0 5px 30px;  }
#under                        { height: 280px; width: 912px; position: relative; padding: 20px 30px; width: 852px; 
                                background: transparent url(images/under-trans.png) no-repeat; }
#title                        { background: transparent url(images/under.png) no-repeat;
                                text-indent: -9999px; height: 56px; margin-bottom: 14px; }
h1                            { margin-top: 10px; }
#message                      { font-size: 22px; width: 525px; line-height: 30px; }
#status                       { width: 572px; height: 41px; font-size: 24px; position: absolute; bottom: 74px; 
                                padding-left: 22px; padding-top: 10px;
                                background: transparent url(images/status.png) no-repeat; }
#graph                        { bottom: 69px; height: 275px; position: absolute; right: 30px; width: 280px; }
.p10                          { background: url(images/10-trans.png) no-repeat; }
.p20                          { background: url(images/20-trans.png) no-repeat; }
.p30                          { background: url(images/30-trans.png) no-repeat; }
.p40                          { background: url(images/40-trans.png) no-repeat; }
.p50                          { background: url(images/50-trans.png) no-repeat; }
.p60                          { background: url(images/60-trans.png) no-repeat; }
.p70                          { background: url(images/70-trans.png) no-repeat; }
.p80                          { background: url(images/80-trans.png) no-repeat; }
.p90                          { background: url(images/90-trans.png) no-repeat; }
#under_wrap                   { position: relative; }
#twitter                      { background: transparent url(images/twitter-trans.png) no-repeat; height: 145px; 
                                padding-left: 155px; padding-right: 18px; padding-top: 30px; width: 697px;
                                position: absolute; top: 519px; }
#tweet                        { font-size: 18px; line-height: 26px; }
#tweet ul                     { list-style: none; margin: 0px; padding: 0px; }
#meta                         { font-family: georgia, helvetica, verdana, sans-serif; font-size: 15px;
                                font-style: italic; margin-right: 15px; position: absolute; right: 0; top: 100px;
                                color: #888; }
a:link,
a:visited                     { text-decoration: none; border: 0 none; color: #61c3f0; }
a:hover                       { text-decoration: none; border-bottom: 1px solid white; color: #61c3f0; }
                              
.ie6 #title                   { margin-top: 38px; height: 60px; overflow: hidden; }
.ie6 #under p                 { margin-top: 5px; }
.ie6 #under                   { padding-top: 21px; }
.ie6 #under_wrap              { padding-top: 10px; }
.ie6 #graph                   { top: -15px; }
.ie7 h1                       { display: block; margin: .67em 0; }
.ie7 #title                   { margin-top: 38px; }
.ie7 p                        { display: block;  margin: 1em 0; }
.ie7 #under                   { padding-top: 21px; }  