/* exampleXHTML1.html */
	html {
		height : 100%;
		overflow : auto;
	}
		body {
			background : #000000 url(../images/body.png) repeat 0px 0px;
			height : 100%;
			margin : 0px;
			padding : 0px;
		}
		body > form {
			display : table;
			height : 100%;
			width : 100%;
		}
			#bodySection {
				display : table-cell;
				vertical-align : middle;
			}
				#bodyHeader {
					background : #ffffff url(../images/bodyHeader.png) repeat 0px 0px;
					height : 80px;
					text-align : center;
				}
					#headerLogo {
						padding : 25px 0px 0px 0px;
					}
						#headerLogo a {}
						#headerLogo a:link,
						#headerLogo a:visited {}
						#headerLogo a:hover,
						#headerLogo a:active {}
							#headerLogo a img {
								vertical-align : top;
							}
				#bodyDecoration {
					background-color : #000000;
					padding : 0px 0px 0px 0px;
					height : 300px;
					overflow : hidden;
					text-align : center;
				}
					div.flashTitle {}
				#bodyContent {
					background : #7cb51c url(../images/bodyContent.png) repeat 0px 0px;
					clear : both;
					float : left;
					width : 100%;
				}
					#contentArticle {
						margin : 0px auto 0px auto;
						width : 816px;
					}
						#contentArticle div.article {
							float : left;
							padding : 10px;
							width : 388px;
						}
							#contentArticle div.article h2 {}
							#contentArticle div.article p {}
						#contentArticle div.aside {
							float : right;
							padding : 10px;
							width : 388px;
						}
							#contentArticle div.aside h2 {}
							#contentArticle div.aside p {}
				#bodyNav {}
					#demoControls {
						background-color : #cccccc;
						display : none;
						margin : 0px;
						padding : 1em;
						position : fixed;
						right : 1em;
						text-align : center;
						top : 1em;
						width : 8em;
						z-index : 100000;
						filter:alpha(opacity=50);
						-moz-opacity: 0.5;
						opacity: 0.5;
						-khtml-opacity: 0.5;
					}
						#demoControls li {
							list-style-type : none;
						}
					* html #demoControls {
						display : none;
					}
					#portfolioList {
						left : -1000px;
						position : absolute;
						top : 0px;
					}
				#bodyFooter {
					background : #000000 url(../images/bodyFooter.png) repeat-x 0px -10px;
					clear : both;
					height : 41px;
					text-align : center;
				}
					#bodyFooter address {
						color : #7cb51c;
						line-height : 37px;
					}
						#bodyFooter address span {
							color : #ffffff;
							padding : 0px 10px 0px 7px;
						}
							#bodyFooter address span a {}
							#bodyFooter address span a:link,
							#bodyFooter address span a:visited {
								color : #ffffff;
								text-decoration : none;
							}
							#bodyFooter address span a:hover,
							#bodyFooter address span a:active {
								color : #ffffff;
								text-decoration : underline;
							}
			#popUpContainer {
				left : 0px;
				position : absolute;
				top : 0px;
			}

	/* layerPopUp */
		div.popUpLayer {
			display : none;
		}
			div.popUpLayer div.popUpBackground {
				background-color : #000000;
				bottom : 0px;
				left : 0px;
			/*	opacity: 0.5;	-moz-opacity: 0.5;	-khtml-opacity: 0.5;	filter:alpha(opacity=50);	*/
				position : fixed;
				right : 0px;
				top : 0px;
				z-index :20000;
			}
			div.popUpLayer div.popUpForeground {
				bottom : 0px;
				left : 0px;
				position : fixed;
				right : 0px;
				top : 0px;
				z-index : 30000;
			}
				div.popUpLayer div.popUpForeground div.popUpWindow {
					display : table;
					height : 100%;
					margin : 0px auto 0px auto;
					position : relative;
					vertical-align : middle;
					width : 730px;
				}
					div.popUpLayer div.popUpForeground div.popUpWindow div.popUpContents {
						color : #000000;
						display : table-cell;
						padding : 0px 1em 0px 0px;
						overflow : auto;
						text-align : center;
						vertical-align : middle;
					}
						div.popUpLayer div.popUpForeground div.popUpWindow a.popUpCloser {
							cursor : pointer;
							float : right;
							margin : -12px -12px -12px 0px;
							position : relative;
						}
						div.popUpLayer div.popUpForeground div.popUpWindow a.popUpOpener {
							display : none;
						}
						div.popUpLayer div.popUpForeground div.popUpWindow div.popUpContents p {
							background-color : #ffffff;
							border : solid 5px #ffffff;
							margin : 0px;
							width : 720px;
						}
							div.popUpLayer div.popUpForeground div.popUpWindow div.popUpContents p img.illustration {
								vertical-align : top;
								margin : 0px;
							}
					div.popUpLayer div.popUpForeground div.popUpWindow iframe.popUpContents {
						height : 20em;
						width : 40em;
					}
		iframe.popUpLayer {
			bottom : 0px;
			height : 100%;
			left : 0px;
			position : fixed;
			right : 0px;
			top : 0px;
			width : 100%;
			z-index : 10000;
		}
		body.popUpLayer {
			background : Transparent none;
			margin : 0px;
			padding : 0px;
		}
					
		/* animation sequence */
		div.popUpLayer.step_0 {display : block;}
			div.popUpLayer.step_0 div.popUpBackground {	filter:alpha(opacity=10);	-moz-opacity: 0.1;	opacity: 0.1;	-khtml-opacity: 0.1;}
			div.popUpLayer.step_0 div.popUpForeground {	filter:alpha(opacity=50);	-moz-opacity: 0.2;	opacity: 0.2;	-khtml-opacity: 0.2;}
		div.popUpLayer.step_1 {display : block;}
			div.popUpLayer.step_1 div.popUpBackground {	filter:alpha(opacity=20);	-moz-opacity: 0.2;	opacity: 0.2;	-khtml-opacity: 0.2;}
			div.popUpLayer.step_1 div.popUpForeground {	filter:alpha(opacity=50);	-moz-opacity: 0.4;	opacity: 0.4;	-khtml-opacity: 0.4;}
		div.popUpLayer.step_2 {display : block;}
			div.popUpLayer.step_2 div.popUpBackground {	filter:alpha(opacity=30);	-moz-opacity: 0.3;	opacity: 0.3;	-khtml-opacity: 0.3;}
			div.popUpLayer.step_2 div.popUpForeground {	filter:alpha(opacity=50);	-moz-opacity: 0.6;	opacity: 0.6;	-khtml-opacity: 0.6;}
		div.popUpLayer.step_3 {display : block;}
			div.popUpLayer.step_3 div.popUpBackground {	filter:alpha(opacity=40);	-moz-opacity: 0.4;	opacity: 0.4;	-khtml-opacity: 0.4;}
			div.popUpLayer.step_3 div.popUpForeground {	filter:alpha(opacity=50);	-moz-opacity: 0.8;	opacity: 0.8;	-khtml-opacity: 0.8;}
		div.popUpLayer.step_4 {display : block;}
			div.popUpLayer.step_4 div.popUpBackground {	filter:alpha(opacity=50);	-moz-opacity: 0.5;	opacity: 0.5;	-khtml-opacity: 0.5;}
			div.popUpLayer.step_4 div.popUpForeground {	filter:alpha(opacity=100);	-moz-opacity: 1.0;	opacity: 1.0;	-khtml-opacity: 1.0;}
		div.popUpLayer.step_5 {display : block;}
			div.popUpLayer.step_5 div.popUpBackground {	filter:alpha(opacity=40);	-moz-opacity: 0.4;	opacity: 0.4;	-khtml-opacity: 0.4;}
			div.popUpLayer.step_5 div.popUpForeground {	filter:alpha(opacity=80);	-moz-opacity: 0.8;	opacity: 0.8;	-khtml-opacity: 0.8;}
		div.popUpLayer.step_6 {display : block;}
			div.popUpLayer.step_6 div.popUpBackground {	filter:alpha(opacity=30);	-moz-opacity: 0.3;	opacity: 0.3;	-khtml-opacity: 0.3;}
			div.popUpLayer.step_6 div.popUpForeground {	filter:alpha(opacity=60);	-moz-opacity: 0.6;	opacity: 0.6;	-khtml-opacity: 0.6;}
		div.popUpLayer.step_7 {display : block;}
			div.popUpLayer.step_7 div.popUpBackground {	filter:alpha(opacity=20);	-moz-opacity: 0.2;	opacity: 0.2;	-khtml-opacity: 0.2;}
			div.popUpLayer.step_7 div.popUpForeground {	filter:alpha(opacity=40);	-moz-opacity: 0.4;	opacity: 0.4;	-khtml-opacity: 0.4;}
		div.popUpLayer.step_8 {display : block;}
			div.popUpLayer.step_8 div.popUpBackground {	filter:alpha(opacity=10);	-moz-opacity: 0.1;	opacity: 0.1;	-khtml-opacity: 0.1;}
			div.popUpLayer.step_8 div.popUpForeground {	filter:alpha(opacity=20);	-moz-opacity: 0.2;	opacity: 0.2;	-khtml-opacity: 0.2;}
		div.popUpLayer.step_9 {display : none;}
			div.popUpLayer.step_9 div.popUpBackground {	filter:alpha(opacity=0);	-moz-opacity: 0.0;	opacity: 0.0;	-khtml-opacity: 0.0;}
			div.popUpLayer.step_9 div.popUpForeground {	filter:alpha(opacity=0);	-moz-opacity: 0.0;	opacity: 0.0;	-khtml-opacity: 0.0;}
		div.popUpLayer.noFadeIn {display : block !important;}
			div.popUpLayer.noFadeIn div.popUpBackground {	filter:alpha(opacity=50) !important;	-moz-opacity: 0.5 !important;	opacity: 0.5 !important;	-khtml-opacity: 0.5 !important;}
			div.popUpLayer.noFadeIn div.popUpForeground {	filter:alpha(opacity=100) !important;	-moz-opacity: 1.0 !important;	opacity: 1.0 !important;	-khtml-opacity: 1.0 !important;}

		/* exception: popup without scroll-bar and full height content */
		div.popUpLayer.fullHeightPopUp {}
			div.popUpLayer.fullHeightPopUp div.popUpForeground {
				overflow : auto;
			}
				div.popUpLayer.fullHeightPopUp div.popUpForeground div.popUpWindow {}
					div.popUpLayer.fullHeightPopUp div.popUpForeground div.popUpWindow div.popUpContents {
						height : auto;
						overflow : visible;
					}