* {margin:0;padding:0}
body{background:#666;font-family:'Lucida Sans Unicode',Arial,sans-serif;color:#333;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}
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:14px;margin:10px 0;background:#eee}

.sample{ width:289px;}
h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:12px;color:#e28802;text-decoration:none}
.links a:hover{font-weight:normal}

#cont{width:289px;margin:0 auto; height:220px; background-image:url(../images/featured_arrow_bg.jpg); background-repeat:no-repeat; text-align:left; padding-top:5px; padding-left:2px;}

.buttons{padding:5px 5px 5px 193px}
.buttons span{padding:0 0px;cursor:pointer;font:10px Verdana; float:left;}
.buttons span.active, .buttons span:hover{color:#fff;float:left;}
.buttons span.space{width:8px; float:left;}