html, body{
	margin: 10 px;
	padding: 10;
	border: none;
	}

body {
	font-family: helvetical,arial;
	background-color:#000;
	color:#fff;
	width: 100%;
}

a:link {
 	color: #fff;
}
a:visited {
	color: #fff;
}
a:hover {
 	color: #ff0000;
 	text-decoration: none;
}
a:active {
 	color: #777777;
}

#header {
	font-size: 40px;
	vertical-align: middle;
	display: inline-block;
	zoom: 1;
    *display: inline;
	margin-left: 20px;
}
#header a {
	text-decoration: none;
	color: white;
}

#leftframe {
	background-color:#000;
	width: 120px;
	display: inline-block;
	zoom: 1;
    *display: inline;
	vertical-align: top;
	line-height: 200%;
	padding-left: 10px;
	float: left;
	/*margin-left: -100px;*/
}
#leftframe a {
	text-decoration: none;
}

#mainframe {
	/*margin-left:100px;*/
	background-color:#000;
	display: inline-block;
	zoom: 1;
    *display: inline;
	vertical-align: top;
	line-height: 200%;
	white-space: normal;
	position: absolute; /* added */
}

.thumbnail {
	display: inline-block;
	zoom: 1;
    *display: inline;
}
.thumbnail img {
	width: 100px;
	height: 80px;
	padding: 3px;
	border: none;
}

#BigPicture {
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}

#BigPicture img{
	max-height: 500px;
	border-style: solid;
	border-color: white;
	border-width: 10px;
}

#close {
	right: 0px;
	top: 0px;
	position: absolute;
	background-color: black;
	padding: 0px 5px 0px 5px;
	border-style: inset;
	border-color: grey;
	border-width: 2px;
}

#close a {
	text-decoration: none;
}

#close a:hover {
 	color: #fff;
 	text-decoration: none;
}