* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: 'Times New Roman', Times, Arial;
	font-size: 12px;
	line-height: 16px;
	text-align: justify;
	color: white;
	background: black url(/media/img/background.jpg) top center repeat;
}

a {
	color: #d03c2f;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h3 {
	color: #ddd;
	font-size: 24px;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
}

#backContainer {
	width: 1000px;
	background: url(/media/img/back-grad.png) repeat-y;
	margin: 0px auto;
}

#pageContainer {
	width: 830px;
	margin: 0px 85px;
	background: black;
}

#content {
	display: block;
	overflow: hidden;
	position: relative;
}

#content ul, #content p {
	margin: 1em;
}

#content ul {
	margin-left: 60px;
}

#nav {
	height: 48px;
	width: 830px;
	background: url(/media/img/nav-back.png) repeat-x;
}

#nav li {
	overflow: hidden;
	text-indent: -150%;
	float: left;
	background-image: url(/media/img/nav.png);
}

#nav li a {
	height: 48px;
	display: block;
}

#nav_home {
	margin-left: 47px;
	width: 70px;
	background-position: 0px 0px;
}

#nav_home:hover, #nav_home.selected {
	background-position: 0px -48px;
}

#nav_about {
	width: 117px;
	background-position: -70px 0px;
}

#nav_about:hover, #nav_about.selected {
	background-position: -70px -48px;
}

#nav_artists {
	width: 100px;
	background-position: -187px 0px;
}

#nav_artists:hover, #nav_artists.selected {
	background-position: -187px -48px;
}

#nav_piercers {
	width: 113px;
	background-position: -287px 0px;
}

#nav_piercers:hover, #nav_piercers.selected {
	background-position: -287px -48px;
}

#nav_shop {
	width: 90px;
	background-position: -400px 0px;
}

#nav_shop:hover, #nav_shop.selected {
	background-position: px -48px;
}

#nav_jewelry {
	width: 80px;
	background-position: -490px 0px;
}

#nav_jewelry:hover, #nav_jewelry.selected {
	background-position: -490px -48px;
}

#nav_products {
	width: 92px;
	background-position: -570px 0px;
}

#nav_products:hover, #nav_products.selected {
	background-position: -570px -48px;
}

#nav_contact {
	width: 83px;
	background-position: -662px 0px;
}

#nav_contact:hover, #nav_contact.selected {
	background-position: -662px -48px;
}

.csw {width: 100% height: 283px; background: #000; overflow: hidden}
.csw .loading {margin: 120px 0 220px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border: 0px;
	margin: auto;
	width: 830px; 
	height: 283px;
	clear: both;
	background: #000;
}

.stripViewer .panelContainer {
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 830px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 0px;
	height: 283px;
	position: relative;
}

.stripNav {
	display: none;
}

#main_image {
	display: block;
}

#content_holder {
	background: url(/media/img/main-back.png) top repeat-x;
	position: relative;
}

#main_logo {
	position: relative;
	top: -58px;
	z-index: 10000;
}

#footer {
	background: #2f2f2f;
	width: 830px;
	height: 32px;
	clear: both;
	position: relative;
}

#footer p {
	position: relative;
	top: 10px;
	left: 15px;
	font-size: 11px;
}

#footer a {
	color: white;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

.two_col {
	width: 415px;
	float: left;
	position: relative;
}

#home, #about, #artists, #piercers, #gallery, #jewelry, #products, #contact, #directions, #aftercare, #thankyou {
	position: relative;
	top: -58px;
}

#home_welcome {
	position: relative;
	top: -20px;
}

#home #left_col p {
	margin-left: 40px;
	width: 335px;
	text-align: justify;
}

#home_buttons {
	margin-bottom: 35px;
}

#home_buttons a {
	width: 339px;
	height: 88px;
	margin-bottom: 8px;
	display: block;
	text-indent: -150%;
	overflow: hidden;
}

#home_links {
	position: relative;
	height: 265px;
	width: 400px;
	margin: 10px 0px 85px -15px;
}

#home_links a {
	display: block;
	position: absolute;
	width: 400px;
	left: 0px;
	overflow: hidden;
	text-indent: -150%;
	z-index: 50;
	background-image: url(/media/img/home_links.png);
	background-position-x: 0px;
}

#home_links a:hover {
	z-index: 55;
}

#home_piercing {
	height: 42px;
	top: 0px;
	background-position: 0px -1px;
}

#home_piercing:hover {
	background-position: -400px -1px;
}

#home_tattoo {
	height: 44px;
	top: 40px;
	background-position: 0px -44px;
}

#home_tattoo:hover {
	background-position: -400px -44px;
}

#home_directions {
	height: 40px;
	top: 80px;
	background-position: 0px -88px;
}

#home_directions:hover {
	background-position: -400px -88px;
}

#home_aftercare {
	height: 35px;
	top: 116px;
	background-position: 0px -130px;
}

#home_aftercare:hover {
	background-position: -400px -130px;
}

#home_jewelry {
	height: 35px;
	top: 149px;
	background-position: 0px -166px;
}

#home_jewelry:hover {
	background-position: -400px -166px;
}

#home_merchandise {
	height: 35px;
	top: 181px;
	background-position: 0px -200px;
}

#home_merchandise:hover {
	background-position: -400px -200px;
}

#home_shop {
	height: 42px;
	top: 214px;
	background-position: 0px -236px;
}

#home_shop:hover {
	background-position: -400px -236px;
}

#home #right_col {
	width: 340px;
	margin: 15px 0px 0px 15px;
}

#home_follow {
	margin: 15px 0px;
}

#social_links {
	width: 304px;
	height: 56px;
	position: relative;
	overflow: hidden;
	text-indent: -150%;
	margin-left: 10px;
}

#social_links a {
	display: block;
	float: left;
	height: 56px;
	background-image: url(/media/img/social_links.png);
}

#social_myspace {
	background-position: 0px 0px;
	width: 55px;
}

#social_flickr {
	background-position: -55px 0px;
	width: 89px;
}

#social_facebook {
	background-position: -140px 0px;
	width: 50px;
}

#social_twitter {
	background-position: -190px 0px;
	width: 55px;
}

#social_linkedin {
	background-position: -246px 0px;
	width: 55px;
}

#about {
	min-height: 545px;
}

#about #about_page {
	position: absolute;
	top: -81px;
	right: 0px;
}

#about #left_col p {
	margin: 0px 0px 20px 40px;
	width: 325px;
}

#who_mission {
	margin: 0px 0px 10px 40px;
}

#products_title {
	margin: 15px 0px 10px 40px;
}

#products p {
	width: 320px;
	margin-left: 43px;
}

#products {
	height: 409px;
}

#artists_needle {
	position: absolute;
	top: -81px;
	right: 0px;
}

#tattoo_care {
	position: absolute;
	top: 250px;
	right: 45px;
	z-index: 20;
}

#artists_title {
	margin: 15px 0px 10px 40px;
}

#artists p {
	width: 320px;
	margin-left: 43px;
}

#artists_list {
	margin: 40px 0px 0px 20px;
	list-style: none;
}

#artists_list li {
	float: left;
	display: block;
	background: #1f1f1f;
	width: 150px;
	height: 260px;
	position: relative;
	margin-left: 40px;
}

#artists_list li img {
	margin: 6px;
	border: 1px solid white;
}

#artists_list li:hover img {
	border: 1px solid #e9e11c;
}

#artists_list li h4 {
	text-align: center;
	margin-top: 4px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #ddd;
	font-size: 24px;
}

#jewelry {
	min-height: 497px;
}

#jewelry_title {
	margin: 15px 0px 20px 40px;
}

#jewelry p {
	width: 320px;
	margin-left: 43px;
}

#piercers_snapshot, #aftercare_page {
	position: absolute;
	top: -81px;
	right: 0px;
}

#jewelry_page, #products_page {
	position: absolute;
	top: -18px;
	right: 0px;
}

#piercers_care {
	position: absolute;
	top: 600px;
	right: 45px;
}

#piercers_title {
	margin: 15px 0px 20px 40px;
}

#piercers p {
	width: 320px;
	margin-left: 43px;
}

#piercers_list {
	margin: 40px 0px 0px 20px;
	list-style: none;
	width: 380px;
}

#piercers_list li {
	float: left;
	display: block;
	background: #1f1f1f;
	width: 150px;
	height: 260px;
	position: relative;
	margin-left: 20px;
}

#piercers_list li img {
	margin: 6px;
	border: 1px solid white;
}

#piercers_list li:hover img {
	border: 1px solid #e9e11c;
}

#artists_list a:hover, #piercers_list a:hover {
	text-decoration: none;
}

#piercers_list li h4 {
	text-align: center;
	margin-top: 4px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #ddd;
	font-size: 24px;
}

#galleryHolder {
	width: 766px;
	height: 520px;
	background: #2f2f2f;
	overflow: hidden;
	margin: 0px auto;
	position: relative;
}

#galleryHolder #bigImageHolder {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 380px;
	height: 500px;
	overflow: hidden;
	background: black;
	border: 1px solid white;
}

#galleryHolder .bigImage {
	position: absolute;
	top: 0px;
	left: 24px;
}

#galleryHolder #galleryList {
	position: absolute;
	top: 165px;
	left: 10px;
	width: 350px;
	height: 350px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#galleryHolder #galleryList ul {
	list-style: none;
	margin: 0px 5px 5px;
}

#galleryHolder #galleryList li {
	float: left;
	margin: 5px;
	border: 1px solid white;
}

#galleryHolder #galleryList li:hover {
	border: 1px solid #e9e11c;
}

#galleryHolder #galleryHeader {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 320px;
}

#galleryHolder #galleryThumb {
	float: left;
	margin: 0px 15px 5px 0px;
}

#galleryHolder #galleryHeader h3 {
	margin: 10px 0px;
}

#shop #galleryHeader h3 {
	height: 36px;
	width: 133px;
	background: url(/media/img/shop-title.png) no-repeat;
	overflow: hidden;
	text-indent: -150%;
	margin-left: -5px;
}

#shop #galleryHeader #desc {
	display: none;
}

#galleryHolder #galleryHeader a {
	color: #e8e039;
}

#galleryHolder #galleryHeader #desc {
	margin: 15px 0px 10px;
	text-align: left;
}

#galleryHolder #galleryHeader #desc a {
	font-size: 16px;
	color: #d03c2f;
}

#contact #errorList {
	margin: 0px 0px 10px 45px;
	color: #d03c2f;
}

#contact #contact_title {
	margin: 10px 0px 20px 15px;
}

#contact #formHolder {
	background: #2f2f2f;
	width: 355px;
	height: 405px;
	position: relative;
	margin-left: 15px;
}

#contact form > * {
	position: absolute;
}

#contact form label {
	font-size: 13px;
}

#contact form input {
	background: #444444;
	color: #ccc;
	height: 26px;
	width: 260px;
	font-size: 18px;
	line-height: 22px;
	border: none;
}

#contact #label_name {
	top: 14px;
	left: 10px;
}

#contact #id_name {
	top: 10px;
	left: 85px;
}

#contact #label_tel {
	top: 54px;
	left: 10px;
}

#contact #id_tel {
	top: 50px;
	left: 85px;
}

#contact #label_email {
	top: 94px;
	left: 10px;
}

#contact #id_email {
	top: 90px;
	left: 85px;
}

#contact #label_regarding {
	top: 134px;
	left: 10px;
}

#contact #id_regarding {
	top: 130px;
	left: 85px;
	height: 26px;
	font-size: 18px;
}

#contact #label_comments {
	top: 165px;
	left: 10px;
}

#contact #id_comments {
	top: 190px;
	left: 10px;
	width: 335px;
	height: 155px;
	background: #444444;
	color: #ccc;
	font-size: 18px;
	border: none;
	line-height: 20px;
}

#contact #submit {
	right: 10px;
	top: 360px;
	width: 123px;
	height:33px;
}

#contact #right_col, #directions #right_col, #thankyou #right_col {
	text-indent: -150%;
	overflow: hidden;
}

#contact #location_header, #directions #location_header, #thankyou #location_header {
	width: 285px;
	height: 35px;
	background: url(/media/img/contact-location.png) no-repeat 0px 0px;
	margin: 12px 0px 30px;
}

#contact #address, #directions #address, #thankyou #address {
	width: 285px;
	height: 60px;
	background: url(/media/img/contact-location.png) no-repeat 0px -40px;
	margin-bottom: 30px;
}

#contact #address a, #directions #address a, #thankyou #address a {
	display: block;
	height: 60px;
	width: 285px;
}

#contact #phone, #directions #phone, #thankyou #phone {
	width: 285px;
	height: 50px;
	background: url(/media/img/contact-location.png) no-repeat 0px -100px;
	margin-bottom: 30px;
}

#contact #hours, #directions #hours, #thankyou #hours {
	width: 285px;
	height: 60px;
	background: url(/media/img/contact-location.png) no-repeat 0px -150px;
}

#about #mail_list {
	margin: 15px 0px 0px 45px;
}

#products #mail_list {
	margin: 15px 0px 0px 45px;
}

#mail_list {
	width: 340px;
	height: 80px;
	background: url(/media/img/who-mailing-back.png) no-repeat;
	position: relative;
}

#mail_list_email {
	position: absolute;
	top: 25px;
	left: 0px;
	width: 200px;
	height: 24px;
	line-height: 22px;
	font-size: 16px;
}

#mail_list_submit {
	position: absolute;
	top: 25px;
	left: 204px;
	height: 28px;
	width: 70px;
	background: #d42021;
	color: white;
	line-height: 30px;
	text-align: center;
	border: 0px;
}

#directions #left_col {
	width: 500px;
}

#directions #right_col {
	width: 300px;
}

#directions #directions_map {
	margin: 5px 42px;
}

#aftercare {
	height: 400px;
}

#aftercare_buttons {
	padding: 140px 0px 0px 45px;
}

#aftercare_buttons a {
	display: block;
	margin: 20px;
}

#thankyou #thankyou_title {
	margin: 15px 0px 0px 45px;
}

#thankyou #content {
	margin-left: 45px;
	width: 330px;
}