/* originally from Glendola background-color: #02023d; */
.body
{
	font-family: arial, sans-serif;
	color:#FFFFFF;
	background-color: #79309a;
	background-image: url(images/octaveback.gif);
	background-repeat: repeat;
	SCROLLBAR-FACE-COLOR: #efe7f3;
	SCROLLBAR-HIGHLIGHT-COLOR: #f8edfc;
	SCROLLBAR-SHADOW-COLOR: #b191bf;
	SCROLLBAR-3DLIGHT-COLOR: #e6dcea;
	SCROLLBAR-ARROW-COLOR: #7e5c8c;
	SCROLLBAR-TRACK-COLOR: #9b7ba9;
	SCROLLBAR-DARKSHADOW-COLOR: #7e5c8c;
	text-align: center;
}

.wrap { position: relative; width: 760px;  text-align: left;
	background-color: #79309a;
	border-top: 0px solid #d0b9da;
	border-right: 0px solid #d0b9da;
	border-bottom: 0px solid #d0b9da;
	border-left: 0px solid #d0b9da;
	z-index: auto;
}

.banner { position:relative; left: 0px; top: 0px; 
	border-top: 1px solid #79309a;
	border-right: 1px solid #79309a;
	border-bottom: 1px solid #79309a;
	border-left: 1px solid #79309a;
   
}

.tableborder { 
	position:absolute; left: 15px; top: 2px;
	background-color: #79309a;
	border-top: 1px solid #d0b9da;
	border-right: 1px solid #d0b9da;
	border-bottom: 1px solid #d0b9da;
	border-left: 1px solid #d0b9da;
	width: 750px;	
	background-image: url(images/oct-bg.gif);
	background-repeat: repeat;
}
.tablemaincontent {position:relative; left: 10px; top: 5px; width:745px;
 cellspacing: 0px; cellpadding: 0px;
z-index: 2;

}

.pagetitle { position:absolute;  left: 95px; top: 132px; 
z-index: 99;}

.pagespacer { position:relative;  left: 0px; top: 0px; 
height: 50px;
z-index: 99;}

.whatmenuspacer { position:relative;  left: 0px; top: 0px; 
height: 25px;
z-index: 99;}

.navmain {
	position:absolute;
	left: 25px;
	top: 140px;
	width:105px;
	background-color: #79309a;
	border-top: 0px solid #d0b9da;
	border-right: 0px solid #d0b9da;
	border-bottom: 0px solid #d0b9da;
	border-left: 0px solid #d0b9da;
	padding: 10px 0px 10px 5px;	
	z-index: 3;
}

.bookleft {
	position:absolute;
	left: 25px;
	top: 390px;
	width:105px;	
	background-color: #79309a;
	border-top: 0px solid #d0b9da;
	border-right: 0px solid #d0b9da;
	border-bottom: 0px solid #d0b9da;
	border-left: 0px solid #d0b9da;
	padding: 10px 0px 10px 5px;
	text-align: center; font-weight: bold;
	filter: alpha(opacity=100); -moz-opacity:1.0;	
	z-index: 3;
}

.echoleft {
	position:absolute;
	left: 25px;
	top: 445px;
	width:100px;
	font-family: arial, sans-serif;	color:#FFFFFF;
	font-size: 65%;	
	background-color: #79309a;
	border-top: 0px solid #d0b9da;
	border-right: 0px solid #d0b9da;
	border-bottom: 0px solid #d0b9da;
	border-left: 0px solid #d0b9da;
	padding: 10px 5px 5px 5px;
	text-align: center;
	filter: alpha(opacity=70); -moz-opacity:0.7;	
	z-index: 3;
}

.imgsright {
	position:absolute;
	left: 630px;
	top: 174px;
	width:125px;
	
	border-top: 1px solid #d0b9da;
	border-right: 1px solid #d0b9da;
	border-bottom: 1px solid #d0b9da;
	border-left: 1px solid #d0b9da;
	padding: 2px 2px 2px 2px;
	font-family: arial, sans-serif;	color:#FFFFFF;
	font-size: 75%;
	text-align: center;
	background-color: #ae8fbc;
	filter: alpha(opacity=90); 	-moz-opacity:0.9;
	z-index: 13;

}

.menuright {
	position:absolute;
	left: 652px;
	top: 175px;
	width:120px;
	height: 425px;
	border-top: 1px solid #d0b9da;
	border-right: 1px solid #d0b9da;
	border-bottom: 1px solid #d0b9da;
	border-left: 1px solid #d0b9da;
	padding: 2px 2px 2px 2px;
	font-family: arial, sans-serif;	color:#FFFFFF;
	font-size: 75%;
	text-align: center;
	background-color: #ae8fbc;
	filter: Alpha(Opacity=80);  -moz-opacity:0.8;
	z-index: 13;

}

.whatsright {
	position:absolute;
	left: 652px;
	top: 175px;
	width:120px;
	height: 425px;
	overflow: hidden;
	border-top: 1px solid #d0b9da;
	border-right: 1px solid #d0b9da;
	border-bottom: 1px solid #d0b9da;
	border-left: 1px solid #d0b9da;
	padding: 2px 2px 2px 2px;
	font-family: arial, sans-serif;	color:#FFFFFF;
	font-size: 75%;
	text-align: center;
	background-color: #ae8fbc;
	filter: Alpha(Opacity=80);  -moz-opacity:0.8;
	z-index: 13;
	

}

.homeright {
	position:absolute;
	left: 652px;
	top: 175px;
	width:120px;
	border-top: 1px solid #d0b9da;
	border-right: 1px solid #d0b9da;
	border-bottom: 1px solid #d0b9da;
	border-left: 1px solid #d0b9da;
	padding: 2px 2px 2px 2px;
	font-family: arial, sans-serif;
	color:#FFFFFF;
	font-size: 75%;
	text-align: center;
	background-color: #ae8fbc;
	z-index: 13;
	filter: Alpha(Opacity=80);  -moz-opacity:0.8;
}
.bookright {
	position:absolute;
	left: 652px;
	top: 175px;
	width:120px;

	border-top: 1px solid #d0b9da;
	border-right: 1px solid #d0b9da;
	border-bottom: 1px solid #d0b9da;
	border-left: 1px solid #d0b9da;
	padding: 2px 2px 2px 2px;
	font-family: arial, sans-serif;	color:#FFFFFF;
	font-size: 75%;
	text-align: center;
	background-color: #ae8fbc;
	filter: alpha(opacity=90); 	-moz-opacity:0.9;
	z-index: 13;

}

.vtoursright {
	position:absolute;
	left: 652px;
	top: 175px;
	width:110px;
	background-color: #79309a;
	border-top: 0px solid #d0b9da;
	border-right: 0px solid #d0b9da;
	border-bottom: 0px solid #d0b9da;
	border-left: 0px solid #d0b9da;
	padding: 5px 5px 5px 5px;
	font-family: arial, sans-serif;	color:#FFFFFF;
	font-size: 75%;
	text-align: center;
	filter: alpha(opacity=70); -moz-opacity:0.7;
	z-index: 13;

}

.corpright {
	position:absolute;
	left: 652px;
	top: 175px;
	width:120px;

	border-top: 1px solid #d0b9da;
	border-right: 1px solid #d0b9da;
	border-bottom: 1px solid #d0b9da;
	border-left: 1px solid #d0b9da;
	padding: 2px 2px 2px 2px;
	font-family: arial, sans-serif;	color:#FFFFFF;
	font-size: 75%;
	text-align: center;
	background-color: #ae8fbc;
	filter: alpha(opacity=90); 	-moz-opacity:0.9;
	z-index: 13;

}
.content {
	position:relative; left: 105px; top: 35px; width:495px; height: 410px;
	font-family: arial, sans-serif;
	color:#FFFFFF;
	font-size: 95%;
	background-image: url(images/contentbg.jpg);
	background-attachment: fixed;
	background-color: #ae8fbc;
	border: 2px solid #d0b9da;	
	padding: 10px 5px 5px 10px;
	overflow: auto;
	z-index: 10;
	
}
.vtourcontent {
	position:relative; left: 105px; top: 35px; width:495px; height: 325px;
	font-family: arial, sans-serif;
	color:#FFFFFF;
	font-size: 95%;
	background-image: url(images/contentbg.jpg);
	background-color: #ae8fbc;
	border: 2px solid #d0b9da;	
	padding: 10px 5px 5px 10px;
	overflow: auto;
	z-index: 10;	
}
.contactcontent {
	position:relative; left: 105px; top: 35px; width:495px; height: 325px;
	font-family: arial, sans-serif;
	color:#FFFFFF;
	font-size: 95%;
	background-image: url(images/contentbg.jpg);
	background-color: #ae8fbc;
	border: 2px solid #d0b9da;
	padding: 10px 5px 5px 10px;
	overflow: auto;
	z-index: 10;	
}
.bookcontent {
	position:relative; left: 105px; top: 35px; width:495px; height: 625px;
	font-family: arial, sans-serif;
	color:#FFFFFF;
	font-size: 95%;
	background-image: url(images/contentbg.jpg);
	background-color: #ae8fbc;
	border: 2px solid #d0b9da;
	padding: 10px 5px 5px 10px;
	overflow: auto;
	z-index: 10;	
}
.corpcontent {
	position:relative; left: 105px; top: 35px; width:495px; height: 325px;
	font-family: arial, sans-serif;
	color:#FFFFFF;
	font-size: 95%;
	background-image: url(images/contentbg.jpg);
	background-color: #ae8fbc;
	border: 2px solid #d0b9da;
	padding: 10px 5px 5px 10px;
	overflow: auto;
	z-index: 10;	
}
.tablemenu {
	position:relative; left: 10px; top: 15px; width:95%;
	font-family: arial, sans-serif;
	color:#FFFFFF;
	font-size: 85%;
 	background-color: #9b7baa;

}

.menutitle {
font-family: arial, sans-serif;	color:#FFFFFF;	background-color: #a585b4;	font-weight: bold;
}

.menuname {
font-family: arial, sans-serif;	color:#FFFFFF; 
}

.menudesc {
font-family: arial, sans-serif;	color:#FFFFFF;	font-size: 85%;
}

.menufoot {
font-family: arial, sans-serif;	color:#FFFFFF;	font-size: 80%;
}

.menuprice {
font-family: arial, sans-serif;	color:#FFFFFF;	font-size: 90%; 
}

.menuspacer {
padding: 8px 0px 0px 150px;
}

.tablewhats {
	position:relative; left: 22px; top: 15px; width:90%;
	font-family: arial, sans-serif;
	color:#FFFFFF;
	font-size: 85%;
	border: 1px solid #d0b9da;
 	background-color: #9b7baa;

}

.whatstitle {
	font-family: arial, sans-serif;
	color:#FFFFFF;
	background-color: #a585b4;
	font-weight: bold;

}
.whatsdate {
	font-family: arial, sans-serif;
	color:#FFFFFF;
	background-color: #a585b4;

}
.whatsdesc {
font-family: arial, sans-serif;	color:#FFFFFF;	font-size: 90%;
}

.whatsfoot {
font-family: arial, sans-serif;	color:#FFFFFF;	font-size: 80%;
}

.legal {
	Height: 50px;
	font-family: arial, sans-serif;
	color:#FFFFFF;
	font-size: 75%;
	background-color: #79309a;
	background-image: url(images/oct-bg.gif);
	border-top: 1px solid #d0b9da;
	border-right: 0px solid #d0b9da;
	border-bottom: 0px solid #d0b9da;
	border-left: 0px solid #d0b9da;
	padding: 10px 20px 40px;

}


.map {
	position:absolute; left: 370px; top: 7px; float: right;
	border: 1px solid #FFFFFF;
	font-family:Arial, sans-serif;
	color: #FFFFFF;
	font-size: 75%;
	text-align: center
}


a:link     { font-family:Arial, sans-serif; color: #FFFFFF; text-decoration: underline; font-size: 95%}
a:visited  { font-family: Arial, sans-serif; color:#FFFFFF; text-decoration: underline; font-size: 95%}
a:hover { font-family: Arial, sans-serif; color: #9999FF; text-decoration: underline; font-size: 95%}

a.topnav:link     { font-family:Arial, sans-serif; color: #d0b9da; text-decoration: none; font-size: 95%}
a.topnav:visited  { font-family: Arial, sans-serif; color:#d0b9da; text-decoration: none; font-size: 95%}
a.topnav:hover { font-family: Arial, sans-serif; color: #FFFFFF; text-decoration: underline; font-size: 95%}

a.vtnav:link     { font-family:Arial, sans-serif; color: #d0b9da; text-decoration: none; font-size: 95%}
a.vtnav:visited  { font-family: Arial, sans-serif; color:#d0b9da; text-decoration: none; font-size: 95%}
a.vtnav:hover { font-family: Arial, sans-serif; color: #FFFFFF; text-decoration: underline; font-size: 95%}

a.navaboutlinks:link     { font-family:Arial, sans-serif; color: #FFFFFF; text-decoration: none; font-size: 95%}
a.navaboutlinks:visited  { font-family: Arial, sans-serif; color:#FFFFFF; text-decoration: none; font-size: 95%}
a.navaboutlinks:hover { font-family: Arial, sans-serif; color: #FFFFFF; background: #02023d; text-decoration: none; font-size: 95%}

a.navcontactlinks:link     { font-family:Arial, sans-serif; color: #FFFFFF; text-decoration: none; font-size: 95%}
a.navcontactlinks:visited  { font-family: Arial, sans-serif; color:#FFFFFF; text-decoration: none; font-size: 95%}
a.navcontactlinks:hover { font-family: Arial, sans-serif; color: #FFFFFF; background: #02023d; text-decoration: none; font-size: 95%}

a.navtoplinks:link     { font-family:Arial, sans-serif; color: #FFFFFF; text-decoration: none; font-size: 95%}
a.navtoplinks:visited  { font-family: Arial, sans-serif; color:#FFFFFF; text-decoration: none; font-size: 95%}
a.navtoplinks:hover { font-family: Arial, sans-serif; color: #FFFFFF; text-decoration: underline; font-size: 95%}

a.italiclink:link     { font-family: Arial, sans-serif; color: #FFFFFF; text-decoration: underline; font-style: italic; font-size: 95%}
a.italiclink:visited  { font-family: Arial, sans-serif; color:#FFFFFF; text-decoration: underline;font-style: italic; font-size: 95%}
a.italiclink:hover { font-family: Arial, sans-serif; color: #9999FF; text-decoration: underline;font-style: italic; font-size: 95%}

a.boldlink:link     { font-family: Arial, sans-serif; color: #FFFFFF; text-decoration: underline; font-weight: bold; font-size: 95%}
a.boldlink:visited  { font-family: Arial, sans-serif; color:#FFFFFF; text-decoration: underline; font-weight: bold; font-size: 95%}
a.boldlink:hover { font-family: Arial, sans-serif; color: #9999FF; text-decoration: underline;font-weight: bold; font-size: 95%}

a.navreclinks:link     { font-family:Arial, sans-serif; color: #FFFFFF; text-decoration: none; font-size: 95%}
a.navreclinks:visited  { font-family: Arial, sans-serif; color:#FFFFFF; text-decoration: none; font-size: 95%}
a.navreclinks:hover { font-family: Arial, sans-serif; color: #9999FF; text-decoration: underline; font-size: 95%}











 examples

z-index:-1


  filter: alpha(opacity= 50); -moz-opacity:0.5; opacity: 0.5" 
   font: 12px Arial;
}