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

html {
overflow-y:scroll;
}

body {
	background-color: #000000;
	background-image: url(images/bg.jpg);
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 100px;
}


a:link, a:visited, a:active { color:#000000; }
a:hover { color: #981c1d; }

.text_red { color: #981c1d; }

a:link img, a:visited img { border:1px solid #000000; }
a:focus img, a:hover img, a:active img { border:1px solid #ff0000;}


.clear { clear: both; }


#main {
position: relative;
width: 909px;
height: 975px;
margin: 0 auto;
background-color: #e3cca8;
}

/***************************homepage*******************************/
#header_home {
position: relative;
background-image: url(images/home_top.jpg);
background-repeat: no-repeat;
width: 909px;
height: 315px;
}

#header_home img {
border:none;
}

#header_home h1 {
position: absolute;
bottom: 0;
left: 82px;
font: bold 18px Arial,Helvetica,sans-serif;
text-align: left;
padding: 0;
margin: 0;
}

#home_content {
position: relative;
width: 909px;
min-height: 660px;
margin: 0;
padding: 0;
}

#home_middle {
position: absolute;
background-image: url(images/home_middle.jpg);
background-repeat: no-repeat;
width: 909px;
height: 477px;
top: 0;
left: 0;
line-height:0px;font-size: 0; /* fixed IE6 empty div bug */
margin: 0;
padding: 0;
}


#home_bottom {
position: absolute;
background-image: url(images/home_bottom.jpg);
background-repeat: no-repeat;
width: 909px;
height: 183px;
top: 477px;
left: 0;
}

#header {
position: relative;
background-image: url(images/headerbg.jpg);
background-repeat: no-repeat;
width: 909px;
height: 315px;
margin: 0;
padding: 0;
}

#header img {
border:none;
}

#logo {
position: absolute;
top: 25px;
left: 274px;
}


/************************ Navigation ***************************/
#menu {
position: absolute;
width: 798px;
height: 30px;
top: 201px;
left: 65.5px;
}

#menu_top {
position: absolute;
top: 0;
left: 0;
background-color: #312918;
width: 778px;
height: 2px;
line-height:0px;font-size: 0; /* fixed IE6 empty div bug */
}

#menu_bottom {
position: absolute;
top: 28px;
left: 0;
background-color: #312918;
width: 778px;
height: 2px;
line-height:0px;font-size: 0; /* fixed IE6 empty div bug */
}

#nav {
position: relative;
top: 0px;
height: 24px;
padding: 0;
margin: 0;
}

#nav li {
background: transparent url(images/nav-sprites.gif) no-repeat top left;
list-style: none;
height: 24px;
margin: 0;
float: left;
padding-top: 6px;
}

#nav li a {
background: transparent url(images/nav-sprites.gif) no-repeat top left;
list-style: none;
height: 24px;
float: left;
display: block;
padding: 0px 18px 0 0;
}


#nav #n_home a { background-position: 0 -285px; width: 69px; height: 21px; }
#nav #n_home a:hover { background: transparent url(images/nav-sprites.gif) no-repeat 0 -336px; width: 69px; height: 21px; }

#nav #n_artists a { background-position: 0 -489px; width: 104px; height: 21px; }
#nav #n_artists a:hover { background: transparent url(images/nav-sprites.gif) no-repeat 0 -540px; width: 104px; height: 21px; }

#nav #n_appt a { background-position: 0 -387px; width: 191px; height: 21px; }
#nav #n_appt a:hover { background: transparent url(images/nav-sprites.gif) no-repeat 0 -438px; width: 191px; height: 21px; }

#nav #n_contact a { background-position: 0 -591px; width: 122px; height: 21px; }
#nav #n_contact a:hover { background: transparent url(images/nav-sprites.gif) no-repeat 0 -30px; width: 122px; height: 21px; }

#nav #n_directions a { background-position: 0 -81px; width: 150px; height: 21px; }
#nav #n_directions a:hover { background: transparent url(images/nav-sprites.gif) no-repeat 0 -132px; width: 150px; height: 21px; }

#nav #n_faq a { background-position: 0 -183px; width: 53px; height: 21px; }
#nav #n_faq a:hover { background: transparent url(images/nav-sprites.gif) no-repeat 0 -234px; width: 53px; height: 21px; }


#news_panel {
position: absolute;
font: normal 14px Arial,Helvetica,sans-serif;
top: 54px;
left: 593px;
width: 240px;
height: 390px;
padding: 0 5px 0 10px;
}

#news_panel h2 {
padding: 0;
margin: 5px 0 0 0;
font: bold 14px Arial,Helvetica,sans-serif;
text-decoration: underline;
}

#news_panel p {
padding: 0;
margin: 5px 0 2px 0;

}

#news_icon {
position: absolute;
background-image: url(images/news_panel.gif);
top: 27px;
left: 602px;
width: 64px;
height: 25px;
}

#photo_main {
position: absolute;
top: 5px;
left: 82px;
width: 420px;
height: 309px;
}

#home_text {
position: relative;
width: 450px;
font: normal 16px Arial,Helvetica,sans-serif;
text-align: left;
margin: 320px 0 0 82px;
float: left;
display: inline;
}


#recent_tattoos {
position: relative;
width: 480px;
height: 122px;
margin: 30px 0 0 82px;
float: left;
display: inline;
}

#recent_tattoos ul {
list-style: none;
padding: 0;
margin: 23px 0 0 0;
}

#recent_tattoos li {
float: left;
margin: 0;
padding: 6px 29px 0 0;
}


#recent_tats_icon {
position: absolute;
background-image: url(images/recent_tats.gif);
top: 0;
left: 0;
width: 169px;
height: 21px;
}

#footer {
position: relative;
width: 800px;
color: #e3cca8;
text-align: center;
margin: 0 auto;
}

#footer A:link {text-decoration: none; font: normal 14px Arial,Helvetica,sans-serif; color: #e3cca8;}
#footer A:visited {text-decoration: none; font: normal 14px Arial,Helvetica,sans-serif; color: #e3cca8;}
#footer A:active {text-decoration: none; font: normal 14px Arial,Helvetica,sans-serif; color: #e3cca8;}
#footer A:hover {text-decoration: underline; font: normal 14px Arial,Helvetica,sans-serif; color: #e3cca8;}


/************************ Artists Page ***************************/

#content {
position: relative;
/*z-index: 3;*/
width: 909px;
min-height: 660px;
text-align: center;
color: #1d1515;
}

#middlebg_artists {
position: absolute;
background-image: url(images/middlebg_artists.jpg);
background-repeat: no-repeat;
top: 0;
left: 0;
width: 909px;
height: 477px;
}

#bottombg_artists {
position: absolute;
background-image: url(images/footerbg_artists.jpg);
background-repeat: no-repeat;
top: 477px;
left: 0;
width: 909px;
height: 183px;
}

#artists_lists {
position: relative;
text-align: center;
color: #1d1515;
font: bold 24px Arial,Helvetica,sans-serif;
}

#artists_lists A:link {text-decoration: none; font: bold 24px Helvetica,Arial,sans-serif; color: #1d1515;}
#artists_lists A:visited {text-decoration: none; font: bold 24px Helvetica,Arial,sans-serif; color: #1d1515;}
#artists_lists A:active {text-decoration: none; font: bold 24px Helvetica,Arial,sans-serif; color: #1d1515;}
#artists_lists A:hover {text-decoration: underline; font: bold 24px Helvetica,Arial,sans-serif; color: #981c1d;}

#artists_lists p {
padding: 7px 0;
margin: 0;
}


/*************************** common pages ******************************/

#wrap_inner {
position: relative;
font: bold 16px Arial,Helvetica,sans-serif;
}

#wrap_inner p {
padding: 0;
margin: 0 0 5px 0;
}

#artists_name {
padding: 0;
margin: 0;
}


#middlebg {
position: absolute;
background-image: url(images/middlebg.jpg);
background-repeat: no-repeat;
top: 0;
left: 0;
width: 909px;
height: 477px;
}

#bottombg {
position: absolute;
background-image: url(images/footerbg.jpg);
background-repeat: no-repeat;
top: 477px;
left: 0;
width: 909px;
height: 183px;
}

#thumb_box {
position: relative;
top: 2px;
width: 778px;
height: 590px;
border: solid 1px #000000;
padding: 0 17px 22px 22px;
margin: 0 auto;
}

#thumb_box p {
font: bold 24px Arial,Helvetica,sans-serif;
margin: 0 0 2px 0;
padding: 0;
text-align: left;
}

#thumb_box ul {
margin: 0;
padding: 0;
}

#thumb_box li {
position: relative;
width: 106px;
height: 106px;
margin: 0 5px 5px 0;
padding: 0;
float: left;
display: inline;
}

#thumb_box li a {
margin: 0;
padding: 0;
}

#artist_pic {
position: relative;
width: 328px;
height: 217px;
padding: 0;
margin: 0 5px 0 0;
float: left;
display: inline;
}

#map {
position: relative;
z-index: 4;
width: 600px;
height: 350px;
border: solid 2px #000000;
margin: 0 auto;
}

/**********Appointments****************/

.appt_box {
position: relative;
width: 600px;
border: solid 1px #050505;
background-color: #f4f4f4;
font: normal 18px Arial,Helvetica,sans-serif;
text-align: left;
padding-bottom: 8px;
margin: 0 auto;
}

.appt_box h1 {
font: normal 18px Arial,Helvetica,sans-serif;
margin: 5px 0 0 15px;
padding: 0;
}

#wrap_inner h2 {
width: 600px;
font: normal 18px Arial,Helvetica,sans-serif;
text-align: left;
margin: 0 auto;
padding: 5px 0 20px 0;
}

#wrap_inner h3 {
/*width: 600px;*/
font: bold 18px Arial,Helvetica,sans-serif;
text-align: left;
margin: 0;
padding: 0 0 8px 0;
}

p#must_be { font-size:20px; font-weight:bold; text-align:left; margin:0; padding:0 0 10px 0; }

.appt_box_outer {
padding: 0;
margin: 0 0 20px 0;
}
.appt_box ul {
width: 230px;
padding: 0;
margin: 0 auto;
text-align: left;
}

.appt_box li {
margin: 0;
padding: 0;
}

.appt_box_title {
position: relative;
top: 0;
font: bold 22px Arial,Helvetica,sans-serif;
color: #e6e6e6;
text-align: left;
background-color: #050505;
padding: 0 0 2px 10px;
margin: 0 auto;
}

p.appt { text-align:left; font-size:18px; font-weight:normal; margin-bottom:8px; }

#contacts {
position: relative;
border: solid 1px #050505;
width: 600px;
padding: 15px;
margin: 0 auto;
text-align: center;
}



#contacts h1 {
font: normal 19px Arial,Helvetica,sans-serif;
padding:0;
margin: 0 0 10px 0;
text-align: center;
}

#contacts h2 {
font: normal 17px Arial,Helvetica,sans-serif;
margin: 0 0 17px 0;
padding: 0;
}