@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	padding:0px;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	body.blue {
		background:#285591 url(../images/background_blue.png) repeat-x;
	}
	body.purple {
		background:#371524 url(../images/background_purple.png) repeat-x;
	}
	body.brown {
		background:#553F2A url(../images/background_brown.png) repeat-x;
	}
	body.lightgreen {
		background:#736636 url(../images/background_lightgreen.png) repeat-x;
	}
	body.pink {
		background:#74566D url(../images/background_pink.png) repeat-x;
	}
	
.clear {
	clear:both
}

img, div, h2, h1, a, ul, li { behavior: url(iepngfix.htc) }

/************************************
	Structure
************************************/

#topMargin {
	height:144px;
}

#floattop {
	background:url(../images/float_left.png) no-repeat;
	width:843px;
	height:368px;
	position:absolute;
	z-index:5;
	left:-357px;
	top:-145px;
}
#floatbottom {
	background:url(../images/float_bottom.png) no-repeat;
	width:843px;
	height:368px;
	position:absolute;
	z-index:4;
	right:-357px;
	bottom:-145px;
}

#container {
	position:relative;
	width:996px;
	border:1px solid #fff;
	margin:0 auto 0 auto;
}

#content {
	position:relative;
	height:440px;
	}
	#content p {color:#fff; line-height:18px;}
	#content h2 {
		display:block;
		margin:0px;
		padding:0px;
		}
		#content h2 span {display:none}

#menu {
	height:97px;
	overflow:hidden;
	}
	#menu ul {
		padding:0px;
		margin:440px 0 0 0;
		list-style-type:none
		}
		#menu ul li {float:left; background:url(../images/menu_seperator.png) 0px 3px no-repeat; display:block; padding:0 0 0 2px;}
		#menu ul li a {display:block; float:left; height:71px}
		#menu ul li a.b-home {background:url(../images/menu_home.png) no-repeat; width:107px}
		#menu ul li a.b-tattoos {background:url(../images/menu_tattoos.png) no-repeat; width:130px}
		#menu ul li a.b-faq {background:url(../images/menu_faq.png) no-repeat; width:114px}
		#menu ul li a.b-gallery {background:url(../images/menu_gallery.png) no-repeat; width:139px}
		#menu ul li a.b-contact {background:url(../images/menu_contact.png) no-repeat; width:149px}
		#menu ul li a:hover {background-position:bottom}
		#menu ul li a span {display:none}

#footer {
	height:36px;
	position:relative;
	}
	#footer p {
		position:absolute;
		right:20px;
		color:#71777D;
		display:block;
		padding:8px 0 0 20px;
		margin:0px;

	}
	#footer a {
		position:absolute;
		left:20px;
		top:8px;
		color:#71777D;
		display:block;
		width:80px;
		height:20px;
		background:url(../images/logo_footer.png) no-repeat;
		}
		#footer a span {
			display:none
		}
	
/************************************
	Home Page
************************************/

.home-wrap {
	width:500px;

	position:absolute;
	top:134px;
	left:440px;
}

.home-content {
	background:url(../images/home_header.jpg) no-repeat;
	}
.home-content h1 {
		background:url(../images/h1_home.png) no-repeat;
		width:317px;
		height:61px;
		position:absolute;
		top:-90px;
		left:-50px;
		}

		.home-content h1 span {display:none}
	.home-content h2 {
		background:url(../images/h2_home.png) no-repeat;
		width:352px;
		height:74px;
	}
	.home-content p {
		margin:27px 0 0 54px;
	}
	
.home-menu {
	background:url(../images/home_footer.png) no-repeat;
	}
	.home-menu ul {
		position:absolute;
		top:0px;
		left:346px
	}
.home-footer {
	background:#05101B;
}

/************************************
	Tattoos Page
************************************/

.tattoos-wrap {
	width:650px;
	overflow:hidden;
	position:absolute;
	z-index:10;
	padding:0 0 5px 0;
	top:50px;
	left:50px;
}

.tattoos-content {
	background:url(../images/tattoos_header.jpg) no-repeat;
	}
	.tattoos-content h2 {
		background:url(../images/h2_home.png) no-repeat;
		width:352px;
		height:74px;
	}
	.tattoos-content p {
		margin:27px 0 0 54px;
	}
	
.tattoos-menu {
	background:url(../images/tattoos_footer.png) no-repeat;
	}
	.tattoos-menu ul {
		position:absolute;
		top:0px;
		left:50px;
	}
.tattoos-footer {
	background:#160A10;
}

/************************************
	FAQ Page
************************************/

.faq-wrap {
	width:600px;
	overflow:hidden;
	position:absolute;
	top:35px;
	left:50px;
}

.faq-content {
	background:url(../images/faq_header.jpg) no-repeat;
	}
	.faq-content h2 {
		background:url(../images/h2_faq.png) no-repeat;
		width:48px;
		height:32px;
	}
	.faq-content p {
		margin:27px 0 0 0;
	}
	
.faq-menu {
	background:url(../images/footer_faq.png) no-repeat;
	}
	.faq-menu ul {
		position:absolute;
		top:0px;
		left:50px;
	}
.faq-footer {
	background:#13100D;
}

ul.faq {
	margin:10px 0 0 15px;
	padding:0px;
	}
	ul.faq li {
		line-height:18px;
		margin:0 0 5px 0;
		}
		ul.faq li strong {}
	

/************************************
	Gallery Page
************************************/

.gallery-wrap {
	width:540px;
	overflow:hidden;
	position:absolute;
	top:45px;
	left:420px;
	}
	.image-example {
		float:left;
		width:120px;
		height:77px;
		margin:13px 12px 0 0;
		padding:0px;
		}
		.image-example a {display:block; height:100%;}
		.image-example a:hover {border:1px solid #fff}
		.image-example a span {display:none}
		
.gallery-content {
	background:url(../images/gallery_header.jpg) no-repeat;
	}
	.gallery-content h2 {
		background:url(../images/h2_gallery.png) no-repeat;
		width:111px;
		height:32px;
		margin:0 0 20px 0 !important;
	}
	.gallery-content p {
		margin:27px 0 0 0;
	}
	
.gallery-menu {
	background:url(../images/gallery_footer.png) no-repeat;
	}
	.gallery-menu ul {
		position:absolute;
		top:0px;
		left:346px;
	}
.gallery-footer {
	background:#17130D;
}

/************************************
	Contact Page
************************************/

.contact-wrap {
	width:240px;
	overflow:hidden;
	position:absolute;
	top:132px;
	left:377px;
	text-align:center
	}
	.contact-wrap address {text-decoration:none; line-height:18px; margin:0 0 10px 0;}

.contact-content {
	background:url(../images/contact_header.jpg) no-repeat;
	}
	.contact-content h2 {
		background:url(../images/h2_contact.png) no-repeat;
		width:113px;
		height:32px;
		margin:0 0 30px 63px !important;
	}
	.contact-content p {
		margin:27px 0 0 0;
	}
	
.contact-menu {
	background:url(../images/contact_footer.png) no-repeat;
	}
	.contact-menu ul {
		position:absolute;
		top:0px;
		left:180px;
		padding:0 22px 0 0;
		background:url(../images/menu_seperator.png) 647px 3px no-repeat;
		}

.contact-footer {
	background:#17130D;
}

/************************************
	Buttons
************************************/

a#button {
	height:24px;
	display:block;
	cursor:pointer
	}
	a#button:hover {background-position:bottom}
	a#button span {display:none}
	
/*buttons*/
.explore {
	width:150px;
	margin:33px 0 0 54px;
	background:url(../images/button_explore.png) no-repeat;
}
.question {
	width:150px;
	margin:33px 0 0 0;
	background:url(../images/button_question.png) no-repeat;
}
.show {
	width:150px;
	margin:25px 0 0 0;
	background:url(../images/button_show.png) no-repeat;
}
.email {
	height:24px;
	width:227px;
	margin:25px 0 0 8px;
	background:url(../images/button_wholesale.png) no-repeat;
}


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

	Image Menu
	v 2.2

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

.logos {height:110px; width:142px; margin:20px 15px 0 0; float:left;}
	.logos a {display:block; height:110px;border:1px solid #fff;}
	.logos a:hover {border:2px solid #fff}
	.logos a span {display:none}


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