@charset "utf-8";
/* 
CSS Document 
Author: Shaun Wright
Web: www.designsecrets.co.nz
*/


/* HTML Document Styles */


body, html {
	margin-top: 10px;
	background: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 15px;
	
	
}

h2{
	color: #FFCC33;
	height: 15px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	margin: 0px 0;
}



img {

border:0;

}

img, div { behavior: url(iepngfix.htc) }

div {
	scrollbar-face-color:#EBF5FF;
	scrollbar-base-color:#EBF5FF;
	scrollbar-arrow-color:black;
	scrollbar-track-color:#F3F3F3;
	scrollbar-shadow-color:#EBF5FF;
	scrollbar-highlight-color:#EBF5FF;
	scrollbar-3dlight-color:#78AAFF;
	scrollbar-darkshadow-Color:#78AAFF;
	}



a:link, a:visited {
	color: #FFFFFF;
	text-decoration: none;
	/*border-bottom: 1px dotted #FFCC33;*/
	
}

a:hover, a:visited:hover {
	color: #FFCC33;
	text-decoration: none;
	border: 0px none;
}


/* General Layout Styles */

#main-container {
    position:relative;
	width: 862px;
	height: 860px;
	margin: auto;
	text-align: left;
	overflow: hidden;
}

/*#container {
position:relative;
margin:auto;
width:850px; 
}*/


#menu {
	width: 172px;
	height: 523px;
	margin: 0px 0px;
	text-align: left;
	background-image: url(../images/Menu.jpg);

}

#menu ul {

	position:relative;
	width: 150px;
	margin: 200px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	
	
}

#menu ul li {
	display: inline;
	padding: 15px 0px;
	margin: 0px;
	font-size: 14px;
	line-height: 160%;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

#main_left {
	position:relative;
	width: 337px;
	height: 523px;
	margin: -523px 181px;
	text-align: left;
	background-image: url(../images/Main_Left.jpg);

}

#main_right{
	width: 336px;
	height: 523px;
	margin: -523px 526px;
	text-align: left;
	background-image: url(../images/Main_Right.jpg);

}

#main_middle{
	width: 681px;
	height: 523px;
	/*margin: -523px 181px;*/
	margin: -523px 181px;
	text-align: left;
	background-image: url(../images/Main_Middle.jpg);

}

#footer{
	width: 862px;
	height: 153px;
	margin: 532px 0px;
	background-image: url(../images/Footer.jpg);

}

#footer_ul{
	position:absolute;
	width: 862px;
	height: 20px;
	margin: -520px 0px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align:top;
}

#footer_ul_gallery{
	position:absolute;
	width: 862px;
	height: 20px;
	margin: -160px 200px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align:top;
}
/* Navigation Styles */



/* Content Layout Styles Left*/

#black_transparent_left {
	position:absolute;
	width: 322px;
	height: 422px;
	margin: 73px 7px;
	background-image: url(../images/background_6.png)
}

#main_pic {
	position:absolute;
	width: 314px;
	height: 383px;
	margin: 4px 4px;
	
}

#main_pic ul {
		margin: 7px -18px;
	font-size: 12px;
	text-align: center;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	
	
}

/* Content Layout Styles Right*/

#title_artists {
    width: 193px;
	height: 34px;
	margin: 30px 70px;
	background-image: url(../images/title_artists.png)

}

#title_blank{
    width: 94px;
	height: 34px;
	margin: 30px 70px;
	background-image: url(../images/blank.png)

}

#title_tattoo_gallery  {
	position:absolute;
	width: 407px;
	height: 34px;
	margin: 30px 5px;
	background-image: url(../images/title_tattoo_gallery.png)

}

#title_tattoo_rates  {
	position:absolute;
	width: 351px;
	height: 34px;
	margin: 30px 5px;
	background-image: url(../images/title_tattoo_rates.png)

}

#title_after_care  {
	position:absolute;
	width: 292px;
	height: 34px;
	margin: 30px 5px;
	background-image: url(../images/title_after_care.png)

}

#title_faq  {
	position:absolute;
	width: 94px;
	height: 34px;
	margin: 30px 5px;
	background-image: url(../images/title_faq.png)

}

#title_testimonials  {
	position:absolute;
	width: 334px;
	height: 34px;
	margin: 30px 5px;
	background-image: url(../images/title_testimonials.png)

}

#title_our_team {
	position:absolute;
	width: 264px;
	height: 34px;
	margin: 30px 5px;
	background-image: url(../images/title_our_team.png)

}

#title_famous_info  {
	position:absolute;
	width: 320px;
	height: 34px;
	margin: 30px 5px;
	background-image: url(../images/title_famous_info.png)

}


#title_our_studio  {
	position:absolute;
	width: 281px;
	height: 34px;
	margin: 30px 28px;
	background-image: url(../images/title_our_studio.png)

}

#title_contact_us  {
	position:absolute;
	width: 299px;
	height: 34px;
	margin: 30px 20px;
	background-image: url(../images/title_contact_us.png)

}

#title_tattoo_artists  {
	position:absolute;
	width: 392px;
	height: 34px;
	margin: 30px 20px;
	background-image: url(../images/title_tattoo_artists.png)

}

#black_transparent_right {
	position:absolute;
	width: 322px;
	height: 422px;
	margin: -20px 7px;
	text-align: left;
	background-image: url(../images/background_7.png)
}

/* Content Layout Styles Middle*/

#black_transparent_middle {
	position:absolute;
	width: 667px;
	height: 422px;
	margin: 73px 7px;
	background-image: url(../images/background_7.png)
}



/* Gallery Layout Styles */

#gallery_left {
	position:absolute;
	width: 240px;
	height: 385px;
	margin: 20px 7px;
}

#gallery_page_middle {
	position:absolute;
	width: 654px;
	height: 385px;
	margin: 20px 7px;
	overflow:auto;
}

#gallery_middle {
	position:absolute;
	width: 182px;
	height: 385px;
	margin: 20px 274px;
	
}

#gallery_middle_pic{
	
	width: 182px;
	height: 66px;
	
}

#gallery_right{
	position:absolute;
	width: 182px;
	height: 385px;
	margin: 20px 463px;
	
}

#gallery_right_pic{
	
	width: 182px;
	height: 66px;
	
}

#artist_gallery_right{
	position:absolute;
	width: 364px;
	height: 385px;
	margin: 20px 281px;
	
	
}

#contact_right{
	
	margin: 10px 10px;
	
}

/* Footer Layout Styles */

#black_transparent_footer {
	position:absolute;
	width: 847px;
	height: 143px;
	margin: 5px 8px;
	background-image: url(../images/background_7.png)
}

#black_transparent_footer_image{
	position:absolute;
	width: 832px;
	height: 127px;
	margin: 8px 8px;
	background-image: url(../images/Footer_image.jpg)
}

/* Class Styles */

ol.booking-guide {
	margin: 0px;
	padding-left: 20px;
	font-size: 18px;
}


ol.booking-guide li {
	margin: 15px 0px;
	padding: 15px;
	border: 1px dotted #CCCCCC;
	background: #EFEFEF;
	font-size: 14px;
}