body {
	margin: 0px;
	margin-left: 6%;
	color: White;
	background: black url(images/back_drap.jpg) repeat-y left;
	min-width: 680px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FCE872;
}

a {
	color: #FCE872;
	text-decoration: none;
}
a:hover {
	color: #FFFFCC;
}

#maincontainer {
	width: 100%; height:100%;
}

#top {
	width: 100%; height: 100%; margin: 0; padding: 0; border: 0;
	margin: 0 auto 0 auto;
}

#top h1 {
	margin: 0; padding: 0; border: 0; width: 100%; height: 140px;
	background: url(images/camelot_logo-a.gif) no-repeat center center;
}

#top span{
	display: block; text-align:center;
	width: 0; height: 0; line-height: 0;
	overflow: hidden; clip: rect(0,0,0,0);
}

#title {
	margin: 65px auto 55px auto;
	width: 523px; height: 251px;
	text-align:center;
	background: url(images/back-main-title.jpg) no-repeat center center;

}

#title span {
	display: block;
	width: 0; height: 0; line-height: 0;
	overflow: hidden; clip: rect(0,0,0,0);
}

.mainmenu {
	margin: 0 auto 0 auto;
	width: 73%; height: 100%;
	background: url(images/back_mainmenu.gif) no-repeat center center;
	overflow: visible;
}

.mainmenu ul {
	list-style: none;
	margin: 0; border: 0; padding: 0;
}
.mainmenu li {
	display: block;
	position: absolute;
	height: 33px;
	width: 175px
}

.bord-mainmenu-t, .bord-mainmenu-b, .bord-mainmenu-l, .bord-mainmenu-r, .bord-mainmenu-bl, .bord-mainmenu-br, .bord-mainmenu-tl, .bord-mainmenu-tr {
	width: 100%; height: 100%;	
}

.bord-mainmenu-t {
	background: url(images/bord-mainmenu-t.gif) no-repeat top;
	padding: 75px 0 0 0;
}
.bord-mainmenu-b {
	background: url(images/bord-mainmenu-b.gif) no-repeat bottom;
	padding: 0 0 75px 0;
}
.bord-mainmenu-tr {
	position: relative;
	width: 100%; height: 250px;
}


.mainmenu a {
	height: 33px; width: 175px;
	display: block; 
}

.mainmenu1 { top: 0%;	left:	6%;	}
.mainmenu2 { top: 20%;	left: 2%;	}
.mainmenu3 { top: 40%; left: 0%;	}
.mainmenu4 { top: 60%;	left: 2%;	}
.mainmenu5 { top: 80%; left: 6%;	}
.mainmenu6 { top: 0%;	right: 6%;	}
.mainmenu7 { top: 20%; right: 2%;	}
.mainmenu8 { top: 40%;	right: 0%;	}
.mainmenu9 { top: 60%; right: 2%;	}
.mainmenu10 {top: 80%;	right: 6%;	}
.mainmenu1 a { background: url(images/mainmenu_1.gif) no-repeat left; }
.mainmenu2 a { background: url(images/mainmenu_2.gif) no-repeat left; }
.mainmenu3 a { background: url(images/mainmenu_3.gif) no-repeat left; }
.mainmenu4 a { background: url(images/mainmenu_4.gif) no-repeat left; }
.mainmenu5 a { background: url(images/mainmenu_5.gif) no-repeat left; }
.mainmenu6 a { background: url(images/mainmenu_6.gif) no-repeat right; }
.mainmenu7 a { background: url(images/mainmenu_7.gif) no-repeat right; }
.mainmenu8 a { background: url(images/mainmenu_8.gif) no-repeat right; }
.mainmenu9 a { background: url(images/mainmenu_9.gif) no-repeat right; }
.mainmenu10 a { background: url(images/mainmenu_10.gif) no-repeat right; }
.mainmenu1 a:hover { background: url(images/mainmenu_1-over.gif) no-repeat left; }
.mainmenu2 a:hover { background: url(images/mainmenu_2-over.gif) no-repeat left; }
.mainmenu3 a:hover { background: url(images/mainmenu_3-over.gif) no-repeat left; }
.mainmenu4 a:hover { background: url(images/mainmenu_4-over.gif) no-repeat left; }
.mainmenu5 a:hover { background: url(images/mainmenu_5-over.gif) no-repeat left; }
.mainmenu6 a:hover { background: url(images/mainmenu_6-over.gif) no-repeat right; }
.mainmenu7 a:hover { background: url(images/mainmenu_7-over.gif) no-repeat right; }
.mainmenu8 a:hover { background: url(images/mainmenu_8-over.gif) no-repeat right; }
.mainmenu9 a:hover { background: url(images/mainmenu_9-over.gif) no-repeat right; }
.mainmenu10 a:hover { background: url(images/mainmenu_10-over.gif) no-repeat right; }
.mainmenu1 span { background: url(images/mainmenu_1-over.gif) no-repeat left; }
.mainmenu2 span { background: url(images/mainmenu_2-over.gif) no-repeat left; }
.mainmenu3 span { background: url(images/mainmenu_3-over.gif) no-repeat left; }
.mainmenu4 span { background: url(images/mainmenu_4-over.gif) no-repeat left; }
.mainmenu5 span { background: url(images/mainmenu_5-over.gif) no-repeat left; }
.mainmenu6 span { background: url(images/mainmenu_6-over.gif) no-repeat right; }
.mainmenu7 span { background: url(images/mainmenu_7-over.gif) no-repeat right; }
.mainmenu8 span { background: url(images/mainmenu_8-over.gif) no-repeat right; }
.mainmenu9 span { background: url(images/mainmenu_9-over.gif) no-repeat right; }
.mainmenu10 span { background: url(images/mainmenu_10-over.gif) no-repeat right; }


.mainmenu .mainmenu11 {
	width: 0; height: 0; line-height: 0;
	overflow: hidden; clip: rect(0,0,0,0);
}
.mainmenu span {
	display: block;
	width: 0; height: 0; line-height: 0;
	overflow: hidden; clip: rect(0,0,0,0);
}

#bottom {
	margin:50px;
	text-align: center;
	position: relative;
}


#webmaster {
	font-weight: bold;
	background: url(images/icon-crown1.gif) no-repeat center 44%;
	margin: 0; border: 0; padding: 0;
	padding: 25px;
}

#webmaster em {
	display: block;
	margin-bottom: 42px;
	color: #C49A0B;
	font-size: 0.6em;
	font-style: normal;
}

#webmaster a {
	display: block;
	margin: auto;
	width: 141px; height: 33px;
	background: url(images/text-kingarthur.gif) no-repeat center;
}

#webmaster span {
   display: block; text-align:center;
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	margin: 0; border: 0; padding: 0;

   width: 0; height: 0; line-height: 0; /* attribuisce dimensioni nulle */
   overflow: hidden; clip: rect(0,0,0,0); /* nasconde il testo */
}

#history {
	width: 40%; height: 100%;
	padding: 30px;
	margin: auto;
	margin-bottom: 30px;
	text-align: center;
	display: block;
	font-weight: bold;
	font-size: 0.6em;
	border-top: 2px solid #FCE872;
}

#history em {
	color: #C49A0B;
	font-style: normal;	
}

#banner1 {
	position: absolute;
	height: 40px; width: 100px;
	left: 10%; top: 20%;
}

#banner2 {
	position: absolute;
	height: 40px; width: 100px;
	right: 10%; top: 20%;
}


#copyrightstandard {
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #FCE872;
	margin-bottom:15px;
}

#copyrightstandard a {
	color: #C49A0B;
	font-style: normal;
}


#music {
	margin: 0; border: 0; padding: 0;
}

.musicplay {
	height: 22px; width: 22px;
	position: absolute;
	top:10px; right:15px;
}
.musicplay a {
		display: block;
		height: 22px; width: 22px;
		background: url(images/menu_audio.gif) no-repeat center; 
}
.musicplay a:hover {
		display: block;
		height: 22px; width: 22px;
		background: url(images/menu_audio-over.gif) no-repeat center; 
}
.musicplay span {
    display: block; text-align:center;
    width: 0; height: 0; line-height: 0; /* attribuisce dimensioni nulle */
    overflow: hidden; clip: rect(0,0,0,0); /* nasconde il testo */
	 background: url(images/menu_audio-over.gif) ;
}