body    { 
	color: #fff; 
	font-family: "Trebuchet MS", sans-serif; 
	background: #000 }

#pageHeader h1   { 
	background-image: url(i/peternoeldancephoto.jpg); 
	background-repeat: no-repeat; 
	background-attachment: scroll; 
	background-position: left top; 
	margin: 0 0 0 15px; 
	padding-left: 0;
	width: 440px; 
	height: 45px; 
	float: left 
}

#pageHeader h1 span {
	display:none
}

#global {
     margin-left: auto;
     margin-right: auto;
     width: 875px; /* mandatory to be centered */
     }

#navigation     { 
	color: #54999b; 
	font-size: 10pt; 
	font-family: "Trebuchet MS", sans-serif; 
	text-decoration: none; 
	letter-spacing: -0.15pt; 
	display: inline; 
	float:left;
	margin-top: -30px;
	margin-left: 525px;
	padding-left: 40px
}

#navigation li {text-decoration: none; display: inline }
#navigation li a:link,
#navigation li a:visited    { color: #fff; text-decoration: none; display: inline }
#navigation li.selected a,
#navigation li a:hover,
#navigation li.selected a:link,
#navigation li.selected a:hover    { color: #54999b; text-decoration: none }
#container   { 
	text-decoration: none; 
	margin: -10px 0 0 15px; 
	position: absolute; 
	width: 845px; 
	height: 442px; 
	clear: both; 
	border: solid 1px #54999b }

#container ul {width:340px; height:432px; padding:0; margin:5px; list-style-type:none; float:left;}

#container li {float:left;}

#container a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #54999B; margin:5px 5px 5px 5px; text-align:left; cursor:default;}
#container a.slidea  { background: url(i/slidea.jpg); width: 60px; height: 60px }
#container a.slideb  { background: url(i/slideb.jpg); width: 60px; height: 60px }
#container a.slidec  { background: url(i/slidec.jpg); width: 60px; height: 60px }
#container a.slided  { background: url(i/slided.jpg); width: 60px; height: 60px }
#container a.slidee  { background: url(i/slidee.jpg); width: 60px; height: 60px }
#container a.slidef  { background: url(i/slidef.jpg); width: 60px; height: 60px }
#container a.slideg  { background: url(i/slideg.jpg); width: 60px; height: 60px }
#container a.slideh  { background: url(i/slideh.jpg); width: 60px; height: 60px }
#container a.slidey  { background: url(i/slidey.jpg); width: 60px; height: 60px }
#container a.slidej  { background: url(i/slidej.jpg); width: 60px; height: 60px }
#container a.slidek  { background: url(i/slidek.jpg); width: 60px; height: 60px }
#container a.slidel  { background: url(i/slidel.jpg); width: 60px; height: 60px }
#container a.slidem  { background: url(i/slidem.jpg); width: 60px; height: 60px }
#container a.sliden  { background: url(i/sliden.jpg); width: 60px; height: 60px }
#container a.slideo  { background: url(i/slideo.jpg); width: 60px; height: 60px }
#container a.slidep  { background: url(i/slidep.jpg); width: 60px; height: 60px }
#container a.slideq  { background: url(i/slideq.jpg); width: 60px; height: 60px }
#container a.slider  { background: url(i/slider.jpg); width: 60px; height: 60px }
#container a.slides  { background: url(i/slides.jpg); width: 60px; height: 60px }
#container a.slidet  { background: url(i/slidet.jpg); width: 60px; height: 60px }
#container a.slideu  { background: url(i/slideu.jpg); width: 60px; height: 60px }
#container a.slidev  { background: url(i/slidev.jpg); width: 60px; height: 60px }
#container a.slidew  { background: url(i/slidew.jpg); width: 60px; height: 60px }
#container a.slidex  { background: url(i/slidex.jpg); width: 60px; height: 60px }


#container a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; background:#fff; overflow:hidden;}
#container a.gallery:hover {border:1px solid #fff;}
#container a.gallery:hover img {border:1px float:left; margin-right:5px;}
#container a.slideb:hover img, #container a.slidei:hover img {float:right;}
#container a.gallery:hover span {position:absolute; background: #000; width:535px; height:430px; top:9px; left:300px;}