html, body {
	margin:0; 
	padding:0;
	overflow-x:hidden; 
 	
}
body {
	font-family:verdana, arial, sans-serif; 
	font-size:76%;
}

#background {
	position:absolute;
	z-index:1; 
}

#backgroundref {
	background-image: url(/images/bggeel.jpg);
	background-repeat: repeat;
}
#bgworkshops {
	background-image: url(/images/bgworkshops.jpg);
	background-repeat: repeat;
}
#bgshows {
	background-color:#2C2E28;
}
#bgblack {
	background-color:#000000;
}
#bgpurple {
	background-color:#53277E;
}
#bgblue {
	background-color:#B5C2D3;
}

#scroller {
	position:absolute; 
	width:100%; 
	height:100%; 
	overflow:auto; 
	z-index:2;
} 

#content {
	position:absolute; 	
	width:550px;
	top:138px; 
	left:242px; 
	color:#ffffff; 
	z-index:10;   
}
#contenttv {
	position:absolute; 	
	width:500px;
	top:138px; 
	left:242px; 
	color:#ffffff; 
	z-index:10;   
}
#contentblack {
	position:absolute; 	
	width:550px;
	top:100px; 
	left:222px; 
	color:#000000; 
	z-index:10;   
}

#contentblack a:link { color: #000000; text-decoration: none; font-weight: normal;  }
#contentblack a:visited { color: #000000; text-decoration: none; font-weight: normal;  }
#contentblack a:hover  { color: #000000; text-decoration: underline; font-weight: normal;  }
#contentblack a:active  { color: #000000; text-decoration: none; font-weight: normal; }

#contentblack1 {
	position:relative 	
	color:#000000; 
	z-index:10;   
}
#contentblack1 a:link { color: #000000; text-decoration: none; font-weight: normal;  }
#contentblack1 a:visited { color: #000000; text-decoration: none; font-weight: normal;  }
#contentblack1 a:hover  { color: #000000; text-decoration: underline; font-weight: normal;  }
#contentblack1 a:active  { color: #000000; text-decoration: none; font-weight: normal; }

#naampeter a:link { color: #000000; text-decoration: none; font-weight: bold;  }
#naampeter a:visited { color: #000000; text-decoration: none; font-weight: bold;  }
#naampeter a:hover  { color: #000000; text-decoration: underline; font-weight: bold;  }
#naampeter a:active  { color: #000000; text-decoration: none; font-weight: bold; }

#naamjose a:link { color: #000000; text-decoration: none; font-weight: bold; }
#naamjose a:visited { color: #000000; text-decoration: none; font-weight: bold;  }
#naamjose a:hover  { color: #000000; text-decoration: underline; font-weight: bold;  }
#naamjose a:active  { color: #000000; text-decoration: none; font-weight: bold; }


#contentblackproj a:link { color: #000000; text-decoration: none; font-weight: normal; padding:5px }
#contentblackproj a:visited { color: #000000; text-decoration: none; font-weight: normal; padding:5px }
#contentblackproj a:hover  { color: #000000; text-decoration: underline; font-weight: bold; padding:5px }
#contentblackproj a:active  { color: #000000; text-decoration: none; font-weight: normal; padding:5px }
#contentshows {
	position:absolute; 	
	width:550px;
	top:200px; 
	left:342px;  
	z-index:10;   
}
#contentblackproj {
	position:absolute; 	
	width:360px;
	top:138px; 
	left:55px; 
	color:#000000; 
	z-index:10;   
}
#peter {
	position:absolute; 	
	width:350px;
	top:426px; 
	left:12px; 
	color:#000000; 
	z-index:10;   	
}
#jose {
	position:absolute;	
	width:350px;
	top:426px; 
	left:429px; 
	color:#000000; 
	z-index:10;   
}
#naampeter {
	position:absolute; 	
	width:350px;
	top:460px; 
	left:212px; 
	color:#000000; 
	z-index:10;   	
}
#naamjose {
	position:absolute;	
	width:350px;
	top:460px; 
	left:529px; 
	color:#000000; 
	z-index:10;   
}
#infoto {
	position:absolute; 	
	width:522px;
	top:228px; 
	left:212px; 
	color:#000000; 
	z-index:10;   	
}
#infoto2 {
	position:absolute; 	
	width:522px;
	top:80px; 
	left:12px; 
	color:#000000; 
	z-index:10;   	
}
#credits {
	position:absolute;
	top: 470px; 	
	left:12px; 
	color:#000000; 
	z-index:9;   	
}
#credits a:link { color: #000000; text-decoration: none; font-weight: normal;  }
#credits a:visited { color: #000000; text-decoration: none; font-weight: normal;  }
#credits a:hover  { color: #000000; text-decoration: underline; font-weight: normal;  }
#credits a:active  { color: #000000; text-decoration: none; font-weight: normal; }


#links {
	position:absolute;	
	width:350px;
	top:680px; 
	left:429px; 
	color:#000000; 
	z-index:10;   
}
a:link, a:visited { color: #FFFFFF; font-weight: bold }
a:hover           { color: #FFFFFF; font-weight: bold }

p {
	line-height:1.8em; 
	letter-spacing:0.1em; 
	text-align:justify;
}

H4 {
line-height: 8px;
font-size: 14px;
}

H3 {
font-size: 14px;
line-height: 16px;
}
#logo {
	position:absolute; 	
	top:0px; 
	left:0px; 
	width:200px;
	height:100px; 
	z-index:10; 
	border:0px; 
	padding:0px;
}
#logohome {
	background-image: url(/images/logostart.jpg);
	background-repeat: no-repeat;
	position:absolute; 	
	top:108px; 
	left:84px; 
	width:350px;
	height:200px; 
	z-index:10; 
	border:0px; 
	padding:0px;
}
#fixed {
	position:absolute; 	
	width:550px;
	top:9px; 
	left:262px;  
	z-index:10; 
}
#fixedhome {
	position:absolute; 	
	top:245px; 
	left:108px; 
	width:150px; 
	z-index:10; 
	color:#567; 
	border:0px; 
	padding:10px;
	z-index:10; 
}
#nav {
	position:relative;
	width:550px;
	height: 22px;
	left: 60px; 
	z-index:8; 
	font-family:verdana, arial, sans-serif; 
	font-size:14px;
	color:#000000;
	padding:2px;
}
#nav a:link { color: #000000; text-decoration: none; font-weight: normal; padding:5px }
#nav a:visited { color: #000000; text-decoration: none; font-weight: normal; padding:5px }
#nav a:hover  { color: #9F9D77; text-decoration: none; font-weight: normal; padding:5px }
#nav a:active  { color: #9F9D77; text-decoration: none; font-weight: normal; padding:5px }

#navwit {
	position:relative;
	width:550px;
	height: 22px; 
	left: 60px; 
	z-index:8; 
	font-family:verdana, arial, sans-serif; 
	font-size:14px;
	color:#FFFFFF;
	padding:2px;
}
#navwit a:link { color: #FFFFFF; text-decoration: none; font-weight: normal; padding:5px  }
#navwit a:visited { color: #FFFFFF; text-decoration: none; font-weight: normal; padding:5px }
#navwit a:hover  { color: #756E0A; text-decoration: none; font-weight: normal; padding:5px }
#navwit a:active  { color: #756E0A; text-decoration: none; font-weight: normal; padding:5px }

#navp {
	position:relative;
	width:500px;
	height: 22px;
	left: 60px; 
	z-index:8; 
	background-color:#E6FFB5;
	font-family:verdana, arial, sans-serif; 
	font-size:14px;
	color:#000000;
	padding:2px;
}
#navp a:link { color: #000000; text-decoration: none; font-weight: normal; padding:5px }
#navp a:visited { color: #000000; text-decoration: none; font-weight: normal; padding:5px }
#navp a:hover  { color: #9F9D77; text-decoration: none; font-weight: normal; padding:5px }
#navp a:active  { color: #9F9D77; text-decoration: none; font-weight: normal; padding:5px }


#pics {
	position:absolute;
	vertical-align:center;
	width:230px;
	height: 400px;
	left: 40px;
	top: 148px; 
	z-index:8; 
	font-family:verdana, arial, sans-serif; 
	color:#000000;
	padding:2px;
}

#blak { color:#000000;}

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}


#dropmenudiv a:hover{ /*hover background color*/
color: #ffffff;
background-color: #2C2D27;
}

#video {
	position:relative;	
	top:152px; 
	left:2px; 
	z-index:10;   
}



/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
	z-index:11;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
z-index:11;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
z-index:11;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}