html,body{ background-color: #161413 }
body{ margin: 0; padding: 0; color: #575250; font: normal normal normal x-small "helvetica neue",helvetica,arial,sans-serif; }
a, a:link{ color: #756c67; }
a:visited{ color: #575250; }
a:hover{ color: #5877d7; }
a:active{ color: #756c67; }
a img{ border: none; }

.clear{ clear: both; }
#copynote{ font-size: 2.0em; text-align: center; padding: 120px 0 80px 0; color: #322f2d; }
#copynote div.c{ float: left; width: auto; margin-left: 225px; }
#copynote a.l{ float: right; display: block; margin: 0 30px 0 0; width: 40px; height: 31px; background: url('/images/sprites.png') repeat scroll -368px -192px; }
#copynote a.l:hover{ background: url('/images/sprites.png') repeat scroll -409px -192px; }
#copynote a.cc{ float: right; display: block; margin: 0 50px 0 0; width: 88px; height: 31px; background: url('/images/sprites.png') repeat scroll -368px -224px; }
#copynote a.cc:hover{ background: url('/images/sprites.png') repeat scroll -368px -256px; }

#tooltip{ position: absolute; z-index: 3000; background-color: #000; color: #eee; padding: 6px; opacity: 0.85; }
#tooltip h3, #tooltip div{ font-size: 1.0em; margin: 0; }

#logo{ display: block; width: 456px;  height: 191px; position: absolute; right: 0; bottom: 30px; background: url('/images/sprites.png') repeat scroll 0 0; overflow: hidden; text-indent: -1024px; }
#download_everything_button_whoa_nelly{ display: block; width: 183px; height: 163px; position: absolute; left: 2px; bottom: 20px; background: url('/images/sprites.png') repeat scroll 0 -192px; overflow: hidden; text-indent: -1024px; }
#download_everything_button_whoa_nelly:hover{ background: url('/images/sprites.png') repeat scroll -184px -192px; }

#container{ width: 980px; margin: 0 auto 0 auto; }
#container #header{ position: relative; height: 275px; background-color: #0f0e0d; }
#container #header a{ display: block; }

#container ul.fonts{ width: 980px; margin: 90px 0 0 0; padding: 0; list-style: none; }
#container ul.fonts li.dl_buttons{ width: 178px; float: left; margin: 0 0 0 14px; padding: 0; overflow: hidden; text-indent: -1024px; }
#container ul.fonts li.preview{ width: 738px; float: right; margin: 0 24px 0 0; padding: 0; }

a.dl_button_0{ display: block; width: 161px; height: 123px; background: url('/images/sprites.png') repeat scroll 0 -480px; margin: 0 0 9px 0; }
a.dl_button_0:hover{ background: url('/images/sprites.png') repeat scroll -162px -480px; }
a.dl_button_1{ display: block; width: 161px; height: 123px; background: url('/images/sprites.png') repeat scroll 0 -356px; margin: 0 0 9px 0; }
a.dl_button_1:hover{ background: url('/images/sprites.png') repeat scroll -162px -356px; }
a.dl_button_2{ display: block; width: 161px; height: 100px; background: url('/images/sprites.png') repeat scroll 0 -604px; margin: 0 0 4px 0; }
a.dl_button_2:hover{ background: url('/images/sprites.png') repeat scroll -162px -604px; }