/* 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:''}
	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 */
	p { margin:2px 0 16px 0 }
	body, h4, p, li, dt, dd, label, input, textarea { font-family: 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, monospace }
	pre { padding:10px }
	a { color:#CCCCCC; text-decoration:none }
	a:hover { color:#808080 }
	
	p.additionalInfo { text-transform:uppercase; letter-spacing:2px; font:11px/18px Verdana; margin:-2px 0 0 0 }
	
	h1 a { width:340px; height:124px; text-indent:-9999px; display:block; position:absolute; top:10px; left:50px}
	h2 a {
	background:   url("images/southend1.gif") top center no-repeat;
	width:50px;
	height:53px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:238px;
	right:0;
	z-index:2;
	left: 724px;
}
	h2 a:active { top:241px; right:-1px }
	h4 { font:18px/24px Verdana, 'Arial', "sans serif bold"; color:#CCCCCC; margin:16px 0 2px 0; color:#cf9 }
	
	body { color:#808080; text-align:center; background:#333 url("images/southend.jpg") top center no-repeat fixed }
	div.wrapper { text-align:left; width:830px; margin:0 auto; background: url("images/webdesign.gif") top center repeat-y; position:relative }
	div.masthead { background: url("images/westcliff.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/photography.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 #808080 }
	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 #999999; border-left:1px dashed #999999; position:relative; z-index:2 }
	div.columnDeadlines h3 { background: url("images/sos2.gif") top left no-repeat; width:228px; height:23px; text-indent:-9999px }
	div.columnDeadlines ol li { padding:10px 0; border-bottom:4px solid #777777 }
	div.columnDeadlines ol li p { color:#808080 }
	
	div.columnWho { float:left; width:230px; padding:0 30px 0 20px; position:relative; z-index:2 }
	div.columnWho h3 { background: url("images/design.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 #808080 }
	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/eastwood.gif") bottom center no-repeat }
	div.smallPrint p { margin:14px 0 14px 0 }
	div.smallPrint p em { text-transform:uppercase; font-style:normal; color:#808080 }
	div.smallPrint ul { height:50px; background:  url("images/decoration.gif") bottom center no-repeat }
	div.smallPrint ul li { display:inline; border-right:1px solid #808080; padding:0 4px }
	ul.nav { background:  url("images/design.gif"); 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/design.gif")}

	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 }