@charset "utf-8";

@import url('reset.css');
@import url('text.css');

/* Layout */
body {background:#333 url(/images/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(/images/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(/images/sprite_nav.png) no-repeat 0 -48px;}
		.nav .home a:active {background: url(/images/sprite_nav.png) no-repeat 0 -96px;}
		.current-home .home a:link, .current-home .home a:visited {background: url(/images/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(/images/sprite_nav.png) no-repeat 0 -48px;}
		.nav-home-click {background:url(/images/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(/images/sprite_nav.png) no-repeat -102px -48px;}
		.nav .bio a:active {background:url(/images/sprite_nav.png) no-repeat -102px -96px;}
		.current-bio .bio a:link, .current-bio .bio a:visited {background:url(/images/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(/images/sprite_nav.png) no-repeat -102px -48px;}
		.nav-bio-click {background:url(/images/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(/images/sprite_nav.png) no-repeat -176px -48px;}
		.nav .store a:active {background:url(/images/sprite_nav.png) no-repeat -176px -96px;}
		.current-store .store a:link, .current-store .store a:visited {background:url(/images/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(/images/sprite_nav.png) no-repeat -176px -48px;}
		.nav-store-click {background:url(/images/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(/images/sprite_nav.png) no-repeat -288px -48px;}
		.nav .contact a:active {background:url(/images/sprite_nav.png) no-repeat -288px -96px;}
		.current-contact .contact a:link, .current-contact .contact a:visited {background:url(/images/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(/images/sprite_nav.png) no-repeat -288px -48px;}
		.nav-contact-click {background:url(/images/sprite_nav.png) no-repeat -288px -96px;}

		.nav .bookings a:link, .nav .bookings a:visited {left:433px; width:145px;}
		.nav .bookings a:hover, .nav .bookings a:focus {background:url(/images/sprite_nav.png) no-repeat -433px -48px;}
		.nav .bookings a:active {background:url(/images/sprite_nav.png) no-repeat -433px -96px;}
		.current-bookings .bookings a:link, .current-bookings .bookings a:visited {background:url(/images/sprite_nav.png) no-repeat -433px -144px; cursor:default;}
		.nav-bookings, .nav-bookings-click {position:absolute; top:0; left:433px; width:145px; height:48px; background:url(/images/sprite_nav.png) no-repeat -433px -48px;}
		.nav-bookings-click {background:url(/images/sprite_nav.png) no-repeat -433px -96px;}

.page {background:#fff; padding:10px 20px;}
	.home_page {background:url(/images/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;}s
	.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(/images/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;}