/*/////////////////////////////////////////////////////////////////////

	Global
	
/////////////////////////////////////////////////////////////////////*/

	br.clearall {
		height:0em;
		font: 1px/1px sans-serif; /* stop IE from revealing unnecessary bg */
		text-decoration:none;
		margin:0;
		padding:0;
		clear:both;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Headings
/////////////////////////////////////////////////////////////////////*/

	#scrawl h2 {
		width:636px; height:31px;
		background-repeat:no-repeat;
		/*margin:0 0 60px 0;*/
		margin:0 0 20px 0;
	}
	#scrawl h3 {
		width:345px; height:14px;
		background-repeat:no-repeat;
		margin:0 0 20px 0;
		float:left;
	}
	#scrawl h2, #scrawl h3 {
		text-indent:-9999px; line-height:0.01em; font-size:0;
	}

/*/////////////////////////////////////////////////////////////////////

	Intro Page
	
/////////////////////////////////////////////////////////////////////*/
	
	/* header images */
	
	#hdr-scrawlArtwork {
		background-image:url(../../images/headings/scrawl-artwork.gif);
		margin-top:20px !important;
	}
	#hdr-artists {
		background-image:url(../../images/headings/artists.gif);
	}
	
	#scrawl p {
		margin: 0 0 15px 0;
	}

/*/////////////////////////////////////////////////////////////////////
	artist thumbs/headers
/////////////////////////////////////////////////////////////////////*/

	#artists {
		width:676px;
		list-style-type:none;
		margin:0; padding:0;
	}
	#artists li {
		display:inline; float:left;
		margin:0 13px 30px 0;
	}
	#artists li, #artists li a {
		width:212px; height:71px;
		line-height:71px;
		background-repeat:no-repeat;
	}
	#artists li a {
		text-indent:-9999px; line-height:0.01em; font-size:0;
		display:block;
	}
	#artists li a:hover {
		background-image:url(../../images/nav/over.gif);
		background-position:5px 5px;
	}
	
	/* artist images */
	
	#a1 {
		background-image:url(../../images/nav/danny-sangra-1.jpg);
	}	
	#a2 {
		background-image:url(../../images/nav/david-walker-1.jpg);
	}	
	#a3 {
		background-image:url(../../images/nav/hampus-eristam-1.jpg);
	}	
	#a4 {
		background-image:url(../../images/nav/mr-jago-1.jpg);
	}	
	#a5 {
		background-image:url(../../images/nav/nick-purser.jpg);
	}	
	#a6 {
		background-image:url(../../images/nav/phlash-1.jpg);
	}	
	#a7 {
		background-image:url(../../images/nav/sam-green-1.jpg);
	}	
	#a8 {
		background-image:url(../../images/nav/steff-plaetz-1.jpg);
	}	
	#a9 {
		background-image:url(../../images/nav/will-barras-1.jpg);
	}	
	#a10 {
		background-image:url(../../images/nav/hot-chips-1.jpg);
	}	
	#a11 {
		background-image:url(../../images/nav/otwo-1.jpg);
	}	
	#a12 {
		background-image:url(../../images/nav/she-one-1.jpg);
	}	
	
/*/////////////////////////////////////////////////////////////////////

	more info page
	
/////////////////////////////////////////////////////////////////////*/
	
	div.lotsOfText {
		width: 715px;
		text-align: justify;
	}
	#introCopy {
		margin: 0 0 20px 0;
	}
	div.lotsOfText p, div.lotsOfText p a {
		font-size: 10px;
	}

/*/////////////////////////////////////////////////////////////////////

	Artist page
	
/////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////
	Headings
/////////////////////////////////////////////////////////////////////*/

	#hdr-Danny-Sangra {
		background-image:url(../../images/headings/artists/danny-sangra.gif);
	}
	#hdr-David-Walker {
		background-image:url(../../images/headings/artists/david-walker.gif);
	}
	#hdr-Hampus-Ericstam {
		background-image:url(../../images/headings/artists/hampus-ericstam.gif);
	}
	#hdr-Mr-Jago {
		background-image:url(../../images/headings/artists/mr-jago.gif);
	}
	#hdr-Nick-Purser {
		background-image:url(../../images/headings/artists/nick-purser.gif);
	}
	#hdr-Phlash {
		background-image:url(../../images/headings/artists/phlash.gif);
	}
	#hdr-Sam-Green {
		background-image:url(../../images/headings/artists/sam-green.gif);
	}
	#hdr-Steff-Plaetz {
		background-image:url(../../images/headings/artists/steff-plaetz.gif);
	}
	#hdr-Will-Barras {
		background-image:url(../../images/headings/artists/will-barras.gif);
	}
	#hdr-Hot-Chip {
		background-image:url(../../images/headings/artists/hot-chips.gif);
	}
	#hdr-Otwo {
		background-image:url(../../images/headings/artists/otwo.gif);
	}
	#hdr-She-One {
		background-image:url(../../images/headings/artists/she-one.gif);
	}
	#hdr-More {
		background-image:url(../../images/headings/more.gif);
	}
	
/*/////////////////////////////////////////////////////////////////////
	Navigation
/////////////////////////////////////////////////////////////////////*/
	
	#btnBack, #btnBack a {
		width:141px; height:10px;
		background-repeat:no-repeat;
	}
	#btnBack {
		background-image:url(../../images/buttons/btn-back-1.gif);
		display:inline; float:left;
		margin:5px 0 0 229px;
	}
	#btnBack a {
		background-image:url(../../images/buttons/btn-back-1.gif);
		text-indent:-9999px; line-height:0.01em; font-size:0;
		display:block;
	}
	
	#btnBuy, #btnBuy a {
		width:38px; height:10px;
		background-repeat:no-repeat;
	}
	#btnBuy {
		background-image:url(../../images/buttons/btn-buy-1.gif);
		margin:5px 0 0 71px;
	}
	#btnBuy a {
		background-image:url(../../images/buttons/btn-buy-1.gif);
		text-indent:-9999px; line-height:0.01em; font-size:0;
		display:block;
	}

/*/////////////////////////////////////////////////////////////////////
	artwork
/////////////////////////////////////////////////////////////////////*/

	#thumbnails {
		width:364px;
		float:left;
	}
	
	#artwork {
		width:364px;
		list-style-type:none;
		margin:0; padding:0;
	}
	#artwork li {
		height:88px;
		display:inline; float:left;
		margin:0 20px 20px 0;
	}
	#artwork li a {
		width:71px; height:71px;
		background-color:#fff;
		display:block;
	}
	
	#artwork li a:hover {
		background-color:#B2C3C5;
	}
	
	#artwork li img {
		margin:5px 0 0 5px;
		border:0;
	}
	
	#artwork li p {
		width:61px; height:17px; line-height:8px; 
		color:#fff;
		font-size:10px; font-weight:bold; text-align:center;
		background:url(../../images/layout/price-bg.gif) no-repeat;
		margin:0 0 0 5px;
	}
	
	#artwork li.filler {
		width:71px; height:88px;
		background-image:url(../../images/layout/artwork-filler.gif);
	}
	
	#detail {
		width:314px;
		display:inline; float:left;
		margin:0 0 0 37px;
	}
	#detail h4 {
		width:304px; height:22px; line-height:22px;
		background:url(../../images/layout/hdr-detail-bg.gif) no-repeat;
		font-size:11px; 
		text-align:center;
		text-transform:uppercase;
		margin:0 0 15px 5px;
	}
	
	#scrawlImg img {
		border:5px solid #fff;
	}
	
	/* bio */
	
	#scrawl #bio {
		width: 340px;
		text-align: justify;
	}
	#scrawl #bio h4 {
		text-transform: uppercase;
		margin: 0 0 10px 0;
	}
	#scrawl #bio p {
		margin: 0 0 5px 0;
	}
	#scrawl #bio h4, #scrawl #bio p {
		font-size:10px;
	}

	/* details table */
	
	#detail table {
		width:314px;
		color:#fff;
		font-size:10px;
		text-transform:uppercase;
	}
	#tblDetailsColL {
		width:183px;
	}
	#tblDetailsColR {
		width:121px;
	}
	#detail table th, #detail table td {
		text-align:left;
		padding:0 0 0 5px;
	}
	
	/* spacer classes */
	
	#detail table td.spc21, #detail table td.spcLine {
		text-indent:-9999px; line-height:0.01em; font-size:0;
	}
	#detail table td.spc21 {
		height:11px;
	}
	#detail table td.spcLine {
		height:17px;
		background:url(../../images/layout/tbl-line.gif) left center repeat-x;
	}