body {
	background-color: #000;
}

.clear{
	clear: both;
}

h1{
	color: #FFF;
	font-family: Helvetica, Arial, San-Serif;
	margin: 0px;
	padding: 0px;
}

h1 a{
	color: #FFF;
	text-decoration: none;
}

#container{
	-border: 1px solid blue;
	margin: 0 auto;
	width: 994px;
}

#thumbs{
	-border: 1px solid black;
	float: left;
	height: 535px;
	width: 190px;
}

#thumbs img{
	background-color: #000;
	opacity: 0.3;
	-moz-opacity: 0.3;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
	filter: alpha(opacity=30);
	
	margin: 0px;
	padding: 0px 2px 0px 0px;
	cursor: pointer;
}

#thumbs img.hover, #thumbs img.active{
	background-color: #000;
	opacity: 100;
	-moz-opacity: 100;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
	filter: alpha(opacity=100);
}

#imageframe{
	-border: 1px solid red;
	float: left;
	height: 535px;
	width: 800px;
}

#info-btn{
	-border: 1px solid red;
	-background-color: #333;
	color: #FFF;
	font-family: Georgia;
	margin-left: 990px;
	margin-top: 480px;
	-padding: 5px 5px 5px 5px;
	position: relative;
	text-align: center;
	-width: 10px;
}

#info-btn a{
	background-color: #333;
	color: #FFF;
	padding: 10px;
	text-decoration: none;
}

#imginfo{
	color: #FFF;
	background-color: #000;
	font-family: Arial;
	font-size: 12px;
	position: relative;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	filter: alpha(opacity=50);
	width: 400px;
	height: 40px;
	margin-top: -75px;
	margin-left: 380px;
	padding: 10px;
}

#imginfo strong{
	font-size: 14px;
}

/* FOOTER */
#footer{
	color: #333;
	font-size: 10px;
	font-family: Arial;
	padding-top: 20px;
	width: 800px;
	float: right;
}

#footer a{
	color: #444;
	border-bottom: 1px dotted #666;
	text-decoration: none;
}