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#bill #primaryNav a.bill, 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#neon #primaryNav a.neon {
	background: url('interface/primaryNavHoverBg.png') no-repeat center top #1a1a1a;
}

body#juke a.juke, body#bill a.bill, 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: normal;
}
/* END active page notation */

/* secondary Nav active page notation*/
body#cont #secondaryNav a.cont, body#spec #secondaryNav a.spec, body#more #secondaryNav a.more, body#cons #secondaryNav a.cons, body#reve #secondaryNav a.reve, body#abou #secondaryNav a.abou, body#test #secondaryNav a.test, body#part #secondaryNav a.part, body#serv #secondaryNav a.serv, body#vint #secondaryNav a.vint, body#tabl #secondaryNav a.tabl, body#news #secondaryNav a.news , body#main #secondaryNav a.main {
	/* background: url('interface/secondaryNavHoverBg.png') no-repeat center top #1a1a1a; */
	background-color:#FFF;
	cursor:default;
}

body#cont a.cont, body#spec a.spec, body#more a.more, body#cons a.cons, body#reve a.reve, body#abou a.abou, /* body#test a.test, */ body#part a.part, body#serv a.serv, body#vint a.vint, body#tabl a.tabl, body#news a.news, body#main a.main {
	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: 1em;
	padding: 0.6em;
	position: relative;
	text-align: right;
	top: 1.2em;
	width: 37%;
	margin-bottom: 1px;
	overflow: auto;
	height: 95px;
	}
	
		#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-top: .8em;
	padding-bottom: .8em;
/*	The last 2 could go, they push the nav group over  Mark */
	position: relative;
	left: 3px;
}

	#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;
	}
	#slideshowr {
		/*background: transparent url(interface/splashBg.png) no-repeat scroll bottom right;*/
		color: gray;
		min-height: 360px;
		margin-bottom: 1em;
		overflow:visible;
		position: relative;
	}
	
		#slides li {
	position: absolute;
	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;
		}
		
/* This is the css style that will make your text blink.*/
.blinkytext {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 1.2em;
     text-decoration: blink;
     font-style: normal;
 }
 
 	.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 {
	}
	

	
	


.search_form {
	/*background-image: url(/styles/interface/primaryNavBg.png);*/
	/*width: 240px;*/
	height: 36px;
	text-align: center;
	background-color: white;
}

.search_form_input {
	width: 155px;
	height: 28px;
	font: 12px Helvetica, Arial, sans-serif;
	color:red;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin: 4px;
	background-color: white;
	text-indent: 8px;
}