body {
	padding: 0px;
	font-family: "courier new",	courier, monospace;
	background: #999;
	line-height: 100%;
	text-align: center; /* centering for IE 5 */
}

a:active{ -moz-outline-style: none; outline: none; } /* firefox and MSIE dotted borders on links */
a:focus{ -moz-outline-style: none; outline: none; } /* firefox and MSIE dotted borders on links */
a img{ border-style:none; }

#imagebox {
	position: relative;
	top: 50px;		/* this is set by javascript */
	width: 900px;	/* this is set by javascript */
	height: 600px;	/* this is set by javascript */
	margin: auto;
	clear: both;
}


#image {
	position: relative;
	width: 100px;	/* this is set by javascript */
	height: 100px;	/* this is set by javascript */
	top: 100px;		/* this is set by javascript */
	border: 1px #fff solid;
	padding: 2px;
}

.cropmarksi { position: absolute; background: #fff; }
#cropmark1i { top: -25px; left: 0px; width: 1px; height: 15px; } /* position is set by javascript */
#cropmark2i { top: -25px; right: 0px; width: 1px; height: 15px; } /* position is set by javascript */
#cropmark3i { bottom: -25px; left: 0px; width: 1px; height: 15px; } /* position is set by javascript */
#cropmark4i { bottom: -25px; right: 0px; width: 1px; height: 15px; } /* position is set by javascript */

.cropmarks { position: absolute; background: #fff; }
#cropmark1h { top: 0px; left: -25px; width: 15px; height: 1px; }
#cropmark2h { top: 0px; right: -25px; width: 15px; height: 1px; }
#cropmark3h { bottom: 0px; left: -25px; width: 15px; height: 1px; }
#cropmark4h { bottom: 0px; right: -25px; width: 15px; height: 1px; }

#cropmark1a { top: -25px; left: 0px; width: 1px; height: 15px; }
#cropmark2a { top: -25px; right: 0px; width: 1px; height: 15px; }
#cropmark3a { bottom: -25px; left: 0px; width: 1px; height: 15px; }
#cropmark4a { bottom: -25px; right: 0px; width: 1px; height: 15px; }

#cropmark1b { top: -25px; left: 0px; width: 1px; height: 15px; } /* position is set by javascript */
#cropmark2b { top: -25px; right: 0px; width: 1px; height: 15px; } /* position is set by javascript */
#cropmark3b { bottom: -25px; left: 0px; width: 1px; height: 15px; } /* position is set by javascript */
#cropmark4b { bottom: -25px; right: 0px; width: 1px; height: 15px; } /* position is set by javascript */

#cropmark1c { top: -25px; left: 0px; width: 1px; height: 15px; } /* position is set by javascript */
#cropmark2c { top: -25px; right: 0px; width: 1px; height: 15px; } /* position is set by javascript */
#cropmark3c { bottom: -25px; left: 0px; width: 1px; height: 15px; } /* position is set by javascript */
#cropmark4c { bottom: -25px; right: 0px; width: 1px; height: 15px; } /* position is set by javascript */

#text {
	position: absolute;
	bottom: -80px;
	width: 100%;	/* this is set by javascript */
	height: 50px; 
	font-size: 13px;
	font-weight: normal;
	color: #fff;
}

#title {
	position: absolute;
	top: -80px;
	height: 50px; 
	width: 100%;	/* this is set by javascript */
	font-size: 13px;
	font-weight: normal;
	color: #fff;
	border-spacing:0;
}
#title a, a:visited { color: #fff; text-decoration: none; }
#title a:hover { color: #555; }
#title td { vertical-align:bottom; }

#nav {
	position: absolute;
	bottom: -100px;
	height: 20px;
	width: 100%;	/* this is set by javascript */
	font-size: 15px;
	font-weight: bold;
	color: #fff;
}
#nav a, a:visited { color: #fff; text-decoration: none; }
#nav a:hover { color: #333; }

#credits {
	position: absolute;
	top: 711px; 	/* this is set by javascript */
	right: 0px;
	color: #bbb;
	text-align: right;
	font-size: 11px;
}
#credits a, a:visited { color: #bbb; text-decoration: none; }
#credits a:hover { color: #ddd; }