/* CSS Document */

/* ---------GENERAL--------- */
body
{
	color: #990000;
	background: #FFF;
	margin: 10px 0px 0px 0px;
	text-align: center;
}
h1,h2,h3
{
	color: #663333;
	font: 12pt helvetica, serif;
	margin-top: 0px;
	text-align: left;
}
p,ul
{
	font: 10pt/13pt helvetica, serif;
	margin-top: 0px;
	text-align: left;
}



/* ---------LINKS--------- */
a { text-decoration: none; }

a:link
{
	color: #990000;
	background: transparent;
}

a:visited
{
	color: #660000;
	background: transparent;
}

a:hover
{
	color: #FF3300;
	background: transparent;
	text-decoration: none;
}

a:active
{
	color: #FF3300;
	background: transparent;
}

ul { list-style: none;
     padding: 10px 5px 5px 5px;
}

li
{
	background: url(../images/bullet_cross.gif) no-repeat 0 50%;
	padding-left: 15px;
}

/* ---------- hidden ONLY if CSS is enabled.  If disabled, image is rendered ---------- */
img.image{ display: none; }

dl#menuMap{
	margin: 0;
	padding: 0;
	background: url(../images/main_bgr.gif) no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 720px;
	height: 550px;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{
	margin: 0;
	padding: 0;
	position: absolute;
	font-size: 100%;
	width: 100px;
	height: 100px;
}

/* ---------- Hotspot Declarations ---------- */
dd#mainDef{ top: 0px; left: 0px; }
dd#mainDef a{ position: absolute; width: 720px; height: 200px; text-decoration: none; }
dd#mainDef a span{ display: none; }
dd#mainDef a:hover{ position: absolute; background: transparent url(../images/header.gif) 0px 0px no-repeat; top: 0px; left: 0px;}

dd#mainDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: left;
	color: #990000;
	background-color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	border: 1px dotted #000;
	top: 346px;
	left: 150px;
	margin: 0;
	padding: 1px;
	width: 498px;
	height: 40px;
	overflow: auto;

}

dd#newsDef{ top: 215px; left: 125px; }
dd#newsDef a{ position: absolute; width: 115px; height: 125px; text-decoration: none; }
dd#newsDef a span{ display: none; }
dd#newsDef a:hover{ position: absolute; background: transparent url(../images/news.gif) 1px 1px no-repeat; top: 0px; left: 0px;}

dd#newsDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: left;
	color: #990000;
	background-color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	border: 1px dotted #000;
	top: 105%;
	left: 25px;
	margin: 0;
	padding: 1px;
	width: 498px;
	height: 40px;
	overflow: auto;

}

dd#contactDef{ top: 215px; left: 260px; }
dd#contactDef a{ position: absolute; width: 115px; height: 125px; text-decoration: none; }
dd#contactDef a span{ display: none; }
dd#contactDef a:hover{ position: absolute; background: transparent url(../images/contact.gif) 1px 1px no-repeat; top: 0px; left: 0px;}

dd#contactDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: left;
	color: #990000;
	background-color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	border: 1px dotted #000;
	top: 105%;
	left: -110px;
	margin: 0;
	padding: 1px;
	width: 498px;
	height: 40px;
    overflow: auto;
}

dd#artistsDef{ top: 215px; left: 387px; }
dd#artistsDef a{ position: absolute; width: 115px; height: 125px; text-decoration: none; }
dd#artistsDef a span{ display: none; }
dd#artistsDef a:hover{ position: absolute; background: transparent url(../images/artists.gif) 0px 1px no-repeat; top: 0px; left: 0px;}

dd#artistsDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: left;
	color: #990000;
	background-color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	border: 1px dotted #000;
	top: 105%;
	left: -237px;
	margin: 0;
	padding: 1px;
	width: 498px;
	height: 40px;
	overflow: auto;
}

dd#buyDef{ top: 215px; left: 516px; }
dd#buyDef a{ position: absolute; width:115px; height: 125px; text-decoration: none; }
dd#buyDef a span{ display: none; }
dd#buyDef a:hover{ position: absolute; background: transparent url(../images/links.gif) 0px -1px no-repeat; top: 0px; left: 0px;}

dd#buyDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: left;
	color: #990000;
	background-color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	border: 1px dotted #000;
	top: 105%;
	left: -366px;
	margin: 0;
	padding: 1px;
	width: 498px;
	height: 40px;
	overflow: auto;
}


  
/* ---------CONTAINERS--------- */
#bigBox
{
	background: url(../images/main_bgr.gif) no-repeat;
	border: none;
	position: absolute;
	margin: 0 auto;
	line-height: 0;
	padding: 0;
	width: 720px;
	height: 825px;
	visibility: visible;
	left: 0px;
	top: 0px;
}

#Layer1 {
	position:absolute;
	border: 1px black dotted;
	left:150px;
	top:400px;
	width:500px;
	height:150px;
	overflow: auto;
}

#Layer2 {
	position:absolute;
	border: 1px black dotted;
	left:150px;
	top:400px;
	width:500px;
	height:450px;
	overflow: auto;
}

#Layer3 {
	position:absolute;
	border: 1px black dotted;
	left:150px;
	top:400px;
	width:500px;
	height:200px;
	overflow: auto;
}

#Layer4 {
	position:absolute;
	border: 1px black dotted;
	left:150px;
	top:400px;
	width:500px;
	height:500px;
	overflow: auto;
}
#Layer5 {
	position:absolute;
	border: 1px black dotted;
	left:150px;
	top:400px;
	width:500px;
	height:200px;
}
#Layer6 {
	position:absolute;
	border: none;
	left:150px;
	top:420px;
	width:500px;
	height:20%;
}