@charset "UTF-8";

#container {
	width: 1000px;
	height: 620px;
 	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: 0;
}

#floater {
	position: absolute;
	visibility: visible;
	height: 350px;
	width: 750px;
	left: 125px;
	top: 135px;
    background-color: rgba(255,255,255,0.9);
	text-align:center;
	display: none;
	z-index: 2;
}

#resume {
	position: absolute;
	visibility: vi;sible;
	height: 300px;
	width: 700px;
	left: 125px;
	top: 135px;
    background-color: rgba(255,255,255,0.9);
	display: none; /* block */
	z-index: 2;
	font-family: verdana, sans;
	font-size:12px;
	text-align: left;
	padding: 25px 25px;
	
	
}

.hideMe {
	display: inline-block;
	background-color: red;
	cursor: pointer;
	z-index: 3;
}

#slideshow {
	position: absolute;
	visibility: visible;
	height: 350px;
	width: 750px;
	left: 125px;
	top: 135px;
    background-color: rgba(255,255,255,0.9);
	text-align:center;
	display: none;
	z-index: 2;
}

#slideshow Img {
	width: 750px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

#flush {
	position:  absolute;
	left: 40px;
	top:  2px;
	padding: 3px 9px;
	font-family: arial, sans-serif;
	cursor: pointer;
	background-color: rgba(255,255,255,0.0);
	z-index: 3;
}

#previous {
	position:  absolute;
	left: 0px;
	top:  0px;
	height: 350px;
	width: 35px;
	border-right: 1px solid white;
	background-color: rgba(225,225,225,0.0);
	background-image:url(Images/arrow.png);
	background-repeat:no-repeat;
	background-position:center;
	z-index: 4;
}

#next {
	position:  absolute;
	right: 0px;
	top:  0px;
	height: 350px;
	width: 35px;
	text-align: center;
	border-left: 1px solid white;
	background-color: rgba(225,225,225,0.0);
	background-image:url(Images/arrownext.png);
	background-repeat:no-repeat;
	background-position:center;
	z-index: 4;
}

#floater img {
/* this bit controls the image inside the floater */

}

.closeMe {
	position: absolute;
	left: 0px;
	top: 0px;
	color: #999;
	padding: 4px 8px;
	font-family: Arial;
	cursor: pointer;
	cursor: hand;
	z-index: 3;
}

#closeSlideshow{
	position:  absolute;
	left: 40px;
	top:  0px;
	color: #999;
	padding: 3px 9px;
	font-family: arial, sans-serif;
	cursor: pointer;
	background-color: rgba(225,225,225,0.4);
	z-index: 3;
}