/*
//  # = id
//  . = class  
*/


body {
	font: 1em Tahoma, Geneva, sans-serif;
	background: #000 url(../images/ha-monogram.gif);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
}
a:link {
	color: #999;
	text-decoration: none;
}
a:visited {
	color: #999;
	text-decoration: none;
}
a:hover {
	color: #FC0;
	text-decoration: none;
}
p {
	margin-bottom: 0.7em;
	margin-top: 0.7em;
	line-height: 1.4em;
}
h1 {
	font-size: 18px;
	margin-top: -0.0em;
	margin-bottom: -0.0em;
}
h2 {
	color: #CCC;
}
h5 {
	margin-top: -1em;
}
h6 {
	margin-top: -1.5em;
	margin-bottom: 8px;
}
#wrapper {
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 980px;
	margin: 0 auto;
	text-align: left;
}
#header {
	padding: 0;
	height: 122px;
	width: 980px;
	top: 0px;
	margin: 0px;
}
#footer {
// clear: both;   /* comment out added  */
	height: 15px;  /* added */
	width: auto;   /* added */
	color: #4e4e4e;
	text-align: center;
	font-size: 9px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
	margin-top: 12px;
	padding-top: 2px;
}
#footer p {
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#container {
	left: 243px;
	position: absolute;
	height: 100px;
	width: 494px;
}
#candle {
	position: absolute;
	left: 452px;
	top: 6px;
	z-index: -1;
}
#cart {
	position: absolute;
	left: 550px;
	top: 320px;
}
#cart form {
	padding-bottom: 4px;
}
#cartLow {
	position: absolute;
	left: 550px;
	top: 420px;
}
#cartLow form {
	padding-bottom: 4px;
}
#nav {
	font-size: 12px;
	height: 20px;
	width: 496px;
	list-style-type: none;
	position: absolute;
	left: 242px;
	top: 102px;
	text-align: center;
	font-style: normal;
	font-weight: normal;
}
.dropdown {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.dropdown a {
	border: 1px solid #333333;
	border-top-width: 0px;
	color: #FFCC00; /* (main dropdown row font color) */
	display: block;
	line-height: 20px;
	overflow: hidden;
	height: 20px;
}
.dropdown a:hover {
	color: #000000;
	background: #FFCC00 url(../images/gradient.png) repeat-x;
}
.dropdown ul a {
	background: #101010;	/* dropdown background color */
}
.dropdown li {
	list-style: none;
	position: relative;
	text-align: center;
	width: 124px;
}
.dropdown li.dropdown_trigger {
	display: inline;
	float: left;
	margin: 0 0 0 -1px;
}
.dropdown ul {
	border-top-width: 0;
	position: absolute;
	top: 21px;
	left: -40px;
	z-index: 9999;
}
.dropdown ul {
	display: none;
}
.dropdown li.dropdown_trigger:hover ul {
	display: block;
}
.dropdown li.dropdown_trigger ul, .dropdown li.dropdown_trigger ul li:last-child a {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
}
.style0 {
	background-color: #000000;
	font-family: Tahoma, Geneva;
	font-size: 10pt;
	color: #999;
	max-width: 400px;
}
.style1 {
	font-family: Tahoma, Geneva;
	font-size: 9pt;
	color: #999;
}
.style2 {
	font-family: Tahoma, Geneva;
	font-size: 8pt;
	color: #999;
}
.breadcrumbs {
	font-size: 8pt;
	color: #CCC;
}
.breadcrumbs a:link {
	color: #999;
	text-decoration: none;
	font-size: 8pt;
}
.breadcrumbs a:hover {
	color: #FC0;
	text-decoration: none;
	font-size: 8pt;
}
.credits {
	font-size: 7pt;
	color: #666;
	margin-top: -8px;
}
#access {
	font-size: 9px;
	text-align: right;
	color: #333;
}
#title {
	font-size: 18px;
	font-weight: bold;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FC0;
	border-bottom-color: #FC0;
	margin-top: 2px;
	letter-spacing: 2em;
	color: #FFF;
	text-transform: uppercase;
	text-shadow: 1px 1px 0px #000; /*Not supported in IE*//*	background: #101010; 
	background: -moz-linear-gradient(top, #303030, #101010);
	background: -webkit-gradient(linear, left top, left bottom, from(#303030), to(#101010));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#101010');
	background-image: -o-linear-gradient(#303030,#101010);
*/
}
#titleGI {
	font-size: 18px;
	font-weight: bold;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FC0;
	border-bottom-color: #FC0;
	margin-top: 2px;
	letter-spacing: 1.5em;
	color: #FFF;
	text-transform: uppercase;
	text-shadow: 1px 1px 0px #000; /*Not supported in IE*//*	background: #101010; 
	background: -moz-linear-gradient(top, #303030, #101010);
	background: -webkit-gradient(linear, left top, left bottom, from(#303030), to(#101010));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#101010');
	background-image: -o-linear-gradient(#303030,#101010);
*/
}
#sidebar1 {
	position: absolute;
	top: 148px;
	left: 0;
	width: 150px;
	padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
	color: #999;
	font-size: 12px;
}
#sidebar1 h3 {
	color: #CCC;
}
#sidebar2 {
	position: absolute;
	top: 148px;
	right: 0;
	width: 168px;
	padding: 15px 10px 15px 10px; /* padding keeps the content of the div away from the edges */
	color: #999;
	font-size: 12px;
}
#sidebar2 h3 {
	color: #CCC;
}
#update {
	font-size: 9px;
	color: #333;
}
#mainContent {
	margin: 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	color: #999;
	font-size: 12px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333;
	border-left-color: #333;
	top: 148px;
}
.contact {
	font-family: "Tahoma", Geneva;
	font-size: 10pt;
	color: #999999;
	text-align: left;
	border-color: #fc0;
	padding-left: 200px;
}
.thanks {
	font-family: "Tahoma", Geneva;
	font-size: 10pt;
	color: #999999;
	text-align: left;
	border-color: #fc0;
	padding-left: 200px;
	padding-top: 200px;
}
#cen {
	width: auto;
	text-align: center;
}
#cenvid {
	width: auto;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
}
#cenimg {
	width: auto;
	text-align: center;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
}
#col1 {
	clear: both;
	height: auto;
	width: 150px;
	text-align: center;
}
#col2 {
	position: absolute;
	width: 150px;
	height: auto;
	left: 420px;
	text-align: center;
	top: 208px;
}
#col3 {
	position: absolute;
	height: auto;
	width: 150px;
	top: 208px;
	text-align: center;
	left: 620px;
}
#item {
	height: 110px;
	width: 510px;
	clear: both;
	float: left;
	padding-left: 50px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
	padding-top: 10px;
}
#itemsidebar {
// height: 100px;
	width: 150px;
	clear: both;
	float: left;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
	padding-bottom: 10px;
}
#linkrow1 {
	height: 84px;
	width: 560px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
}
#linkrow2 {
	height: 134px;
	width: 560px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
}
#ppal {
	height: 100px;
	width: 200px;
	position: relative;
	top: -110px;
	left: 280px;
}
#ppal form {
	padding-bottom: 4px;
}
#player {
	width: auto;
	text-align: center;
}
#player p {
	margin-top: -2px;
}
#player, audio controls, source {
	margin-top: -12px;
	margin-bottom: 4px;
}