#bg{
	z-index:0;
	position:absolute;
	top:0px; left:0px;
	width:100%; height:1000px;
	max-width:1600px;
	overflow:hidden;
}
	#bg ul{
		padding:0; margin:0;
	}
		#bg li.bg-image{
			padding:0; margin:0;
			list-style:none;
			display:block;
			position:absolute;
			top:0px; left:0px;
			z-index:1;
		}
		#bg li.not-loaded{
			display:none;
		}

#main{
	position:absolute;
	top:0px; left:0px;
	z-index:20;
	width:100%;
}

body { background-color:#000; margin:0px; padding:0px; font-family:Tahoma, Verdana, Sans-Serif; color:#FFF; font-size:12px; }

/*---------- HEADER ----------*/
.cp-best-of { position:absolute; right:10px; top:10px; z-index:1000; }


#header { width:940px; padding:10px 10px 0 10px; margin:0px; }
#holy_mackerel_logo { width:220px; padding:0px; margin:0px; float:left; text-align:left; }
#the-holy-mackerel { width:217px; height:165px; padding:0px; margin:0px; background:url(images/shell/holy-mackerel-tattoo-piercing.png) no-repeat; text-indent:-5000px; }

#navigation { width:667px; padding:30px 0 0 0; margin:0px; float:right; text-align:right; }
#navigation li { display:block; float:left; }
#navigation img { display:block; }

/*---------- NAVIGATION ----------*/

#home {	width:60px;	height:30px; text-indent:-8000px; display:block; background:transparent url(images/navigation/the-holy-mackerel.jpg) 0 -30px no-repeat; }
#home:hover { background:url(images/navigation/the-holy-mackerel.jpg) 0 0px no-repeat; }
#home.active { background:url(images/navigation/the-holy-mackerel.jpg) 0 -60px no-repeat; }

#about {	width:57px;	height:30px; text-indent:-8000px; display:block; background:transparent url(images/navigation/about-holy-mackerel.jpg) 0 -30px no-repeat; }
#about:hover { background:url(images/navigation/about-holy-mackerel.jpg) 0 0px no-repeat; }
#about.active { background:url(images/navigation/about-holy-mackerel.jpg) 0 -60px no-repeat; }

#piercing {	width:76px;	height:30px; text-indent:-8000px; display:block; background:transparent url(images/navigation/piercing.jpg) 0 -30px no-repeat; }
#piercing:hover { background:url(images/navigation/piercing.jpg) 0 0px no-repeat; }
#piercing.active { background:url(images/navigation/piercing.jpg) 0 -60px no-repeat; }

#tattooing {	width:79px;	height:30px; text-indent:-8000px; display:block; background:transparent url(images/navigation/tattooing.jpg) 0 -30px no-repeat; }
#tattooing:hover { background:url(images/navigation/tattooing.jpg) 0 0px no-repeat; }
#tattooing.active { background:url(images/navigation/tattooing.jpg) 0 -60px no-repeat; }

#aftercare {	width:116px; height:30px; text-indent:-8000px; display:block; background:transparent url(images/navigation/aftercare.jpg) 0 -30px no-repeat; }
#aftercare:hover { background:url(images/navigation/aftercare.jpg) 0 0px no-repeat; }
#aftercare.active { background:url(images/navigation/aftercare.jpg) 0 -60px no-repeat; }

#performance-art {	width:108px; height:30px; text-indent:-8000px; display:block; background:transparent url(images/navigation/performance-art.jpg) 0 -30px no-repeat; }
#performance-art:hover { background:url(images/navigation/performance-art.jpg) 0 0px no-repeat; }
#performance-art.active { background:url(images/navigation/performance-art.jpg) 0 -60px no-repeat; }

#holy-mackerel-events {	width:60px;	height:30px; text-indent:-8000px; display:block; background:transparent url(images/navigation/holy-mackerel-events.jpg) 0 -30px no-repeat; }
#holy-mackerel-events:hover { background:url(images/navigation/holy-mackerel-events.jpg) 0 0px no-repeat; }
#holy-mackerel-events.active { background:url(images/navigation/holy-mackerel-events.jpg) 0 -60px no-repeat; }

#contact { width:65px; height:30px; text-indent:-5000px; display:block; background:transparent url(images/navigation/contact-holy-mackerel.jpg) 0 -30px no-repeat; }
#contact:hover { background:url(images/navigation/contact-holy-mackerel.jpg) 0 0px no-repeat; }
#contact.active { background:url(images/navigation/contact-holy-mackerel.jpg) 0 -60px no-repeat; }

#holy-blog { width:46px; height:30px; text-indent:-5000px; display:block; background:transparent url(images/navigation/holy-blog.jpg) 0 -30px no-repeat; }
#holy-blog:hover { background:url(images/navigation/holy-blog.jpg) 0 0px no-repeat; }
#holy-blog.active { background:url(images/navigation/holy-blog.jpg) 0 -60px no-repeat; }

#meet-our-artists { width:226px; height:32px; text-indent:-5000px; display:block; background:transparent url(images/navigation/meet-our-artists.gif) 0 0 no-repeat; }
#meet-our-artists:hover { background:url(images/navigation/meet-our-artists.gif) 0 -32px no-repeat; }



/*---------- BREADCRUMB ----------*/
#breadcrumbs_holder { width:850px; padding:0 0 0 60px; margin:0px; }
#breadcrumbs { padding:0px; margin:0px; font-family: Georgia, Times, Serif; color:#FFF; font-size:10px; text-decoration:none; font-weight:normal; }


/*---------- HOME PAGE ----------*/

#content { width:960px; padding:20px 0 0 0; margin:0px; }

#home_left { width:480px; padding:0 50px 0 60px; margin:0px; background-image:url(images/shell/vertical-border.gif); background-repeat:repeat-y; background-position:right; float:left; text-align:left; }
#home_right { width:350px; padding:0 0 30px 0; float:right; text-align:left; }



/*---------- GENERAL ----------*/

#general_left { width:410px; padding:0 10px 20px 60px; margin:0px; float:left; text-align:left; }
#general_right { width:410px; padding:67px 60px 20px 10px; margin:0px; float:right; text-align:left; }

#artists-container { width:740px; padding:40px; margin:0 0 0 60px; background-image:url(images/shell/artists-container-bkg.png); background-repeat:repeat-y; }
#artists-thumb-holder_left { width:220px; height:80px; margin:0 5px 10px 0; padding:10px; background-color:#202020; float:left; }
#artists-thumb-holder_middle { width:220px; height:80px; margin:0 5px 10px 5px; padding:10px; background-color:#202020; float:left; }
#artists-thumb-holder_right { width:220px; height:80px; margin:0 0 10px 5px; padding:10px; background-color:#202020; float:left; }



/*---------- ARTIST FOCUS ----------*/

#artist_left { width:520px; padding:0 10px 20px 60px; margin:0px; float:left; text-align:left; }
#artist_right { width:340px; padding:67px 60px 20px 10px; margin:0px; float:right; text-align:left; }

#portfolio_thumb_left { width:90px; height:90px; padding:10px; margin:0 8px 16px 0; background-color:#202020; float:left; }
#portfolio_thumb_middle { width:90px; height:90px; padding:10px; margin:0 8px 16px 8px; background-color:#202020; float:left; }
#portfolio_thumb_right { width:90px; height:90px; padding:10px; margin:0 0 16px 8px; background-color:#202020; float:left; }



/*---------- EVENTS FOCUS ----------*/

#events_left { width:700px; padding:0 10px 20px 60px; margin:0px; float:left; text-align:left; }
#events_right { width:140px; padding:67px 60px 20px 10px; margin:0px; float:right; text-align:left; }
.event-head { border-bottom:1px dotted #fff; }
.event-date { width:75px; padding:0 5px 10px 0; margin:0px; float:left;  }
.event-headline { width:575px; padding:0 10px 10px 20px; margin:0px; float:right; text-align:left; border-left:1px dotted #fff; }



/*---------- AFTERCARE ----------*/

#aftercare_field { width:960px; padding:20px 0; margin:0 0 10px 0; background-image:url(images/shell/artists-container-bkg.png); background-repeat:repeat-y; }
#aftercare_left { width:440px; padding:0 40px 20px 60px; margin:0px; float:left; text-align:left; background-image:url(images/shell/vertical-border.gif); background-repeat:repeat-y; background-position:right; }
#aftercare_right { width:350px; padding:20px 60px 20px 10px; margin:0px; float:right; text-align:left; }



/*---------- FOOTER ----------*/

#footer-top { width:100%; height:166px; background-image:url(images/footer/footer-top.png); }
#footer-bottom { width:100%; background-image:url(images/footer/footer-bottom.jpg); }
#legal { width:100%; color:#000; padding:10px 0 30px 0; margin:0px; }

#footer-container { width:840px; padding:20px 60px 30px 60px; margin:0px; font-family:Tahoma, Verdana, Sans-Serif; color:#FFF; font-size:10px; line-height:19px; }
#footer-holy-blog { width:330px; padding:0 20px 0 0; margin:0px; float:left; text-align:left; }
#footer-information { width:200px; padding:0 20px 20px 20px; margin:0px; float:left; text-align:left; background-image:url(images/shell/vertical-border.gif); background-repeat:repeat-y; background-position:left; }
#footer-social-media { width:220px; padding:0 0 0 20px; margin:0px; float:left; text-align:left; background-image:url(images/shell/vertical-border.gif); background-repeat:repeat-y; background-position:left; }


#legal-container { width:960px; padding:0px; margin:0px; font-family:Georgia, Times, Serif; color:#FFF; font-size:10px; }
#legal-left { width:420px; padding:0 0 0 60px; margin:0px; float:left; text-align:left; }
#legal-right { width:420px; padding:0 60px 0 0; margin:0px; float:right; text-align:right; }


#twitter-top { width:220px; height:25px; padding:0px; margin:0px; background-image:url(images/social-media/twitter_top.png); background-repeat:no-repeat; }
#twitter-middle { width:200px; padding:0 10px; margin:0px; background-image:url(images/social-media/twitter_middle.gif); background-repeat:repeat-y; }
#twitter-bottom { width:220px; height:15px; padding:0px; margin:0px; background-image:url(images/social-media/twitter_bottom.gif); background-repeat:repeat-y; }