/* CSS Document */

body {
	margin:15px 0 0 10px;
	background-color: #181818;
	background-image: url(../images/bg-mask.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-attachment: fixed;
	}

h1 a {
	display:block;
	width:275px;
	height:59px;
	text-indent:-9999px;
	background: url(../images/h1-name.gif) no-repeat;
	}
	
h2, h3, h4 {
	width:125px;
	height:37px;
	text-indent:-9999px;
	margin:0 0 0 0;
	}

h2 {
	background: url(../images/h-links-shops.gif) no-repeat;
}
h3 {
	background: url(../images/h-links-artists.gif) no-repeat;
}
h4 {
	background: url(../images/h-links-misc.gif) no-repeat;
}
	

#containment {width:950px;}

#lefty {
	width:275px;
	position:fixed;
	}	

#window {
	margin:20px 50px 0 0;
	width:600px;
	height:580px;
	float:right;
	}

	
#content {
	margin:0 25px 0 0;
	width:600px;
	float:right;
	}	


.bodytext {
	font-family: Georgia, "times new roman", serif;
	font-size: 13px;
	color:#7C7C7C;
	line-height: 1.5em;
}

.bodytext a {
	text-decoration:none;
	color:#6D7854;
}
.bodytext a:hover {text-decoration:none; color:#CCCCCC;}

	
#nav {width:175px; margin:0; padding:0;}
#nav ul li {height:38px; text-indent:-9999px; list-style-type:none;}
#nav ul a {display:block; width:175px; height:38px;}

#nav #tattoos {background-image:url(../images/nav-tattoos.gif);}
#nav #tattoos a:hover {background: url(../images/nav-tattoos.gif) no-repeat -198px;}

#nav #paintings {background-image:url(../images/nav-paintings.gif);}
#nav #paintings a:hover {background: url(../images/nav-paintings.gif) no-repeat -198px;}

#nav #info {background-image:url(../images/nav-info.gif);}
#nav #info a:hover {background: url(../images/nav-info.gif) no-repeat -198px;}

#nav #links {background-image:url(../images/nav-links.gif);}
#nav #links a:hover {background: url(../images/nav-links.gif) no-repeat -198px;}

#nav #contact {background-image:url(../images/nav-contact.gif);}
#nav #contact a:hover {background: url(../images/nav-contact.gif) no-repeat -198px;}