/* TWO COLUMN LAYOUT */


*{
	margin: 0;
	padding: 0; /* ressets browser styles */
}

body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
background-color: #4f2405; /*Backgroung color whole body */

	}
	
#main_wrapper {
	width:880px; /* widths of columns will change proportionately as this width is changed */
	margin-top: 20px;
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left;
	background: url(../images/gold_tile.png) repeat left top;
	
}

#header {
	background: url(../images/header.png) no-repeat left top;
	width: 880px;
	height: 100px;
	position: relative; /* this setting is what the #top_nav is positioned by */
	
	}
	
	

#header2 {
	background: url(../images/header2.png) no-repeat left top;
	width: 880px;
	height: 100px;
	position: relative; /* this setting is what the #top_nav is positioned by */	
}


/* Begin top nav */

#header ul, #header2 ul {
	margin: 0;
	padding: 0;
	width: 800px;
	list-style-type: none;
	float: left;
	position: absolute;
	right: 50px;
	top: 23px;
	
}

#header li, #header2 li {
	margin: 0;
	padding: 0;
	float: left;

}

#header li a, #header2 li a {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
	line-height: 28px;
	text-indent: -9000px;
}


#header li.home a, #header2 li.home a {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
	line-height: 28px;
	background: url(../images/home_nav.png) no-repeat 0 0;
	width: 79px;
	position: relative;
	left: 176px;
}

#header li.home a:hover, #header2 li.home a:hover {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
	line-height: 28px;
	background: url(../images/home_nav_hover.png) no-repeat 0 0;
	width: 79px;
	position: relative;
	left: 176px;
}



#header li.tattoo a, #header2 li.tattoo a {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
	line-height: 28px;
	background: url(../images/tattoo_nav.png) no-repeat 0 0;
	width: 78px;
	position: relative;
left: 191px;

}

#header li.tattoo a:hover, #header2 li.tattoo a:hover {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
	line-height: 28px;
	background: url(../images/tattoo_nav_hover.png) no-repeat 0 0;
	width: 78px;
	position: relative;
left: 191px;

}

#header li.craft a, #header2 li.craft a {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
	line-height: 28px;
	background: url(../images/craft_nav.png) no-repeat 0 0;
	width: 80px;
	position: relative;
left: 211px;
}

#header li.craft a:hover, #header2 li.craft a:hover {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
	line-height: 28px;
	background: url(../images/craft_nav_hover.png) no-repeat 0 0;
	width: 80px;
	position: relative;
left: 211px;


}

#header li.contact a, #header2 li.contact a {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
	line-height: 28px;
	background: url(../images/contact_nav.png) no-repeat 0 0;
	width: 94px;
	position: relative;
left: 228px;
}

#header li.contact a:hover, #header2 li.contact a:hover {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
	line-height: 28px;
	background: url(../images/contact_nav_hover.png) no-repeat 0 0;
	width: 94px;
	position: relative;
left: 228px;

}


#header li.facebook a, #header2 li.facebook a {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
	line-height: 28px;
	background: url(../images/facebook_nav.png) no-repeat 0 0;
	width: 111px;
	position: relative;
	left: 240px;
}


#header li.facebook a:hover, #header2 li.facebook a:hover {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
	line-height: 28px;
	background: url(../images/facebook_nav_hover.png) no-repeat 0 0;
	width: 111px;
	position: relative;
	left: 240px;
}


/* ----------------------- end top nav ----------------------------*/

/* begin big button nav on home page */

#content ul {
	margin: 0;
	padding: 0;
	width: 500px;
	list-style-type: none;
	float: left;
	right: 50px;
	top: 23px;
	
}

#content li {
	margin: 0;
	padding: 0;
	float: left;

}

#content li a {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
	line-height: 28px;
	text-indent: -9000px;

}

#content li.tattoo_index a {
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
	line-height: 104px;
		width: 139px;
	background: url(../images/home_tattoo.png) no-repeat 0 0;
	position: relative;
	top: 200px;
	left: 343px;

}



#content li.craft_index a {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
	line-height: 104px;
		width: 139px;
	background: url(../images/home_craft.png) no-repeat 0 0;
	position: relative;
		top: 200px;
	left: 353px;
		
}

#content li.contact_index a {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
		line-height: 104px;
		width: 139px;
	background: url(../images/home_contact.png) no-repeat 0 0;
	position: relative;
	top: 200px;
	left: 363px;
}

/* --------------- end big button nav on home page ------------------------*/

#content2 ul {
	margin: 0;
	padding: 0;
	width: 500px;
	list-style-type: none;
	float: left;
	right: 50px;
	top: 23px;
	
}

#content2 li {
	margin: 0;
	padding: 0;
	float: left;

}

#content2 li a {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
	line-height: 28px;
	text-indent: -9000px;

}

#content2 li.back_off a {
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
	line-height: 26px;
		width: 176px;
	background: url(../images/back_off.png) no-repeat 0 0;
	position: relative;
	top:  0px;
	left: 221px;
	cursor: default;

}

#content2 li.back_on a {
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
	line-height: 26px;
		width: 176px;
	background: url(../images/back_on.png) no-repeat 0 0;
	position: relative;
	top:  0px;
	left: 221px;

}

#content2 li.next_on a {
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
	line-height: 26px;
		width: 176px;
	background: url(../images/next_on.png) no-repeat 0 0;
	position: relative;
	top:  0px;
	left: 385px;
	
}


#content2 li.next_off a {
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
	line-height: 26px;
		width: 176px;
	background: url(../images/next_off.png) no-repeat 0 0;
	position: relative;
	top:  0px;
	left: 385px;
	cursor: default;
	
}


#content li.craft_index a {
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	float: left;
	line-height: 104px;
		width: 139px;
	background: url(../images/home_craft.png) no-repeat 0 0;
	position: relative;
		top: 200px;
	left: 353px;
		
}



/* begin back and next arrow buttons */




/* --------------- end back and next arrow buttons ------------------------*/



/* begin content */

#content { /* --- home page content area -- */
	
	float:left; /* floats on nav and content divs make them sit side by side */
	background: url(../images/content.png) no-repeat left top;
	width: 880px;
	height: 368px;
		
}

#content2 {  /* --- gallery and contact content area -- */
	
	float:left; /* floats on nav and content divs make them sit side by side */
	background: url(../images/content2.png) no-repeat left top;
	width: 880px;
	height: 368px;
		
}

#content2  p { /* ---  tracy zumwalt name in gallery area -- */
	
	float:left; /* floats on nav and content divs make them sit side by side */
	background: url(../images/tz.png) no-repeat 0 0;
	width: 437px;
	height: 43px;
	text-indent: -9000px;
	position: relative;
	left: 221px;
	top: -20px;
}


#content p {
	
	text-indent: -9000px;
	
}

/* --- begin contact page --- */

#content2 h4.info {
	
	clear: left;
	float: left;
	width: 300px;
	height: 280px;
	margin: 10px 0 0 110px;
	font-family: "Courier New", Courier, mono;
	line-height: 18px;
}

h4.info a {
	color: #fff;
	text-decoration: none;
}

h4.info a:hover {
	color: #fff;
	text-decoration: underline;
}

.img_wrap {
	background: url(../images/img_bg.png) no-repeat 0 0;

	width: 279px;
	height: 329px;
	float: right;
margin-right: 120px;
position: relative;
bottom: 15px;

}

.tracy  {
position: relative;

left: 9px;
top: 9px;
}


/* -------- end contact page ----------*/


/* --------------- end content ------------------------*/



/* begin image gallery rows */


#gallery_wrap {
	clear: both;
	margin: 0px  auto;
	width: 700px;
	height: 280px;
	
}

.img_container {
	
	float: left;
	background: url(../images/thumb_frame.png) no-repeat left top;
	width: 109;
	height: 109;
	margin: 10px 10px 15px 15px;

}

.img_container img {

float: none;
padding: 11px;
position: relative;
bottom: 2px;
right: 1px;


}



/* --------------- end  image gallery rows ------------------------*/



	
	/* begin footer */
	
#footer {
	
	clear:both;
	background: url(../images/footer2.png) no-repeat left top;
	width:  880px;
	height: 137px;
	text-align:center;
}


#footer p  {
	width: 880px;
	height: 50px;
	padding-top: 100px;
	color: #A37616;
	font: .8em Arial, Georgia, "Times New Roman", Times, serif;
}

#footer a {
	color: #A37616;
	
	}

#footer a:hover  {
	color: #ffffff;
}


/* --------------- end footer ------------------------*/


#header, #nav, #content, #promo {
	overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */

}

img, img a, a:active, a:focus, li, ul {
	border: none;
	outline: none;
}



a {

border: none;

}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */