/* CSS Document */

body {
background-color: #000000;
text-align: center;
}
/*Z 1*/
#frame {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	height: 800px;
	width: 1000px;
	background-image: url(../images/portal_frame.png);	
	text-align: left;
	z-index: 1;
}
	/*Z 2*/
	#header{
		position: absolute;
		margin: 0px;
		padding: 0px;
		top: 115px;
		right: 140px;
		width: 395px;
		height: 113px;
		z-index: 2;
	}
	
	#links{
		position: relative;
		margin: 0px;
		padding: 0px;
		top: 237px;
		left: 100px;
		width: 800px;
		height: 399px;
		z-index: 2;
	}
		/*Z 3*/
		#ygallery{
			position: absolute;
			top: -65px;
			left: 26px;
			margin: 0px;
			padding: 0px;
			width: 241px;
			height: 211px;
			z-index: 3;
		}
			/*Z 4*/
			#ygallery_image {
				position:absolute;
				top: 0px;
				left: 0px;
				width:280px;
				height: 399px;
				/*border-style: dashed;*/
				/*border-color: #FF0000;*/
				z-index: 4;
			}
				/*Z 5*/
				#ygallery_hover {
					position:absolute;
					top: 0px;
					left: 0px;
					width:241px;
					height: 211px;
					/*border-style: dashed;*/
					/*border-color: #FF0000;*/
					visibility:hidden;
					z-index: 5;
				}
					/*Z 6*/
					#ygallery_trigger_box {
						position:absolute;
						top: 6px;
						left: 22px;
						width: 208px;
						height: 200px;
						/*border-style: dotted;*/
						/*border-color: #663399;*/
						z-index: 6;
					}
		/*Z 3*/
		#deviant{
			position: absolute;
			top: 184px;
			left: 22px;
			margin: 0px;
			padding: 0px;
			width: 249px;
			height: 212px;
			z-index: 3;
		}
			/*Z 4*/
			#deviant_image {
				position:absolute;
				top: 0px;
				left: 0px;
				width:249px;
				height: 212px;
				/*border-style: dashed;*/
				/*border-color: #FF0000;*/
				z-index: 4;
			}
				/*Z 5*/
				#deviant_hover {
					position:absolute;
					top: 0px;
					left: 0px;
					width:249px;
					height: 212px;
					/*border-style: dashed;*/
					/*border-color: #FF0000;*/
					visibility:hidden;
					z-index: 5;
				}
					/*Z 6*/
					#deviant_trigger_box {
						position:absolute;
						top: 15px;
						left: 26px;
						width: 208px;
						height: 193px;
						/*border-style: dotted;*/
						/*border-color: #663399;*/
						z-index: 6;
					}
		/*Z 3*/		
		#comic{
			position: absolute;
			left: 265px;
			margin: 0px;
			padding: 0px;
			width: 280px;
			height: 399px;
			z-index: 3;
		}
			/*Z 4*/
			#comic_image {
				position:absolute;
				top: 0px;
				left: 0px;
				width:280px;
				height: 399px;
				/*border-style: dashed;*/
				/*border-color: #FF0000;*/
				z-index: 4;
			}
				/*Z 5*/
				#comic_hover {
					position:absolute;
					top: 0px;
					left: 0px;
					width:280px;
					height: 399px;
					/*border-style: dashed;*/
					/*border-color: #FF0000;*/
					visibility:hidden;
					z-index: 5;
				}
					/*Z 6*/
					#comic_trigger_box {
						position:absolute;
						top: 15px;
						left: 6px;
						width: 244px;
						height: 314px;
						/*border-style: dotted;*/
						/*border-color: #663399;*/
						z-index: 6;
					}
		
		/*Z 3*/		
		#home{
			position: absolute;
			margin: 0px;
			padding: 0px;
			left: 495px;
			width: 305px;
			height: 399px;
			z-index: 3;
		}
			/*Z 4*/
			#home_image {
				position:absolute;
				top: 0px;
				left: 0px;
				width:305px;
				height: 399px;
				/*border-style: dashed;*/
				/*border-color: #FF0000;*/
				z-index: 4;
			}
				/*Z 5*/
				#home_hover {
					position:absolute;
					top: 0px;
					left: 0px;
					width:305px;
					height: 399px;
					/*border-style: dashed;*/
					/*border-color: #FF0000;*/
					visibility:hidden;
					z-index: 5;
				}
					/*Z 6*/
					#home_trigger_box {
						position:absolute;
						top: 48px;
						left: 28px;
						width: 270px;
						height: 341px;
						/*border-style: dotted;*/
						/*border-color: #663399;*/
						z-index: 6;
					}