/* (c) Avril Cox 2008 */

html {
	padding:0; 
	margin:20px; 
	border:0; 
	background:black;
	font-size:76%; 
	font-family:georgia, palatino linotype, times new roman, serif;
}

body {
	padding:0; 
	margin:0; 	
	border:0;
	background:black;
}

#content {
	display:block; 
	position:absolute; 
	z-index:3; 
	top:265px; 
	width:570px; 
	margin-left:-223px; 
	left:40%; 
	background: #D9D9D9;
	border: 3px white solid;
	color: black;
	background-image: url('./images/About-bg.jpg'); 
}

* html #content {
	width:576px;
}

#head {
	position:absolute; 
	margin-left:-221px; 
	left:40%; 
	top:0; 
	width:576px; 
      	min-width:576px; 
	height:192px; 
	background: url('./images/banner.jpg'); 
	font-size:1em; 
	z-index:5; 
}

* html #head {
	top:0px; width:576px; height:192px;
}

#menu {
	position:absolute;
	margin-left:-221px;
	left:40%;
	top:210px;
	width:576px;
	min-width:576px;
	height:27px;
	font-size:1em;
	z-index:5;*/
}

* html #menu {
	top:268px; width:800px; height:27px;
}

#links a {
	position:absolute;
	text-decoration: none;
	height:27px;
}

#links a i { visibility: hidden; }

a#about{left:0px;width:54px;background: url('./images/menu1.jpg') no-repeat;}
a#gallery{left:54px;width:60px;background: url('./images/menu2.jpg') no-repeat;}
a#packages{left:114px;width:71px;background: url('./images/menu3.jpg') no-repeat;}
a#contact{left:185px;width:62px;background: url('./images/menu4.jpg') no-repeat;}
a#other{left:247px;width:329px;background: url('./images/menu5.jpg') no-repeat;}

a#about:hover {background-image: url('./images/menu1-o.jpg'); border: none;}
a#gallery:hover {background-image: url('./images/menu2-o.jpg');border: none;}
a#packages:hover {background-image: url('./images/menu3-o.jpg');border: none;}
a#contact:hover {background-image: url('./images/menu4-o.jpg');border: none;}


a img { border: 1px solid black; }

a#content:link {text-decoration:none; background-color: #F86E25; color: black; }
a#content:visited {text-decoration:none; color: white; }
a#content:hover {text-decoration:none; background-color: #F86E25; color: black; }
a#content:active {text-decoration:none; color: red; }


a.info{
	position:relative; /*this is the key*/
	z-index:24; background-color:#ccc;
	color:#000;
	text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:2em; left:2em; width:15em;
	border:1px solid #0cf;
       	background-color:#cff; color:#000;
       text-align: center}
/*
#foot {
	text-align:center;
	position:relative; 
	width: 576px;
	height:27px; 
	z-index:5; 
	font-family: trebuchet MS, tahoma, verdana, arial, sans-serif;
	font-weight:bold;
	color:white;
	border: 3px white solid;
	background-color: black;
}

* html #foot {
	width:576px;
	height:27px;
}

*/

#notice {
	margin: 20px;
	padding: 5px;	
	background: #b9692a;
	border: dashed 2px #e88309;
	color: white;
	}

#notice h6 	{
	text-decoration: blink;
	font-weight: bold;
	font-size:1.2em; 
	margin: 0px;
        text-align: center
	}

#notice p {
	margin: 0px;
}

p.hide {	
	font-weight:bold;
	display: none;
	}

#w3c a {
	position: absolute;
	text-decoration: none;
	height:23px;
	}

#w3c a i {visibility: hidden;}

a#xhtml{top:0;right:0px;width:55px;}
a#css{top:0;right:55px;width:30px;}

#content p {
	padding:5px; text-align:justify;
	}

h1 {
	font-size:1.5em;
	font-weight:bold;
	padding:5px;
	}
.boldhead {
	font-size:1.5em; 
	font-weight:bold;
	}

.bold {font-weight:bold;}
.left {float:left; margin:10px; border:1px solid #375176;}
.right {float:right; margin:10px; border:1px solid #375176;}
.rightnb {float:right; margin:10px; border:0px solid #375176;}
.leftnb {float:left; margin:10px; border:0px solid #375176;}
.lefttext {float:left; width:300px; text-align:justify;}
.righttext {float:right; width:300px; text-align:justify;}
.hidden {display:none;}

img.loadingrequired {
	background-color: #FFF;
	background-image:url('images/ajax-loader.gif');
	background-repeat:no-repeat;
	background-position: center center;
	}
		
* html .lefttext {float:left; width:310px; text-align:justify;}
* html .righttext {float:right; width:310px; text-align:justify;}