/* RESET */
*{ margin: 0; padding: 0; }
html, body{ background-repeat: no-repeat; height: 100%; }
body{ background-repeat: no-repeat; font-size: 62.5%; font-family: Arial, sans-serif; color: #272727; }
ul{ list-style: square inside; }
ol{ list-style: decimal inside; }
a{ outline: none; text-decoration: none; }
a img{ border: none; }
img{ vertical-align: middle; }


/* LAYOUT */
body { background: #000 url(../images/background.jpg) top center; background-repeat: no-repeat; }
#wrapper { margin: 56px auto; text-align: center; width: 720px; font-size: 12px; color: #999; }

/* HERO */
#wrapper #hero img, #wrapper #hero #heroRight { float: left; text-align: left; }
#hero img { margin: 0 0 0 12px; }
#hero #heroRight { width: 336px; height: 330px; margin: 0 0 0 30px; }
#hero #heroRight h1 { background: transparent url(../images/h1.png) top left no-repeat; text-indent: -9999px; height: 138px; width: 326px; }
#hero p { font-size: 14px; line-height: 21px; margin: 22px 10px 0 2px; }

/* CTAs */
#wrapper #ctas { clear: both; margin: 0 0 0 12px; }
#ctas #ctaLeft, #ctas #ctaMiddle, #ctas #ctaRight { float: left; text-align: left; width: 217px; margin: 20px 18px 17px 0; }
#ctas #ctaLeft p, #ctas #ctaMiddle p, #ctas #ctaRight p { line-height: 17px; margin: 12px 0 0 0; }
a#downloadFree, a#specialEdition, a#albumArt { height: 181px; width: 217px; display: block; text-indent: -9999px; }
#ctas #downloadFree { background: transparent url(../images/download_new.png) top left no-repeat; }
#ctas a#downloadFree:hover { background-position: 0 -181px;  }
#ctas #specialEdition { background: transparent url(../images/cd_new.png) top left no-repeat; }
#ctas a#specialEdition:hover {  background-position: 0 -181px;  }
#ctas #albumArt { background: transparent url(../images/print_new.png) top left no-repeat; }
#ctas a#albumArt:hover { background-position: 0 -181px;  }


/* FOOTER */
#wrapper #footer { clear: both; font-size: 11px; text-align: left; }
#wrapper #footer a { color: #999; }
#footer a#contact { margin: 0 0 17px -3px; background: transparent url(../images/contact.jpg) top left no-repeat; text-indent: -9999px; display: block; height: 90px; width: 719px; }
#wrapper #footer p { text-align: center; }
#footer a#botched { margin: 0 0 0 14px; }
#footer a#botched:hover { text-decoration: underline; margin: 0 0 0 14px; }