@charset "utf-8";
/* CSS Document */

/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, address, a, strong, em, dl, dt, dd, table, thead, tbody, tfoot, tr, td, th, form, fieldset, legend, caption { padding: 0px; margin: 0px; outline: none; background-position: left top; background-repeat: no-repeat; }

input, select, textarea, button { font-family: Arial, Helvetica, sans-serif; }

body { font: 12px/18px Arial, Helvetica, sans-serif; color: #000000; background-color: #FFFFFF; }

blockquote, address { font-style: normal; }

img,
a img { border: none; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden;}
.hide { display: none; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.note { font-size: 12px; line-height: 140%; }
.big { font-size: 14px; }
.valign-middle { vertical-align: middle; }

a { text-decoration: underline; }

img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #CCCCCC; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
body { background: #000000 url(/images/body-bg.jpg) repeat-y left top; color: #FFFFFF; }
h1 { margin-bottom: 8px; color: #FF0000; font-size: 50px; text-transform: uppercase; }

a { color: #FFFFFF; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body {}

html, body { height: 100%; min-height: 100%; }

#page-wrapper { position: relative; min-height: 100%; height: auto; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/

#logo { position: absolute; left: 32px; top: 32px; z-index: 10; }


/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer {}


/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { text-transform: uppercase; color: #FFFFFF; font-size: 20px; font-family: Arial, Helvetica, sans-serif; letter-spacing: -1px; text-align: right; position: absolute; top: 155px; left: 0px; width: 169px; z-index: 10; }
#menu li { list-style: none; padding: 0px 0px 11px 0px; }
#menu a { text-decoration: none; line-height: 18px; padding: 0px 5px 2px 7px; }
#menu a:hover,
#menu li.active a { background-color: #FF0000; }
#menu li.bio { padding-top: 42px; }


/*******************************************************************/
/*                                                         CONTENT */
/*******************************************************************/
#content { padding: 78px 0px 20px 520px; position: relative; }
#content h2 { font-size: 30px; color: #FFFFFF; text-transform: uppercase; }


/**********/
/* STRIPE */
/**********/
#stripe { position: absolute; top: 0px; left: 205px; bottom: 0px; width: 256px; overflow: hidden; }
#stripe-content { position: relative; }
#stripe div.stripe-item { position: relative; width: 256px; cursor: pointer; height: 144px; overflow: hidden; }
#stripe img { display: block; }
#stripe span.label { background-color: #FF0000; padding: 0px 4px; display: block; position: absolute; bottom: 10px; left: 19px; }
#stripe span.mask { display: block; position: absolute; border: 5px solid #FF0000; top: 0px; left: 0px; bottom: 0px; right: 0px; visibility: hidden; }
/*#stripe div.active span.mask { visibility: visible; }*/
#stripe div.active span.label { background-color: #FFFFFF; color: #FF0000; }

#stripe a.up { position: absolute; top: 8px; left: 50%; margin-left: -22px; cursor: pointer; }
#stripe a.down { position: absolute; bottom: 8px; left: 50%; margin-left: -22px; cursor: pointer; }

/**********/
/* PLAYER */
/**********/
#player { }

/***************/
/* DESCRIPTION */
/***************/
#description { padding: 13px 5px 0px 10px; width: 585px; }
#description p.download { float: right; text-transform: uppercase; }
#description p.download a { text-decoration: none; font-size: 16px; padding: 0px 5px 2px 4px; }
#description p.download a:hover { background-color: #FF0000; }


/*******************************************************************/
/*                                                 PAGE: BIOGRAPHY */
/*******************************************************************/
#page-biography p.name { font-size: 30px; color: #FFFFFF; text-transform: uppercase; margin: 0px; }
#page-biography h2 { margin-bottom: 10px; margin-top: 40px; }
#page-biography dt { float: left; }
#page-biography dd { padding-left: 70px; }

#page-biography a.bio-download { display: block; width: 104px; height: 33px; background: url(/images/bio-download.png) no-repeat left top; position: absolute; top: 85px; left: 937px; text-indent: -10000px; overflow: hidden; }


/*******************************************************************/
/*                                                   PAGE: CONTACT */
/*******************************************************************/
#page-contact p.name { font-size: 30px; color: #FFFFFF; text-transform: uppercase; margin: 0px 0px 40px 0px; }
#page-contact dt { float: left; }
#page-contact dd { padding-left: 70px; font-weight: bold; }


/*******************************************************************/
/*                                                  PAGE: HOMEPAGE */
/*******************************************************************/
#content-wrapper { text-transform: uppercase; }
#content-wrapper h1 { font-size: 65px; color: #FFFFFF; padding-bottom: 0px; margin-bottom: 0px; }
#content-wrapper p { font-size: 34px; line-height: 40px; width: 580px; color: #B9BEC3; }
#content-wrapper p a { color: #FFFFFF; text-decoration: none; white-space: nowrap; }
#content-wrapper p a.indent { position: relative; left: -5px; }