body {
	margin: 0px;
	color: white;
	background: black ;
	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: 8px auto 36px 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);
}

#enter {
	text-align: center;
	display: block;
	margin: 0 auto 10px auto;
	width: 640px; height: 480px;
	background: url(images/image-camelotintro.jpg) no-repeat center center;
	position: relative;
}

#enter a {
	display: block;
	position: absolute;
	top: 180px; left: 131px;
	width: 392px; height: 78px;
	background: url(images/image-camelotintro-normal.jpg) no-repeat center center;	
}

#enter a:hover {
	display: block;
	position: absolute;
	top: 180px; left: 131px;
	width: 392px; height: 78px;
	background: url(images/image-camelotintro-over.jpg) no-repeat center center;	
}

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

#introphrase p {
	text-align: center;
	width: 371px; height: 142px;
	border: 0; padding: 0;
	margin: 0 auto 0 auto;
	background: url(images/text-introphrase.gif) no-repeat top center;
}

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

.bord-introphrase-b {
	width: 100%; height: 100%;
	padding: 0 0 85px 0;
	background: url(images/bord-introphrase-b.gif) no-repeat bottom;
}


#bottom {
	margin-top: 20px;
}


#webmaster {
	text-align: center;
	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 */
}

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

#copyrightindex 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) ;
}