* {margin:0;padding:0}
body {
   background:#000 url(../images/reflections.jpg) center;
   font-family:'Lucida Sans Unicode',Arial,sans-serif;
   color:#fff;
   text-align:center;
   padding:50px 0
}
div,p,li{font-size:12px}
li{margin-left:16px;}
h1{color:#0061CA;text-align:center;padding-bottom:10px}
h2{color:#999;font-size:16px;font-weight:normal}
h3{color:#fff;font-size:19px;font-weight:bold;font-family:Verdana,Tahoma,Arial}
pre{background:#666; color:#fff; padding:10px; margin:10px; height:auto; overflow:auto; font:12px Verdana,Courier,sans-serif}
* html pre {width:100%}

.description{padding:16px;margin:10px 0;background:#eee}

.sample{padding:10px 10px; margin:4px 0 5px 0; border:0px solid #000}
h4.stitle{color:#666;margin:0 0 5px 0}

.links {color:#fff;padding:10px;margin-top:20px}
.links a{font-size:14px;color:#fffffff;text-decoration:none}
.links a:hover{color:#fff;font-weight:bold}

#cont{width:730px;margin:0 auto;background:#3c3c3c url(../images/main.png)repeat;text-align:left;padding:0px}

.buttons{padding:5px;}
.buttons span{background:#3c3c3c;padding:0px 10px;cursor:pointer;font:10px Arial;font-weight:bold}
.buttons span.active{background:#fad600;color:#000000}
.buttons span:hover{background:#fad600;color:#000000;font-weight:bold}