*{
	margin:0;
	padding:0;
}
html { min-height:100% }
body {
	background:#F2F2F2 url(../bg.jpg) fixed top left no-repeat;
	background-repeat: no-repeat;
	width:100%;
	height:100%;
	font-family:verdana, arial, helvetica;
	font-size:11px;
	color:#F2F2F2;
	z-index:-1;
	padding:0;
	margin:0;
	min-height:100%;
	-o-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	-khtml-background-size:100% 100%;
	background-size: 100% 100%;
}
.topic h1 {
	font-family:verdana;
	font-size:22px;
	margin:0px;
	letter-spacing:7px;
}
.topic span {
	font-size:9px;
}
.im_wrapper div {
	left:-500px;
	width:125px;
	height:125px;
	position:absolute;
	background-repeat:no-repeat;
	background-color:#F2F2F2;
	cursor:pointer;
	-moz-box-shadow:1px 1px 2px #2F2F2F;
	-webkit-box-shadow:1px 1px 2px #2F2F2F;
	box-shadow:1px 1px 2px #2F2F2F;
}
/*
on hover picture frames change color
*/
.im_wrapper div:hover {
	background-color:#FFDF80;
	}
.im_wrapper div img {
	float:left;
	width:115px;
	height:115px;
	margin:5px 0px 0px 5px;
}
.loading {
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	margin:-35px 0px 0px -35px;
	background:#fff url(../images/loader.gif) no-repeat center center;
	width:70px;
	height:70px;
	z-index:9999;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:1px 1px 2px #2F2F2F;
	-webkit-box-shadow:1px 1px 2px #2F2F2F;
	box-shadow:1px 1px 2px #2F2F2F;
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.next,
.prev {
	width:50px;
	height:50px;
	position:fixed;
	bottom:50%;
	margin-top:-25px;
	cursor:pointer;
	opacity:0.6;
	z-index:1000;
	-moz-box-shadow:0px 0px 2px #2F2F2F;
	-webkit-box-shadow:0px 0px 2px #2F2F2F;
	box-shadow:0px 0px 2px #2F2F2F;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.next:hover,
.prev:hover
{
	opacity:0.9;
}
.next {
	background:#fff url(../images/next.png) no-repeat center center;
	right:-50px;
	/*
	10 to show
	*/
}
.prev {
	background:#fff url(../images/prev.png) no-repeat center center;
	left:-50px;
	/*
	10 to show
	*/
}
#canvas {
	background-color:#F2F2F2;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	opacity:0.2;
}
/*
TOPIC
*/
.topic {
	background-color:none;
	width:100%;
	text-align:center;
	position:fixed;
	top:12px;
	letter-spacing:2px;
	font-family:trebuchet ms, verdana;
	display:none;
	color:#2F2F2F;
}
/*
FOOTER
*/
.footer {
	background-color:none;
	width:100%;
	text-align:center;
	position:fixed;
	bottom:12px;
	letter-spacing:2px;
	font-family:trebuchet ms, verdana;
	font-style:normal;
	font-size:8px;
	display:none;
	color:#2F2F2F;
}
/*
*/