/* CSS Document */
HTML{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	background-color: #000033;
	

}
BODY{
	background-color: #000033;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/pisa.jpg);
	background-repeat: no-repeat;
	background-position:bottom right;
	
}
a{
	color: #33FF00;
}
a:hover{
	color: #003300;
}
a.top{
	font-size: 12px;
}
a.top:hover{
	font-size: 12px;
	color: #FF6600;
	text-decoration: none;
}
#container{
    width: 780px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
#top{
	font-size: 20px;
	font-weight: 900;
	text-transform: uppercase;
	color: #0000FF;
	padding: 5px;
	width: 730px;
}
#music{
	margin-left: 310px;
	margin-top: 350px;
	margin-right: auto;
	margin-bottom: auto;
	position: absolute;
	border: 0px 0;
    
}
#mid{
	background-image: url(../images/elaback.jpg);
	background-repeat: no-repeat;
	height: 563px;
	width: 750px;
}
#midph{
    background-image: url(../images/photoback.jpg);
	background-repeat: repeat-y;
	width: 750px;
	float: left;
	border:#600;
	border-style:solid;
	border-width:medium;
}

.glob {
	text-align:center;
	
}
.ims img{
	
	margin:5px;
		
	}
.imp img{
	float:left;
	border:none;
	margin:-1px;
	
}
h1{
	text-align:center;
}
#textbox{
	color: #006600;
	width: 160px;
	border: medium dotted #CC0000;
	margin-top: 10px;
	margin-right: 2px;
	margin-left: 570px;
}
#textp{
	color: #CCCCCC;
	width: 300px;
	margin-top: 310px;
	margin-left: 5px;
	border: medium dotted #CC0000;
	clear: left;
	float: left;
}
#booking{
	color: #006600;
	width: 280px;
	border: medium dotted #CC0000;
	margin-top: 170px;
	margin-right: 2px;
	margin-left: 450px;
	font-weight: 900;
	padding: 2px;
}
#footer{
	font-size: 10px;
	color: #33FFFF;
	padding: 5px;
	width: 730px;
	border: medium solid #0000FF;
}
#contact{
	color: #993300;
	padding: 50px;
	border: thick groove #0000FF;
}
#slide{
	height: 450px;
	width: 300px;
	margin-right: 5px;
	margin-top: 5px;
	border: thick ridge #006600;
	float: right;
 }
 #elaenlarge{
	float: left;
	width: 400px;
	clear: left;
 }
 #scriptback{
    background-image: url(../images/scriptback.jpg);
	background-repeat: repeat-y;
	width: 750px;
	padding: 5px;
 }
 #showimage {
	BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; VISIBILITY: hidden; BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 1px solid; POSITION: absolute
}
#dragbar {
	CURSOR: pointer; BACKGROUND-COLOR: #efefef; min-width: 300px
}
#dragbar #closetext {
	FONT-WEIGHT: bold; MARGIN-RIGHT: 5px
}
img{
	padding: 5px;
	border: medium dotted #FF0000;
}
.box{
	float:left;
	width:750px;
	padding-left:2px;
	padding-top:10px; 
	padding-right:2px;
	padding-bottom:10px; 
	background-repeat:no-repeat; 
	background-image:url(../images/elaul.jpg); 
	color:#003; 
	font-size:12px;}

#clock{
	height: 50px;
	width: auto;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
p[title*="top"]{font-size:16px; margin-top:10px; color:#F60; font-weight:700; font-style:italic; float:right;}
p[title*="mid"]{font-size:14px; color:#F90; margin-top:10px; margin-bottom:20px; font-weight:500; font-style:italic; width: 750px; float:left;}
p[title*="phot"]{text-align:center; width:463px; margin-left:auto; margin-right:auto;}
p[title*="photte"]{float:right; margin-top:10px; font-size:14px; font-weight:600; text-decoration:underline; font-style:italic; color:#F60;}


.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}