div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn	{ 
    position:relative;
    width:648px; height:386px;
    overflow:hidden;
	}
div#wm	{
	position:relative;
	width:648px;
	height:386px;
	overflow:hidden;
	text-align: center;
	background-position: center center;
	} 
div#scrollbar { 
  position:relative;
  width:11px; height:386px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track {
	position:absolute;
	left:0;
	top:12px;
	width:11px;
	height:362px;
	background: #448833;
  }
div#dragBar {
	position:absolute;
	left:1px;
	top:1px;
	width:9px;
	height:20px;
	background-color:#cccccc;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    }
.table1 {
	background-image: url(../images/bio_05.jpg);
}
.table2 {
	background-image: url(../images/disco_05.jpg);
}
.table3 {
	background-image: url(../images/agenda_05.jpg);
}
.table4 {
	background-image: url(../images/fotos_05.jpg);
}
.table5 {
	background-image: url(../images/video_05.jpg);
}
.table6 {
	background-image: url(../images/reviews_05.jpg);
}
.table7 {
	background-image: url(../images/contactos_05.jpg);
}
.font01 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #448833;
	text-align: justify;
	text-indent: 10pt;
	line-height: 20pt;
	font-weight: bold;
}
.font02 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #bb3322;
	text-align: right;
}
.font03 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #448833;
	text-align: justify;
	text-indent: 10pt;
	line-height: 20pt;
	font-weight: bold;
	font-style: italic;
}
.font04 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #bb3322;
	text-align: left;
}
.font05 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #ffee22;
	text-align: center;
	text-indent: 10pt;
	line-height: 20pt;
	font-weight: bold;
}
.font06 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #448833;
	text-align: justify;
	line-height: normal;
	font-weight: normal;
}
.font07 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #bb3322;
	text-align: center;
}
.font08 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #448833;
	text-align: center;
	line-height: normal;
	font-weight: bold;
}
body {
	background-color: #FFFFFF;
	text-align: center;
	background-image: url(../images/fundo.jpg);
}
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 10px;
	padding-bottom: 0;
	background: #333333;
	visibility: hidden;
	z-index: 10;
	cursor: hand;
	cursor: pointer;
}
#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 5px;
	line-height: 1.1em;
	color: #FFFFFF;
	padding: 5px 0;
	text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
	background-color: #FFFFFF;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
	position: absolute;
	visibility: hidden;
	border: 1px solid black;
	background-color: #EEEEEE;
	padding: 5px;
	z-index: 5;
}
a:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #bb3322;
	text-align: left;
}