body {background-color:white;
		}
	
img {font-family:Verdana;
		font-size:10px;
		color:black;
		}

a.img_back {display:block;
			width:99px;
			height:74px;
			}
		
.worktable img {
		border-style:dotted;
		border-color:grey;
		border-width:1px 0 1px 0;
		}		
		
.enter {position:absolute;
	top:200px;
	left:35%;
	width:223px;
	height:223px;
	background-color:grey;
	}
		
	
.logo {position:absolute;
	top:5px;
	left:10px;
	width:378px;
	height:51px;
	background:url(imgs/logo.gif) no-repeat;
	z-index:1;
	}
	
.mainframe {position:absolute;
	top:180px;
	left:0px;
	width:800px;
	height:441px;
	overflow:visible;
	background-color:black;
	z-index:1;
	}	
	
	.mainframe td {width:100px;}
	
.mainframebg {position:absolute;
	top:180px;
	left:0px;
	width:100%;
	height:441px;
	background-color:black;
	z-index:0;
	}
	
.mainframebg2 {position:absolute;
	top:180px;
	left:0px;
	width:100%;
	height:441px;
	background-color:black;
	z-index:0;
	}
	
.pointer {position:absolute;
		top:628px;
		left:10px;
		width:186px;
		height:28px;
		background:url(imgs/pointer.gif) repeat;
		z-index:4;
		}
	
.borderline {position:absolute;
	top:512px;
	left:0px;
	width:100%;
	height:38px;
	border-bottom:dotted 74px;
	border-color:white;
	z-index:2;
	}	
	
.mainframebg p {position:absolute;
	top:0px;
	left:700px;
	font-family:Helvetica, arial, sans-serif;
	font-size:10px;
	color:#898989;
	line-height:16px;
	z-index:5;
	}
	
	.mainframebg p span {color:white;}
	
	.mainframebg p#text {position:absolute;
	top:0px;
	left:736px;
	font-family:Helvetica, arial, sans-serif;
	font-size:10px;
	color:white;
	text-align:right;
	
	line-height:16px;
	z-index:5;
	}
	
	.mainframebg p#text b {font-weight:bold; color:#898989;}
	
	.mainframebg p#text span {text-decoration:underline;}
		
a.link:link {text-decoration:none; font-size:10px; color:white;}
a.link:visited {text-decoration:none; font-size:10px; color:white;}
a.link:active {text-decoration:none; font-size:10px; color:white;}
a.link:hover {text-decoration:underline; font-size:10px; color:#898989;}	
	
	
	
	
.thumbnail {
position:relative;
top:0px;
left:0px;
width:99px;
height:74px;
z-index: 0;
}

.thumbnail:hover {
background-color:transparent;
z-index:1;
}

.thumbnail span { /*CSS for enlarged image*/
position:absolute;
background-color:white;
border:1px solid white;
visibility:hidden;
}

.thumbnail span img { /*CSS for enlarged image*/
border-width:0;
padding:4px;
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility:visible;
top:-60px;
left:150px; /*position where enlarged image should offset horizontally */
}	

.thumbnail:hover span#2 { /*CSS for enlarged image on hover*/
visibility:visible;
top:-86px;
left:150px; /*position where enlarged image should offset horizontally */
}	

.thumbnail:hover span#3 { /*CSS for enlarged image on hover*/
visibility:visible;
top:-265px;
left:150px; /*position where enlarged image should offset horizontally */
}

.thumbnail:hover span#4 { /*CSS for enlarged image on hover*/
visibility:visible;
top:-295px;
left:150px; /*position where enlarged image should offset horizontally */
}

.thumbnail:hover span#4b { /*CSS for enlarged image on hover*/
visibility:visible;
top:-208px;
left:150px; /*position where enlarged image should offset horizontally */
}

.thumbnail:hover span#b { /*CSS for enlarged image on hover*/
visibility:visible;
top:-60px;
left:-270px; /*position where enlarged image should offset horizontally */
}	

.thumbnail:hover span#2b1 { /*CSS for enlarged image on hover*/
visibility:visible;
top:-86px;
left:-390px; /*position where enlarged image should offset horizontally */
}	

.thumbnail:hover span#2b { /*CSS for enlarged image on hover*/
visibility:visible;
top:-86px;
left:-274px; /*position where enlarged image should offset horizontally */
}	

.thumbnail:hover span#2b2 { /*CSS for enlarged image on hover*/
visibility:visible;
top:-86px;
left:-410px; /*position where enlarged image should offset horizontally */
}	

.thumbnail:hover span#2b3 { /*CSS for enlarged image on hover*/
visibility:visible;
top:-86px;
left:-390px; /*position where enlarged image should offset horizontally */
}

.thumbnail:hover span#2b4 { /*CSS for enlarged image on hover*/
visibility:visible;
top:-86px;
left:-360px; /*position where enlarged image should offset horizontally */
}

.thumbnail:hover span#3b { /*CSS for enlarged image on hover*/
visibility:visible;
top:-265px;
left:-274px; /*position where enlarged image should offset horizontally */
}

.thumbnail:hover span#4b2 { /*CSS for enlarged image on hover*/
visibility:visible;
top:-295px;
left:-274px; /*position where enlarged image should offset horizontally */
}

.thumbnail:hover span#4b3 { /*CSS for enlarged image on hover*/
visibility:visible;
top:-200px;
left:-290px; /*position where enlarged image should offset horizontally */
}

.content {position:absolute;
			top:10px;
			left:10px;
			width:780px;
			height:420px;
			overflow:hidden;
			z-index:3;
			}
			
.worktablebg {position:absolute;
		top:204px;
		left:0px;
		width:800px;
		height:375px;
		border-style:dotted;
		border-color:grey;
		border-width:0 1px 0 0;
		}