body {
	background-color: black;	
	background-image: url('darksquare.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
}

a {
        color: white;        
        text-decoration: none;
}

a:hover {
        color: red;
        text-decoration: underline;
}
          
#slide {
	position: absolute;
	z-index: 1000;
	display: none;
	top: 100px;
	text-align: left;
	padding: 0px 8px 8px 8px;
	background-color: #fff;
	cursor: pointer;
	font: bold 12px "helvetica neue", Arial, Helvetica, sans-serif; 
}

#slide img {
	width: 50%;
}
#Cover {
	position: absolute;
	width: 100%;
	height: 200%;
	z-index: 100;
	display: none;
	background-color: #000;
	opacity: .75;
	filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=.75);
	top: 0px;
	left: 0px; 
}
#photoAlbum {
	position: relative;
        margin-left: auto;
        margin-right: auto;
	z-index: 0;
	width: 900px;
}
#photoAlbum img {
	width: 10%;
	border: 2px solid white;
	margin: 8px;
	vertical-align: top;
	cursor: pointer;
}
.slideControl { 
	color: red;
	text-align: right; 
}

#photoAlbum h1 {
	font: bold 16px "helvetica neue", Arial, Helvetica, sans-serif;
	text-align: left;
	color: white;
}
#photoAlbum h2 {
	font: bold 10px "helvetica neue", Arial, Helvetica, sans-serif;
	text-align: left;
	color: red;
}