/* --------------------------- */
/* GENERALs */
/* --------------------------- */

/* CSS Documents */
@import url( "privacyStyles.css" );
@import url( "webStyles.css" );



body { background: #002744 url( ../../graphics/lighting_bg.jpg ) no-repeat center top; }

div.h100px { height: 54px; }


div#headerL {
	width: 100%;
	height: 200px; 
	position: relative;
	margin-bottom: 0px;
	/*background-color: #fff;*/
	text-align: center;
	border: 0px solid #000;
	z-index: 1;
}
	
	div#pgHeaderL {
		width: 1000px;
		height: 160px; 
		position: relative;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center;
		border: 0px solid #000;
		z-index: 2;
	}
	
	
div#mainBoardL {
	width: 100%;
	height: auto !important;
	height: 560px; 
	min-height: 560px; 
	position: relative;
	margin-top: 0px;
	/*padding-top: 10px;*/
	/*background-color: #fff;*/
	text-align: center;
	border: 0px solid #000;
	z-index: 5;
}


	div#lightContents {
		width: 1000px;
		height: auto !important;
		height: 500px; 
		min-height: 500px; 
		position: relative;
		margin-left: 0px;
		text-align: left;
		border: 0px solid #fff;
		z-index: 4;
	}
		
		/*-----transp*/
		div.lightStripe {
			position: absolute;
			left: 0px;
			background-color: #fff;
			/*filter: alpha(opacity=20);-moz-opacity: .20; opacity: .20;*/
			z-index: 4;
		}
			div#lightStripeImgBoard {
				width: 640px;
				height: 360px; 
				position: absolute;
				top: 10px; 
				left: 180px;
				/*filter: alpha(opacity=50);-moz-opacity: .50; opacity: .50;*/
				background-color: #fff;
				border: 0px solid #000;
			}
		div#lightStripeImg {
			width: 1000px;
			height: 380px; 
			top: 0px;
		}
		
		div#lightStripeNews {
			width: 1000px;
			height: 110px; 
			bottom: 0px; 
		}
		/*-----transp*/
		
		/*-----visual*/
		div#lightCntImg {
			width: 820px;
			height: 380px; 
			position: absolute;
			top: 0px; 
			left: 0px;
			z-index: 6;
			border: 0px solid #000;
		}
		
			div#lightImgTxt {
				width: 150px;
				height: 300px; 
				position: absolute;
				top: 20px; 
				left: 20px;
				color: #fff;
				overflow: hidden;
				border: 0px solid #000;
			}
			div#lightImgTxt p { color: #fff; margin: 0px; border: 0px solid #000; }
			
			
			div#lightImgBoard {
				width: 500px;
				height: 340px; 
				position: absolute;
				top: 20px; 
				left: 250px;
				border: 0px solid #000;
			}
			
			div#loadingImage {
				width: 500px;
				height: 40px; 
				position: absolute;
				top: 20px; 
				left: 20px;
				color: #fff;
				border: 0px solid #000;
			}
			
		
		
		div#lightCntNews {
			width: 820px;
			height: 110px; 
			position: absolute;
			bottom: 0px; 
			z-index: 6;
		}
		
		div.lightBoxes {
			width: 340px;
			height: 100px; 
			margin-top: 5px;
			/*background-color: #fefefe;*/
			text-align: left;
			border: 0px solid #000;
			z-index: 7;
		}
		div.lightBoxes img.title { border: 0px; margin-left: 80px; margin-bottom: 10px; }
		div#lightBoxLeft { float: left; margin-left: 30px; }
		div#lightBoxRight { float: right; margin-right: 0px; }
		
		div.lightBoxesImg {
			width: 120px;
			height: 60px; 
			float: left;
			border: 0px solid #000;
		}
		div.lightBoxesImg img { width: 120px; height: 60px; border: 0px solid #c4c0c0; }
		
		div.lightBoxesTxt {
			width: 210px;
			float: right;
			text-align: left;
			color: #fff; 
			border: 0px solid #000;
		}
		div.lightBoxesTxt a:link, div.lightBoxesTxt a:visited { color: #fff; text-decoration: none; }
		div.lightBoxesTxt a:active, div.lightBoxesTxt a:hover { color: #fff; text-decoration: underline; }
		
		
		
		
		
		
		div#lightGallery {
			width: 120px;
			height: 540px; 
			position: absolute;
			top: 10px; 
			right: 35px;
			/*background-color: #fff;*/
			background: url( ../../graphics/gallerySlide_bg.gif ) repeat-y 76px top; 
			border: 0px solid #000;
			z-index: 6;
		}
		
			div#lightGalleryArea {
				width: 120px;
				height: 497px; 
				position: absolute;
				top: 24px; 
				right: 0px;
				overflow: hidden;
				border: 0px solid #000;
				z-index: 6;
			}
		
			div#lightGallerySlide {
				width: 120px;
				position: absolute;
				top: 0px; 
				left: 0px;
				border: 0px solid #000;
				z-index: 7;
			}
				div.lightGalleryBox {
					width: 120px;
					height: 65px;
					position: relative;
					margin-bottom: 6px; 
					border: 0px solid #000;
					z-index: 7;
				}
				
				div.lightGalleryBoxImg {
					width: 86px; 
					height: 65px; 
					position: absolute; 
					top: 0px; 
					left: 34px; 
					z-index: 10;
				}
				div.lightGalleryBoxImg img.galleryThumb { width: 86px; height: 65px; border: 0px; }
				
				div.lightGalleryBoxBg {
					width: 86px;
					height: 65px;
					line-height: 65px;
					position: absolute;
					top: 0px; 
					right: 0px;
					text-align: right;
					font-size: 30px;
					color: #fff;
					font-weight: bold;
					background-color: #aaa;
					border: 0px solid #000;
					z-index: 7;
				}
			
						
			div.slideStripeArrow {
				width: 24px;
				height: 24px;
				position: absolute;
				text-align: center;
				border: 0px solid #0f0;
				z-index: 6;
			}
			div#slideStripeArrowPv { top: 9px; right: 66px; }
			div#slideStripeArrowNx { top: 539px; right: 66px; }
			div.slideStripeArrow img { width: 24px; height: 12px; margin: 0px; border: 0px solid #fff; }
			
			
				
		/*-----visual*/
		
		
		div#lightGalleryZoomImg {
			width: 450px;
			height: 340px;
			position: absolute;
			top: 0px; 
			left: 30px;
			border: 0px solid #000;
			z-index: 8;
		}
		div#lightGalleryZoomTxt {
			width: 30px;
			height: 340px;
			position: absolute;
			top: 0px; 
			left: 0px;
			/*background-color: #ccc;*/
			border: 0px solid #000;
			z-index: 8;
		}
		

		
		
	
	
/* ------------------------- */
/* Footer */
/* ------------------------- */

	/* Logos */	
	div#pgLogosL {
		width: 800px;
		height: 50px; 
		position: relative;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-bottom: 0px;
		text-align: center;
		z-index: 3;
	}
	div#pgLogosL img { margin: 4px 3px 3px 2px; border: 0px; }
	
	
div#footerL {
	width: 100%;
	height: 48px; 
	position: relative;
	text-align: center;
	background: #002137;
	border: 0px solid #000;
	z-index: 1;
}