/* --------------------------------------------------------------------- */
/*  tec8ni.com CSS													 */
/* --------------------------------------------------------------------- */
/*  Last modification: Aug 21 2008										 */

html, body {
	height: 100%;         /* required */
	background-color: #000000;
	background-image: url(images/grille_background.jpg); background-position:center; background-repeat:no-repeat;
}
body {
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
}


.bodycopy {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 13px;
	font-weight:normal;
	line-height: 16px;
	text-decoration: none;
}
.bodycopysmall {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 11px;
	font-weight:normal;
	line-height: 16px;
	text-decoration: none;
}
.bodycopybold {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 13px;
	font-weight:900;
	line-height: 22px;
	text-decoration: none;
}
.bodycopyinput {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 13px;
	font-weight:normal;
	line-height: 16px;
	text-decoration: none;
}
a.mainlink:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 13px;
	font-weight:bold;
	line-height: 16px;
	text-decoration:none;
	border-bottom: 1px solid #CC0000;
}
a.mainlink:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 13px;
	font-weight:bold;
	line-height: 16px;
	text-decoration:none;
	border-bottom: 1px solid #CC0000;
}
a.mainlink:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #CC0000;
	font-size: 13px;
	font-weight:bold;
	line-height: 16px;
	text-decoration:none;
	border-bottom: 1px solid #CC0000;
}
a.mainlink:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 13px;
	font-weight:bold;
	line-height: 16px;
	text-decoration:none;
	border-bottom: 1px solid #CC0000;
}
label {
	color:#FFF;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	letter-spacing: 0pt;
}
div#distance { 
	margin-bottom: -340px; /* half of content height */
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */

}
div#content {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 680px;         /* required - desired height */
	width: 480px;          /* required - desired width */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
}
div#distance_error { 
	margin-bottom: -320px; /* half of content height */
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */

}
div#content_error {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 360px;         /* required - desired height */
	width: 480px;          /* required - desired width */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
}
#logo {
	width:282px;
	height:287px;
	position: absolute;
	left: -302px;
	top: -50px;
	z-index: 2;
}
input.regbtn {width:92px; height:32px; background: url(images/submitbutt_off.png) no-repeat; outline: none }
input.regbtn:hover {background: url(images/submitbutt_over.png) no-repeat; outline: none }

.imgcell{
opacity: 1;
}
.imgcell:hover{
opacity: 0.6;
}