
	/* Global reset */
	/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
	
	*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
	table { border-collapse:collapse; border-spacing:0 }
	fieldset, img { border:0 }
	address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
	ol, ul, li { list-style:none }
	caption, th { text-align:left }
	h1, h2, h3, h5, h5, h6 { font-size:100% }
	q:before, q:after { content:''}





	/* Global reset-RESET */
	/* The below restores some sensible defaults */
	
	strong { font-weight: bold }
	em { font-style: italic }
	ol, ul, li { list-style:none }
	* a { position:relative } /* Gets links displaying over a PNG background */
	a { outline:none } /* Gets rid of Firefox's dotted borders */
	a img { border:none } /* Gets rid of IE's blue borders */





	/* Typography */
	
	p { margin:2px 0 16px 0 }
	body, h4, p, li, dt, dd, label, input, textarea { font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif }
	p, li, dt, dd, label { font-size:11px; line-height:18px; color:#999 }
	input, textarea { font-size:11px; color:#000; padding:2px }
	pre, code { margin:2px 0 16px 0; background:#000; color:#ccc; font:12px/16px 'Courier New', Courier, monospace }
	pre { padding:10px }
	a { color:#f90; text-decoration:none }
	a:hover { color:#fff }
	
	p.additionalInfo { text-transform:uppercase; letter-spacing:2px; font:11px/18px Georgia, 'Times New Roman', Times, serif; margin:-2px 0 0 0 }
	
	h1 a { width:314px; height:124px; text-indent:-9999px; display:block; position:absolute; top:60px; left:40px }
	h2 a { background:url(images/promoBanner.gif) top center no-repeat; width:446px; height:65px; text-indent:-9999px; display:block; position:absolute; top:240px; right:0; z-index:2 }
	h2 a:active { top:241px; right:-1px }
	h4 { font:18px/24px Georgia, 'Times New Roman', Times, serif bold; color:#000; margin:16px 0 2px 0; color:#cf9 }
	
	
	
	
	
	/* Main layout */	
		
	body { color:#fff; text-align:center; background:#333 url(images/body.jpg) top center no-repeat fixed }
	div.wrapper { text-align:left; width:830px; margin:0 auto; background:url(images/repeater.gif) top center repeat-y; position:relative }
	div.masthead { background:url(images/header.gif) top center no-repeat; height:404px; margin:0 0 -80px 0; position:relative; z-index:1 }
	
	div.columnAlbum { float:left; width:230px; padding:0 20px 0 30px; margin:-26px 0 0 0; position:relative; z-index:2 }
	div.columnAlbum h3 { background:url(images/title_buyTheAlbum.gif) top left no-repeat; width:202px; height:21px; text-indent:-9999px }
	div.columnAlbum img { position:relative; top:-6px; left:-56px; margin:0 0 -20px 0 }
	div.columnAlbum ul { margin:0 0 20px 0 }
	div.columnAlbum ul li a { display:block; width:210px; padding:5px 0 5px 18px; border-bottom:1px dashed #fff }
	div.columnAlbum ul li a:hover { background:#222 }
	div.columnAlbum ol { margin:0 0 20px 0 }
	div.columnAlbum ol li { list-style:decimal-leading-zero; margin:0 0 2px 18px; text-transform:uppercase; letter-spacing:2px; font:11px/18px Georgia, 'Times New Roman', Times, serif }
	
	div.columnDeadlines { float:left; width:228px; padding:0 20px; border-right:1px dashed #600; border-left:1px dashed #600; position:relative; z-index:2 }
	div.columnDeadlines h3 { background:url(images/title_latestDeadlines.gif) top left no-repeat; width:228px; height:23px; text-indent:-9999px }
	div.columnDeadlines ol li { padding:10px 0; border-bottom:4px solid #900 }
	div.columnDeadlines ol li p { color:#fff }
	
	div.columnWho { float:left; width:230px; padding:0 30px 0 20px; position:relative; z-index:2 }
	div.columnWho h3 { background:url(images/title_whoAreTheDD.gif) top left no-repeat; width:229px; height:46px; text-indent:-9999px }
	div.columnWho ul { border-bottom:5px solid #000; margin:0 0 10px 0 }
	div.columnWho ul li { padding:0 0 16px 0; border-bottom:1px dashed #fff }
	div.columnWho ul li img.odd { float:left; width:50px; margin:5px 10px 0 0 }
	div.columnWho ul li img.even { float:right; width:50px; margin:5px 0 0 10px }
	div.columnWho ul li p { margin:2px 0 0 0 }
	
	br.cheapNastyFix { clear:both }
	
	div.smallPrint { text-align:center; width:430px; height:174px; margin:-150px 0 0 0; padding:230px 200px 0 200px; background:url(images/footer.gif) bottom center no-repeat }
	div.smallPrint p { margin:14px 0 14px 0 }
	div.smallPrint p em { text-transform:uppercase; font-style:normal; color:#0ff }
	div.smallPrint ul { height:50px; background:url(images/decoration.gif) bottom center no-repeat }
	div.smallPrint ul li { display:inline; border-right:1px solid #fff; padding:0 6px }
				
	
	
	
	
	/* Navigation */
	
	ul.nav { background:url(images/nav.png); float:left; width:106px; position:absolute; top:64px; right:30px }
	ul.nav li { float:left; list-style-type:none }
	ul.nav li a { width:106px; height:23px; display:block; position:absolute; left:0; text-indent:-9999px; outline:none; border:none }
	ul.nav li a:hover { border:none }
	li.buttonNews a, li.buttonGigs a, li.buttonMusic a, li.buttonInfo a, li.buttonContact a { background:url(images/nav.png) }
	/*  
	Measurements for the nav image replacement:

		The distance from the far-left to the...

		initial state = 0
		rollover state = 106px

		The distance from the top to the...

		news button = 0
		gigs button = 23px
		music button = 46px
		info button = 69px
		contact button = 92px

		The width of all buttons = 106px
	*/

	li.buttonNews a 			{ background-position:0 0; top:0 }
	li.buttonNews a:hover		{ background-position:-106px 0 }

	li.buttonGigs a 			{ background-position:0 -23px; top:23px }
	li.buttonGigs a:hover		{ background-position:-106px -23px }

	li.buttonMusic a 			{ background-position:0 -46px; top:46px }
	li.buttonMusic a:hover		{ background-position:-106px -46px }

	li.buttonInfo a 			{ background-position:0 -69px; top:69px }
	li.buttonInfo a:hover		{ background-position:-106px -69px }

	li.buttonContact a 			{ background-position:0 -92px; top:92px }
	li.buttonContact a:hover	{ background-position:-106px -92px }



