/* CSS Document */

body {
	background-color: #003399;
	background-image: url(graphics/background.gif);
	font-family:Arial, Helvetica, sans-serif;
}

.container { 
	margin:0 auto 0 auto; 
	position:relative;
	text-align:center;  
	}

#flash {
	position:absolute;
	top:38px;
	left: 230px;
	z-index: 0;
	}
	
#enter {
	position:absolute;
	top: 550px;
	left: 100px;
	z-index: 1;
}

#poster1 {
	position:absolute;
	top: 50px;
	left: 0px;
	z-index: 2;
}

#poster2 {
	position:absolute;
	top: 50px;
	left: 682px;
	z-index: 2;
}

#poster3 {
	position:absolute;
	top: 420px;
	left: 704px;
	z-index: 2;
}
#babette {
	position:absolute;
	top: 50px;
	left: 50px;
	z-index: 1;
	}

#studiobabette {
	position:absolute;
	top: 34px;
	left: 60px;
	z-index: 2;
	}
	
#puppettheatre {
	position:absolute;
	top: 520px;
	left: 55px;
	z-index: 1;
	}

#logo {
	position:absolute;
	top: 60px;
	left: 60px;
	z-index: 1;
	} 
	
#pain {
	position:absolute;
	top: 30px;
	left: 700px;
	z-index: 2;
	}
	
#pulcinella {
	position:absolute;
	top: 20px;
	left: 400px;
	z-index: 1;
	}
	
a:active {
	text-decoration: none;
	font-size: 14px;
	font-weight: 800;
	color:  #ffffff;
}

a:link {
	text-decoration: none;
	font-size: 14px;
	font-weight: 800;
	color:  #ffffff;
}

a:visited {
	text-decoration: none;
	font-size: 14px;
	font-weight: 800;
	color:  #ffffff;
}

a:hover {
	text-decoration: underline;
	font-size: 14px;
	font-weight: 900;
	color: #FFFF00;

}

.pagelinks {
	position:absolute;
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	line-height:17px;
	font-weight:bold;
	top: 360px;
	left:100px;
	z-index: 2;
}

.homelinks {
	position:absolute;
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	top: 560px;
	left: 655px;
	z-index: 5;
}

.aboutus {
	background: url(rollovers/star.jpg) 0 0;
	position: absolute;
	width:41px; 
	height:41px; 
	top: 350px;
	left: 50px;
		}

.aboutus:hover {
	background: url(rollovers/star.jpg) 0 41px;
	position: absolute;
	width:41px; 
	height:41px; 
	top: 350px;
	left: 50px;
	cursor:pointer;
		}
		
.ourshows {
	background: url(rollovers/star.jpg) 0 0;
	position: absolute;
	width:41px; 
	height:41px; 
	top: 400px;
	left: 50px;
		}

.ourshows:hover {
	background: url(rollovers/star.jpg) 0 41px;
	position: absolute;
	width:41px; 
	height:41px; 
	top: 400px;
	left: 50px;
	cursor:pointer;
		}
		
.workshops {
	background: url(rollovers/star.jpg) 0 0;
	position: absolute;
	width:41px; 
	height:41px; 
	top: 450px;
	left: 50px;
		}

.workshops:hover {
	background: url(rollovers/star.jpg) 0 41px;
	position: absolute;
	width:41px; 
	height:41px; 
	top: 450px;
	left: 50px;
	cursor:pointer;
		}
		
.links {
	background: url(rollovers/star.jpg) 0 0;
	position: absolute;
	width:41px; 
	height:41px; 
	top: 500px;
	left: 50px;
		}

.links:hover {
	background: url(rollovers/star.jpg) 0 41px;
	position: absolute;
	width:41px; 
	height:41px; 
	top: 500px;
	left: 50px;
	cursor:pointer;
		}
		
.contactus {
	background: url(rollovers/star.jpg) 0 0;
	position: absolute;
	width:41px; 
	height:41px; 
	top: 550px;
	left: 50px;
		}

.contactus:hover {
	background: url(rollovers/star.jpg) 0 41px;
	position: absolute;
	width:41px; 
	height:41px; 
	top: 550px;
	left: 50px;
	cursor:pointer;
		}
		
		
.calendar {
	background: url(rollovers/star.jpg) 0 0;
	position: absolute;
	width:41px; 
	height:41px; 
	top: 600px;
	left: 50px;
		}

.calendar:hover {
	background: url(rollovers/star.jpg) 0 41px;
	position: absolute;
	width:41px; 
	height:41px; 
	top: 600px;
	left: 50px;
	cursor:pointer;
		}