@charset "utf-8";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}small{font-size:11px}

/* Layout */
body {background:#333 url(bg_body.jpg) top repeat-x; background-attachment:fixed;}
.container {width:800px; margin:20px auto;}
.header {}
	.header h1 {padding:0; margin:0;}
	.nav {width:800px; height:48px; background:url(sprite_nav.png) no-repeat; position:relative; padding:0; margin:0;}
	.nav li {display:inline;}
	.nav li a:link, .nav li a:visited {position:absolute; top:0; height:48px; text-indent:-9000px; overflow:hidden;	z-index:10;}
		.nav .home a:link, .nav .home a:visited {left:0; width:102px;}
		.nav .home a:hover, .nav .home a:focus {background: url(sprite_nav.png) no-repeat 0 -48px;}
		.nav .home a:active {background: url(sprite_nav.png) no-repeat 0 -96px;}
		.current-home .home a:link, .current-home .home a:visited {background: url(sprite_nav.png) no-repeat 0 -144px; cursor:default;}
		.nav-home, .nav-home-click {position:absolute; top:0; left:0; width:102px; height:48px; background:url(sprite_nav.png) no-repeat 0 -48px;}
		.nav-home-click {background:url(sprite_nav.png) no-repeat 0 -96px;}
		.nav .bio a:link, .nav .bio a:visited {left:102px; width:74px;}
		.nav .bio a:hover, .nav .bio a:focus {background:url(sprite_nav.png) no-repeat -102px -48px;}
		.nav .bio a:active {background:url(sprite_nav.png) no-repeat -102px -96px;}
		.current-bio .bio a:link, .current-bio .bio a:visited {background:url(sprite_nav.png) no-repeat -102px -144px; cursor:default;}
		.nav-bio, .nav-bio-click {position:absolute; top:0; left:102px;	width:74px;	height:48px; background:url(sprite_nav.png) no-repeat -102px -48px;}
		.nav-bio-click {background:url(sprite_nav.png) no-repeat -102px -96px;}
		.nav .store a:link, .nav .store a:visited {left:176px; width:112px;}
		.nav .store a:hover, .nav .store a:focus {background:url(sprite_nav.png) no-repeat -176px -48px;}
		.nav .store a:active {background:url(sprite_nav.png) no-repeat -176px -96px;}
		.current-store .store a:link, .current-store .store a:visited {background:url(sprite_nav.png) no-repeat -176px -144px; cursor:default;}
		.nav-store, .nav-store-click {position:absolute; top:0; left:176px; width:112px; height:48px; background:url(sprite_nav.png) no-repeat -176px -48px;}
		.nav-store-click {background:url(sprite_nav.png) no-repeat -176px -96px;}	
		.nav .contact a:link, .nav .contact a:visited {left:288px; width:145px;}
		.nav .contact a:hover, .nav .contact a:focus {background:url(sprite_nav.png) no-repeat -288px -48px;}
		.nav .contact a:active {background:url(sprite_nav.png) no-repeat -288px -96px;}
		.current-contact .contact a:link, .current-contact .contact a:visited {background:url(sprite_nav.png) no-repeat -288px -144px; cursor:default;}
		.nav-contact, .nav-contact-click {position:absolute; top:0; left:288px; width:145px; height:48px; background:url(sprite_nav.png) no-repeat -288px -48px;}
		.nav-contact-click {background:url(sprite_nav.png) no-repeat -288px -96px;}
.page {background:#fff; padding:10px 20px;}
	.home_page {background:url(bg_home.jpg) top right; height:498px;}
	.cd {float:right; width:220px; margin:10px 20px 0 0;}
	.tshirt {float:right; width:220px; margin-top:10px;}
	
	.prod_image {float:left; width:300px; margin-right:20px;}
		.prod_image img {margin-bottom:10px;}
	.prod_desc {float:left; width:420px;}
	.prod_price {margin-top:20px;}
		.sale-price {font-size:18px;}
		
	.cat_list {border-top:1px solid #333; padding:20px 0;}
	.cat_image {float:left; width:150px; margin-right:20px;}
	.cat_detail {float:left; width:500px;}
	
	.table_header {background:#a78a52; font:bold 16px Arial, Helvetica, sans-serif; color:#fff;}
	
.footer {background:url(bg_footer.png) bottom no-repeat; border-top:5px solid #333; height:90px}
	.footer p {padding:5px 10px 10px 10px; color:#fff;}
	.footer ul.footer_nav {list-style:none; padding:0; margin:5px 0 5px 10px;}
	.footer ul.footer_nav li {display:inline; padding:0; margin:0;}
	.footer ul.footer_nav li a {color:#fff; padding:2px 15px 2px 0;}
	.footer ul.footer_nav li a:hover {text-decoration:none;}
	.twitter {width:160px; float:right; margin:5px 20px 10px 10px;}
	.myspace {width:160px; float:right; margin:5px 15px 10px 10px;}
	
/* Misc */
a {color:#a78a52;}
a:hover {text-decoration:none;}
.clear {clear:both;}