*{margin:0;padding:0;border:0;vertical-align:baseline}
body{font:12px/15px "Lucida Sans Unicode","Lucida Sans","Lucida Grande",Tahoma,"Trebuchet MS",Geneva,sans-serif;color:#000;background:#000000;overflow-x:hidden;cursor:default}
#header,#footer{background:#000;width:100%}
#white{background:#fff;width:100%;min-width:225px;padding:20px 0}
#header h1{color:#fff;text-align:center;margin:10px 0;font-size:20px;line-height:30px}
h2{font-size:125%; padding:15px 0px}
h1,h2,h3,h4,h5,h6{font-weight:bold}
h4{font-size:110%}
#header .r-box img {padding:0 0 10px}
.content{max-width:640px;margin:0 auto;padding-left:5px;padding-right:5px}
.r-box{width:90px;margin:0 auto;float:none;clear:both}
.clear{clear:both}
p,a{padding:10px 0}
a{color:#00B0E4;text-decoration:none;cursor:pointer}
ol,ul{padding:0 10px 0 30px}
ol li,ul li{margin:0 0 10px;padding-right:5px}
.title{margin:0}
.t-fine{color:#404040}
#footer a{color:#808080}
@media all and (min-width: 305px){.content{width:295px}.r-box{float:right}.l-box{float:left;width:190px;margin-right:10px}#header h1,#header h2{text-align:left}}
@media all and (min-width: 345px){.content{width:335px}.l-box{width:220px}}
@media all and (min-width: 465px){.content{width:455px}.l-box{width:340px}}
@media all and (min-width: 480px){.content{width:470px}.l-box{width:365px}}
@media all and (min-width: 640px){body{font-size:14px}.content{width:630px}.l-box{width:520px}}
h4{margin:0 0 15px 0}