html, body {
margin:0;
padding:0;
height: 100%;
background-color: #f7f7f7;
  
  font-family:Georgia, serif;
  font-size:12px;
  color:#727272;
}
#container {
  position: relative;
  margin:auto;
  width:900px;
  min-height: 100%;
  border: 2px solid #f7f7f7;
}
 
/* IE6 hack */
* html #container {
  height: 100%;
}

body>div#container {
height: auto;
min-height: 100%;
}

div#content {
width:900px;
}

#titolog {
	width:900px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	color:#000000;
	text-align: center;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-transform: uppercase;
	font-size: 30px;
	font-weight:bold;
	z-index : 110;
}

#main {
	display:block;
	margin-top:-20px;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:570px;
	z-index:90;
}

.exposureTarget {
	background-color:#f7f7f7;	
	background-image:url(res/loader.gif);
	background-repeat:no-repeat;
	background-position:center center;	
	padding:0;
	margin:0;
	border:1px solid #000000;
	position:relative;
	overflow:hidden; 
}
.exposureWrapper {
	position:absolute; 
	top:0; 
	left:0;
}
.exposureWrapper img {
	cursor:pointer;
}
.exposureLoaded {
	background-image:none;	
}

.exposureControls span,
.exposureControls a {
	font-family:Georgia, serif;
	font-style: italic;
	font-weight: bold;
	font-size:13px;
	color:#727272;
	padding:4px;
	background-color:#f7f7f7;
	display:block;
	float:left;
}

.exposureControls a {
	color:#000000;
	text-decoration:none;
	outline:none;
}

.exposureControls a:active,
.exposureControls a:hover {
	background-color:#ffffff;
	color:#000000;
}

.exposurePaging .active {
	color:#000000;
	background-color:#f7f7f7;	
}

.clear {
	clear:both;	
}

div#footer1 {
position:absolute;
text-align:center;
font-weight: lighter;
font-size:12px;
bottom: 0;
padding:3px 0 3px 0;
margin-bottom:10px;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
width: 100%;
z-index:150;
}