/* up & down beats stylesheet (www.upanddownbeats.fi)
   author: hannu oksa (hannu@hoksa.fi) */
   
/* eric meyer reset */
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, b, u, i, center, 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-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}


body {background:#000;font-size:14px;line-height:20px;font-family:"Times New Roman",times,serif;color:#000;}

a {color:#000;background:#ffc;text-decoration:none;padding:2px 0;}
a:hover,a:focus {background:#ff6;text-decoration:underline;}
h2 {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:bold;font-style:italic;margin:0 0 20px 0;}
p {margin:0 0 20px 0;}

#content {position:absolute;top:0;left:0;z-index:4;padding:20px 10px;display:block;}
#content h1 {position:relative;font-size:14px;width:400px;height:364px;margin:0;background:url(../images/logo.png) 0 0 no-repeat;text-indent:-9999px;z-index:12;}
#content .content, #content .info {position:relative;padding:20px;background:transparent url(../images/white-trans.png) 0 0 repeat;margin:0 10px 20px;}
#content .info {background:transparent url(../images/light-yellow-trans.png);z-index:10;}
#content .content.top {background:#fff;z-index:11;}
#content .info.top {background:#ffc;z-index:11;}
#content .content p:last-child {margin:0;}
#content .content h2 {padding:20px;margin:-20px -20px 0;position:relative;cursor:move;}
/*#content .content h2:hover {background:transparent url(../images/move.gif) no-repeat;}*/
#content .content a {background:transparent url(../images/light-yellow-trans.png);}
#content .content.top a {background:#ffc;}
#content .content a:hover, #content .content a:focus {background:#ff6;}
#content .gd-1 {width:60px;}
#content .gd-2 {width:160px;}
#content .gd-3 {width:260px;}
#content .gd-4 {width:360px;}
#content .gd-5 {width:460px;}
#content .gd-1 h2:hover {background-position:70px 10px;}
#content .gd-2 h2:hover {background-position:170px 10px;}
#content .gd-3 h2:hover {background-position:270px 10px;}
#content .gd-4 h2:hover {background-position:370px 10px;}
#content .gd-5 h2:hover {background-position:470px 10px;}
#content .cols-2 {-moz-column-count:2;-moz-column-gap:20px;-webkit-column-count:2;-webkit-column-gap:20px;column-count:2;column-gap:20px;}
#content .box {position:absolute;}
#content .copy {position:absolute;top:20px;right:10px;padding:0 5px;font-size:12px;background:transparent url(../images/white-trans.png) 0 0 repeat;}
#content .copy.top {background:#fff;}
#content .copy a {background:none;}

#flash-bg-wrapper {display:block;position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;}
#flash-bg {}
#flash-bg-wrapper object {z-index:1;display:block;}

#raster {display:block;position:fixed;width:100%;height:100%;top:0;left:0;overflow:hidden;background:transparent url(../images/raster.gif) 0 0 repeat;z-index:3;}