/* --------------------------- */
/* GENERALs */
/* --------------------------- */
html, body { 
	margin: 0px; 
	padding: 0px; 
	height: 100%; 
}

body {
	text-align: left;
	margin: 0px; 
	padding: 0px;
	background-color: #fff;
}
 
html, body, td, div, p {
	font-size: 12px; 
	font-family: Arial, Helvetica, Geneva;
	color: #231f20;
}
a:link, a:visited, a:active { color: #231f20; text-decoration: underline; }
a:hover { color: #000; text-decoration: underline; }

a { outline: none; }

p { margin: 0px; }





/* --------------------------- */
/* DIVs */
/* --------------------------- */


.hpBg {
	background: url( ../../../graphics/body_bg.jpg ) no-repeat center top;
	/*overflow: hidden;*/
}


div#hpHeader {
	width: 100%;
	height: 100px;
	position: relative;
	margin: 0px;
	border: 0px solid #000;
}


div#pgHeader {
	width: 100%;
	height: 100px;
	position: relative;
	background-color: #fff;
	margin: 0px;
	border: 0px solid #000;
}
	
	div#pgHeaderLogo {
		width: 310px;
		height: 100px;
		
		margin-top: 0px;
		margin-left: 0px;
		text-align: left;
		border: 0px solid #fff;
	}
	div#pgHeaderLogo img { width: 270px; height: 80px; margin-top: 20px; margin-left:40px; border: 0px solid #fff; }

	
	div#pgHeaderLanguages {
		width: 100px;
		height: 200px;
		position: absolute;
		top: 4px;
		right: 20px;
		text-align: right;
		font-size: 12px; 
		border: 0px solid #fff;
	}
	div#pgHeaderLanguages A:link, div#pgHeaderLanguages A:visited { text-decoration: none; color: #231f20; }
	div#pgHeaderLanguages A:active, div#pgHeaderLanguages A:hover { text-decoration: underline; color: #231f20; }
	
	
	
	
div#pgMiddle {
	width: 100%;
	height: 530px;
	position: relative;
	margin: 0px;
	text-align: center;
	border: 0px solid #f00;
}
	div#hpLogo {
		width: 360px;
		height: 110px;
		position: relative;
		margin-top: 170px;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center;
		border: 0px solid #f00;
	}
	div#hpLogo img { width: 360px; height: 110px; margin: 0px; border: 0px solid #f00; }


	div#hpLanguages {
		width: 100%;
		height: 40px;
		margin-top: 50px;
		padding: 0px;
		text-align: center;
		font-size: 12px; 
		color: #231f20;
		border: 0px solid #fff;
	}
	div#hpLanguages A:link, div#hpLanguages A:visited { text-decoration: none; color: #231f20; }
	div#hpLanguages A:active, div#hpLanguages A:hover { text-decoration: underline; color: #231f20; }

	
	div#pgMiddleVisual {
		width: 100%;
		height: 310px;
		margin-top: 0px;
		padding: 0px;
		text-align: center;
		border: 0px solid #f0f;
	}
	div#pgMiddleVisual img { width: 900px; height: 310px; margin: 0px; border: 0px solid #f00; }
	
	div#pgMiddleText {
		width: 600px;
		/*height: 220px;*/
		margin-top: 30px;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-bottom: 6px;
		padding: 0px;
		text-align: left;
		border: 0px solid #000;
	}
	
	
	div#overlay {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		background-color: #000;
		padding: 0px;
		border: 0px solid #000;
		display: none;
		z-index: 100;
	}
	div#productGallery {
		width: 100%;
		height: 500px;
		position: absolute;
		top: 110px;
		left: 0px;
		text-align: center;
		display: none;
		z-index: 110;
	}
		div#productGalleryBoard {
			width: 600px;
			height: 500px;
			position: relative;
			margin-left: auto !important;
			margin-right: auto !important;
			background-color: #fff;
			z-index: 111;
		}
			
			div#galleryBoardTop {
				width: 560px;
				height: 28px !important;
				height: 30px;
				line-height: 30px;
				position: absolute;
				top: 0px;
				left: 20px;
				text-align: right;
				border-bottom: 2px solid #bfbfbf;
				z-index: 112;
			}
			div#galleryBoardTop A:link, div#galleryBoardTop A:visited { text-decoration: none; color: #231f20; }
			div#galleryBoardTop A:active, div#galleryBoardTop A:hover { text-decoration: underline; color: #231f20; }
			
			div#galleryBoardImg {
				width: 540px;
				height: 400px;
				position: absolute;
				top: 50px;
				left: 30px;
				border: 0px solid #000;
				z-index: 112;
			}
			
			
			div#galleryArrowsBot {
				width: 600px;
				height: 34px;
				position: absolute;
				bottom: 0px;
				left: 0px;
				z-index: 112;
			}
			div#galleryArrowsBot img { width: 34px; height: 34px; border: 0px; }
	
				#arraowSx {
					position: absolute;
					bottom: 0px;
					left: 0px;
					z-index: 114;
				}
				#arraowDx { 
					position: absolute;
					bottom: 0px;
					right: 0px;
					z-index: 114;
				}
				
				div#galleryArrowsBotTit {
					width: 500px;
					height: 30px;
					position: absolute;
					bottom: 2px;
					left: 50px;
					border: 0px solid #000;
					z-index: 112;
				}
					
				
	
	
	
	
	
	
	div.clearBoth {
		width: 99%;
		height: 1px;
		clear: both;
		border: 0px solid #E1E1DB;
	}
	
	
	
	
/* --------------------------- */
/* TOOLBAR */
/* --------------------------- */

	
/* --------------------------- */
/* FOOTBAR */
/* --------------------------- */
	
div#hpFooter {
	width: 100%;
	height: 32px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	/*background-color: #231f20; */
	text-align: center;
	border: 0px solid #918f90;
}
	div#hpFooter .hpFooter-inner {
		width: 900px;
		height: 32px;
		line-height: 32px;
		position: relative;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center;
		font-family: arial, geneva;
		font-size: 10px;
		color: #231f20; 
		border-top: 0px solid #fff;
		z-index: 10;
	}
	div#hpFooter A:link, div#hpFooter A:visited { text-decoration: none; color: #231f20; }
	div#hpFooter A:active, div#hpFooter A:hover { text-decoration: underline; color: #231f20; }
	
	
	
	
	
div#pgFooter {
	width: 100%;
	height: 32px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: #231f20; 
	text-align: center;
	border: 0px solid #918f90;
}
	div#pgFooter .pgFooter-inner {
		width: 900px;
		height: 32px;
		line-height: 32px;
		position: relative;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center;
		font-family: arial, geneva;
		font-size: 10px;
		color: #fff; 
		border-top: 0px solid #fff;
		z-index: 10;
	}
	div#pgFooter A:link, div#pgFooter A:visited { text-decoration: none; color: #fff; }
	div#pgFooter A:active, div#pgFooter A:hover { text-decoration: underline; color: #fff; }