html {
	background: #0c0c0c url('interface/y-pattern.jpg') repeat-y center top;
}

body {
	/*background: url('interface/bodyBgOptimized.jpg') no-repeat #dcdcdc  8em -1em;*/
	/*background: url('interface/bodyBg.png') repeat-y center;*/
	/*background-color: #dcdcdc;*/
	background: transparent url(interface/top-bg_logo.jpg) no-repeat scroll center top;
	font-family: verdana;
}

#outer {
	/*background: url('interface/logoGlow.png') no-repeat center 0;*/
	background: transparent url(interface/bottom-bg.jpg) no-repeat scroll center bottom;
}

#inner {
	width: 82em;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 1em;
	padding-right: 0;
	padding-bottom: 1.8em;
	padding-left: 0;
}

a:link 		{color: #1a1a1a}
a:visited 	{color: #1a1a1a}
a:hover 	{color: #1a1a1a}
a:active 	{color: #1a1a1a}

/* active page notation */
body#juke #primaryNav a.juke, body#pool #primaryNav a.pool, body#foos #primaryNav a.foos, body#pinb #primaryNav a.pinb, body#shuf #primaryNav a.shuf, body#hock #primaryNav a.hock, body#vide #primaryNav a.vide, body#slot #primaryNav a.slot, body#ping #primaryNav a.ping, body#atms #primaryNav a.atms, body#vent #primaryNav a.vent {
	background: url('interface/primaryNavHoverBg.png') no-repeat center top #1a1a1a;
}

body#juke a.juke, body#pool a.pool, body#foos a.foos, body#pinb a.pinb, body#shuf a.shuf, body#hock a.hock, body#vide a.vide, body#slot a.slot, body#ping a.ping, body#atms a.atms, body#vent a.vent {
	font-weight: bold;
}


#header {
	/*background-color: white*/
	min-height: 114px;
	margin-bottom: 1em;
}

	#branding {
		/*background: url('interface/logoGlow.png') no-repeat center 0;*/
		min-height: 114px;
		width: 36%;
	}
	
		#branding h1, #branding h2 {
			margin: 0;
			position: relative;
			letter-spacing: -1px;
		}
		
		#branding h1 {
			top: 1em;
		}
		
		#branding h2 {
			top: 1.6em;
			color: white;
		}
		
			[id="branding"] h2, [id="info"] {
				text-shadow: 0 1px 0 black;
			}
	
	#info {
		/*background: url('interface/cdcdcdBg.png') repeat-x #cdcdcd;*/
		color: gray;
		font-size: 0.8em;
		padding: 0.6em;
		position: relative;
		text-align: right;
		top: 1.2em;
		width: 25%;
	}
	
		#info dt, #info dd {
		}
	
		#info dt {
			font-weight: bold;
		}
	
		#info dd {
		
		}
	
		#info address {
			font-style: normal;
		}
			
			#info a {
				color: white;
			}

		#info strong {
			color: white;
		}
	
#primaryNav {
	background: url('interface/primaryNavBg.png') repeat-x black;
/*	border-top: 1px solid black;*/
	color: white;
	margin-bottom: 1.8em;
	overflow: hidden;
}

	[id="primaryNav"] {
		box-shadow: 0 7px 14px black;
		-moz-box-shadow: 0 7px 14px black;
		-webkit-box-shadow: 0 5px 10px black;
	}

	#primaryNav li a {
		padding: 1em;
	}

	#primaryNav li a:hover {
		background: url('interface/primaryNavHoverBg.png') no-repeat center top #1a1a1a;
	}
	
	#primaryNav a:link 		{color: white}
	#primaryNav a:visited		{color: white}
	#primaryNav a:hover 		{color: white}
	#primaryNav a:active 		{color: white}

#secondaryNav {
	background: url('interface/secondaryNavBg.png') repeat-x #ededed;
	width: 13.8em;
}

	#secondaryNav li {
	}	
	
	#secondaryNav li a {
		padding: 12px;
		width: 15.8em;
		border-left: 1px solid #ededed;
		border-right: 1px solid #ededed;	
	}
	
	#secondaryNav li a:hover {
		background-color: white;
	}
	
#subNav {
	border:1px solid #E8E8E8;
	margin:2em 0 2em 1.8em;
	width:13.8em;
}

	#subNav li a {
		width: 14.8em;
	}

	#subNav li a:before {
		content: "\00BB \0020";
	}
	
	#subNav li a:hover {
		text-decoration: underline;
		border-right: none;
	}


#content {
	background-color: white;	
}
	[id="content"] {
		box-shadow: 0 7px 14px black;
		-moz-box-shadow: 0 7px 14px black;
		-webkit-box-shadow: 0 7px 14px black;
	}

	#primaryContent {
		padding: 2em;
		height: 1%;
		overflow: hidden;
		width: 64.2em;
	}
	
	hr {
		border: 0.1em solid;
		margin: 0 0 1.7em 0;
		padding: 0;
	}
	
	/************* home
	*/
	
	#slideshow {
		/*background: transparent url(interface/splashBg.png) no-repeat scroll bottom right;*/
		color: gray;
		min-height: 200px;
		margin-bottom: 1.8em;
		overflow: hidden;
		position: relative;
	}
	
		#slides li {
			position: absolute;
			left: 0;
			top: 0;
			z-index: 8;
		}
		
		#slides .active {
			z-index: 10;
		}
		
		#slides .last-active {
			z-index:9;
		}
	
		#slides a {
			display: block;
			text-align: right;
		}
		
		#slides.blankList, #slides.blankList li {
			margin: 0;
			padding: 0;
		}
		
	.gallery {
		line-height: 1.2em;
		margin: 0 0 0 -2.666em;
		position: relative;
	}
	
	.gallery li {
		display: inline;
		float: left;
		margin: 0 0 2em 2.666em;
		height: 10em;
		overflow: hidden;
		width: 19em;
	}
	
	.galleryImage {
		float: left;
		height: 100px;
		margin-right: 12px;
		width: 89px;
	}
	
	.galleryDescription h6 {
		margin: 0;
	}
	
	/************* product page
	*/
	
	.productImage {
		/*min-height: 16em;*/
		margin: 0 2em 1.8em 0;
		text-align: center;
		width: auto;
	}
	
	body.product .productImage {
		min-height: 14em;
	}
	
	.productImage img {
		max-width: 30em;
		max-height: 41em;
	}
	
	body.product .productImage img {
		max-width: 41em;
	}
	
	.productHolder {
		width: 41em;
	}
	
	.extendedSpecs {
		margin-right: 1.8em;
		width: 19em;
	}
	
	.extendedSpecs dd:before {
		content: "\2022 \0020"
	}
	
	.extendedSpecs {
		
	}
	
	.extendedSpecs dt {
		font-weight: bold;
	}
	
	/************* product list
	*/
	
	.productList {
		margin: 0;
	}
	
	.productList li {
		border-bottom:1px dashed;
		height:1%;
		margin-bottom:2em;
		overflow:hidden;
	}
	
	.productList .more {
		display:block;
		font-weight:bold;
		text-align:right;
	}
	
	table {
		border: none;
		width: 100%
	}
	
	table tr, table td {
		border: none;
	}
	
	caption {
		text-align: left;
	}
	
	.imageCaption {
		background-color: #F7F7F7;
	}
	
	.imageCaption span {
		padding: 0 1em 0 1em;
	}
	
	.imageCaption.left {
		margin: 0 2em 2em 0;
	}
	
	.imageCaption.right {
		margin: 0 0 2em 2em;
	}
	
		.imageCaption img {
			display: block;
		}
		
#footer {
	background: url('interface/footerBg.png') repeat-x black;
	border-top: 1px solid black;
	color: white;
	font-size: 95%;
	margin-top: 1.8em;
	padding: 2em;
}

	[id="footer"] {
		box-shadow: 0 7px 14px black;
		-moz-box-shadow: 0 7px 14px black;
		-webkit-box-shadow: 0 7px 14px black;
	}

	#footer dl {
		margin-bottom: 0;
	}

	#footer a:link 		{color: white}
	#footer a:visited 	{color: white}
	#footer a:hover 	{color: white}
	#footer a:active 	{color: white}

	#sitemap {
		width: 70em;
	}
	
	.sitemap {
		margin-right: 2em;
		width: 12em;
	}
	
	#sitemapList {
		
	}
	
	#sitemapList li {
		display: block;
		float: left;
		list-style-type: none;
		margin-right: 1em;
		width: 13em;
	}
	
	.sitemap dt{
		font-weight: bold;
	}

	#location {
		text-align: right;
	}
	
	#location h5 {
	}