body {padding:0; background-color:#e9cb82; background-image:url(../../bgs/main.jpg); background-position:center bottom; background-attachment:fixed; background-repeat:no-repeat; color:#330; font-family:helvetica, tahoma, sans-serif;}

a {color:#900; text-decoration:none;}
a:visited {color:#600;}
a:hover {color:#f00; text-shadow: #f00 0 0 20px;}
a img {border:0;}

em, .attention {color:#000; font-weight:bold; font-style:normal; font-variant:small-caps; text-shadow: #ff0 0 0 .25em;}

#body p, #body ul {text-align:left;}
#body p {margin:.5em 2em; padding:0 1em;}
#body p.center {text-align:center;}

#head, #body {position:relative; width:600px; margin:0 auto; left:auto; right:auto; text-align:center;}
#body {position:relative; left:50%; margin-left:-500px; width:1000px; padding:14px}
	#body.shop img {margin:15px; border:4px #fcf solid;}

#portfolio #head {width:768px;}
	#head h1 {margin:0; width:600px; height:185px; background-image:url(../../bgs/head1.png);}
	#head h1:hover {background-image:url(../../bgs/head2.png);}
#portfolio #head h1{margin-left:234px; width:300px; height:93px; background-image:url(../../bgs/head3.png);}
#portfolio #head h1:hover {background-image:url(../../bgs/head4.png);}
	#head h1 a {display:block; width:600px; height:185px;}
#portfolio #head h1 a{width:300px; height:93px;}
	#head h1 span{visibility:hidden}
	#head h2 {margin:-15px 0 0 0; padding:0; color:#000; font-family:georgia, "times new roman", serif; font-size:2em; text-shadow: #f00 2px 2px 1em;}
#portfolio #head h2 {margin-top:-10px; font-size:1.5em;}
	#head p {margin:0; font-size:1.25em;}
	#head p.tagline {text-shadow: #ff0 2px 2px 10px;}
	#head {color:#000; font-weight:bold; font-variant:small-caps; text-decoration:none; text-shadow: #f00 1px 1px 1em;}
	#head a {color:#000;}
	#head a:visited {text-shadow: #600 1px 1px 1em;}
	#head a:hover {text-shadow: #0ff 1px 1px 10px;}
	#head #nav {padding-bottom:.5em; border-bottom:1px #300 solid;}

.floatR {float:right; clear:none; padding:15px; padding-right:0;}

#artists {position:relative; left:50%;  margin-left:-142px; width:286px; height:200px; padding:0;}
.mugs {float:left; clear:none; width:113px; padding:0 15px; }
	.mug a img{float:left; clear:both;}
#portfolio {margin:0 auto; position:relative; left:auto; width:90%; padding:14px;}
#bio {float:left; clear:none; position:relative; top:35px; margin:0; width:23%; padding:1em;}
	.avatar {position:relative; left:-56px; top:0; width:112px; margin:0 50%; border:2px #fcf solid;}
#bio h3, #bio h4 {margin:0; color:#000; font-weight:bold; font-variant:small-caps; text-shadow: #f00 1px 1px 1em; text-align:center;}
#pics {float:right; clear:none; position:absolute; top:0; left:27%; width:73%; margin:0;}

table.hours, table.prices {margin:1em 25%; width:50%; border-collapse:collapse; text-align:center;}
	table.hours th, table.prices th {border:1px #600 outset; background-color:#900; color:#000;}
	table.hours td, table.prices td {border:1px #600 outset; padding:.25em;}
ol.footnotes li {margin-left:7px; padding-left:7px; list-style-type:none;}

ul.contact {margin-left:200px;}
ul.contact li {list-style-type:none; margin:0;padding:0;}


ul#gallery {position:relative; display:block; margin:1em auto; width:768px; height:576px; padding:0; background:#000;}
.piercing ul#gallery {margin-left:-64px; width:896px; height:480px;}
	ul#gallery li, ul#gallery.piercing li {float:left; width:64px; height:48px; list-style-type:none;}
	ul#gallery li img, ul#gallery.piercing li img{width:62px; height:46px; border:1px #ffc solid;}
	ul#gallery.piercing li {float:left; clear:none;}

	ul#gallery li.lft {float:left; clear:left;}
	ul#gallery li.rgt {float:right; clear:right;}
	ul#gallery li.pad {display:block; margin-top:-2px; width:768px; height:0; font-size:0;}
	ul#gallery li.ryt {float:right; clear:none;}	
	ul#gallery li.new {float:left; clear:both;}


	ul#gallery a {display:block; float:left; position:relative; width:64px; height:48px;z-index:100;}
	ul#gallery a:hover, ul#gallery a:active, ul#gallery a:focus {position:absolute; left:0; top:0; width:640px; height:480px; padding:48px 64px 106px 64px; z-index:20;}
	.piercing ul#gallery a:hover, .piercing ul#gallery a:active, .piercing ul#gallery a:focus {padding:0 128px;}
		ul#gallery a:active, ul#gallery a:focus {background:transparent; z-index:10;}
	ul#gallery a:hover img, #gallery a:active img, #gallery a:focus img {postion:relative; border:0; width:640px; height:480px;}