html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	height: 100%;
	/*background-image: url("../img/bg_gradient.jpg");
	background-repeat:repeat-x;*/
	background-color: #000000;
	padding: 0px; 
	margin: 0px;
}


object { 
	outline:none; /* FF won't show a dotted line around the swf */
}


a{
	color: #2c3c46;
	font-size: 8pt;
	text-decoration: none;
}
a:hover{
	color: #2c3c46;
	text-decoration: underline;
}



#wrapper_header_flash{
 	/*background-color: green;
	height: 100px;*/
	/* overflow: hidden;*/
}
	#flash_oversize_left{
		background-color: #000000;
		height: 36px;  
		position: absolute; 
		z-index: auto; 
		width: 50%; 
		left: 0; 
		top: 0;
		/*background-color: #ff3e43; 
		background-image: url("../img/bg_oversize_left.jpg");
		background-repeat: repeat-x;
		background-position: top left;*/
	}
	#flash_oversize_right{
		background-color: #000000;
		height: 36px;  
		position: absolute; 
		z-index: auto; 
		width: 50%; 
		right: 0; 
		top: 0;
		/* background-color: #f27616; 
		background-image: url("../img/bg_oversize_right.jpg");
		background-repeat: repeat-x;
		background-position: top right;*/
	}
	
	#navigation{
		padding: 0; 
		margin:0; 	
		width: 100%; 
		color: #666666; 
		font-family: Trebuchet MS;
		font-size: 10pt;
		text-align: center;
		background-image: url("../img/bg_menu.jpg");
		background-repeat: no-repeat;
		z-index: 1;
		position: relative;	
		background-position: top center;
		height: 100px;
		
	}
		
		#navigation img{
			border: none;
			margin: 0;
			padding: 0;
			width: 20px;
			height: 20px;
		}
		#navigation div {
			margin: 0;
			padding: 0;
			height: 50px;
			width: 100%;
			vertical-align: middle;
			float: right;	
		}

	#slideshow{
		padding: 0; 
		margin:0; 	
		height: 135px;
		background-image: url("../img/header_start.jpg");
		background-repeat: no-repeat;
	}
		#menu_main{
			color: #FFFFFF;
			text-align: center;
			margin: 0px 0 5px 0;
			padding: 5px 0 0 0;		
			clear: both;

			/*
			width: 905px;
			margin: 0 auto 0 auto;*/
		}
			table.menu_main a:link{
				color: #FFFFFF;
				width: 60px;
				font-weight: bold;
				margin: 0;
				padding: 0 10px 0 10px;
				float: left; 
			}
			table.menu_main a:visited{
				color: #FFFFFF;
				font-weight: bold;
				margin: 0;
				padding: 0 10px 0 10px;
				float: left; 
			}
			table.menu_main a:hover{
				text-decoration: none;
			}
			
			table.menu_main{
				color: #FFFFFF;
				margin: 0 auto 0 auto;
			}
				table.menu_main tr{
					text-align: center;
				}
					table.menu_main tr td{
						color: #FFFFFF;
						text-align: center;
						font-size: 9pt;
						padding: 0;
						margin: 0px;
						vertical-align: middle; 
					}
					
					table.menu_main tr td a:link{
						width: auto;
						font-size: 9pt;
						padding: 0;
						margin: 0 15px 0 15px;
					}
					
					table.menu_main tr td a:visited{
						font-size: 9pt;
						padding: 0;
						margin: 0 15px 0 15px;
					}
					
					/* PAUL - set color depending on the menu items - ALTERNATE HTML menu */
					table.menu_main strong, p{
						font-size: 9pt;
						margin: 0 15px 0 15px;
						padding: 0;
					}

					td.item1{
						border-right: 1px solid #71e6f8;   	/* menu item 1 */
					}
						td.item1 a:hover{
							color: #71e6f8;  	/* menu item 1 */
						}
					strong.item1{
						color: #71e6f8;
					}	
					td.item2{
						border-right: 1px solid #DC01AB; 	/* menu item 2 */
					}
						td.item2 a:hover{
							color: #DC01AB;   	/* menu item 1 */
						}
					strong.item2{
						color: #DC01AB;
					}
					td.item3{
						border-right: 1px solid #c0c902;	/* menu item 3 */
					}
						td.item3 a:hover{
							color: #c0c902;   	/* menu item 1 */
						}
					strong.item3{
						color: #c0c902;
					}
					td.item4{
						border-right: 1px solid #ff9900;	/* menu item 4 */
					}
						td.item4 a:hover{
							color: #ff9900;   	/* menu item 1 */
						}
					strong.item4{
						color: #ff9900;
					}
					/*
					td.item5{
						border-right: 1px solid #1f9c18;	
					} */
						td.item5 a:hover{
							color: #1f9c18;   	/* menu item 1 */
						}
					strong.item5{
						color: #1f9c18;
					}

	#wrapper_main { 
		margin: 0px auto 0 auto;
 		width: 905px;
	 	height: auto;
		display: table;
		position: relative;
		padding: 0;
	}
		#wrapper_lang{
			width: 30px;
			height: 100px;
			margin: 0;
			padding: 0;
			float: right;
		}
			#wrapper_lang p{
				float: right;
				margin: 0;
				padding: 0;
			}
			#wrapper_lang a{
				float: right;
				margin: 0;
				padding: 0;
			}
			#wrapper_lang img{
				border: 0;
				padding: 0;
				margin: 0 0 5px 0;
				border: 1px solid  #999999;
				float: right; 
			}
				
		.wrapper_content{
			height: auto;
			padding: 0;
			margin: 0;
			font-size: 8pt;
			color: #676665;	
			display: inline-block;	
			width: 522px;
			float: left;
		}
			#container_header{
				color: #333;
				width: 875px;
				height: 145px; /* not nice, but otherwise in the alternate content there will be no space between header and content */
				margin: 0;
			/*	margin: 0 0 20px 0; */
				padding: 0;
				float: none;
			}
			
			#container_content{
				width: 875px;
				float: left;
				margin: 0;
				padding: 0;
				color: #FFFFFF;
			}	
			
				.content img{
					width: 200px;
					border: 1px solid #756e34;
					padding: 0;
					margin: 0 10px;
					float: right;
				}
				.content p.p_img{
					width: 250px;
					padding: 0;
					margin: 0;
					float: left;
					text-align: justify;	
				}
			
				img.content{
					border: none;
					height: 200px;
					width: 300px;
				}
/* ============= STYLESHEET INFORMATION - HOME PAGE */
				.wrapper_content_home{
					/*background-color: #283a44;*/
					background-color: #192830;
					background-image: url("../img/bg_gradient.jpg");
					background-repeat: repeat-x;
					width: 875px;
					height: auto;
					display: table;
					padding: 0;
					margin: 0 0 25px 0;
				}
					.wrapper_content_home h1{
						/*color: #71e6f8;*/
						color: #a5a6a6;
						font-size: 9pt;
						padding: 0;
						margin: 0px 0 5px 10px;
					}
					.wrapper_content_home p{
						color: #f4f4f4;
						font-size: 8pt;
						padding: 0 20px 0 0 ;
						margin: 0px 0 15px 10px;
					}					
					
					.wrapper_content_home  a:link{
							font-size: 8pt;
							color: #71e6f8;
							font-weight: bold;
						}
						.wrapper_content_home  a:visited{
							color: #71e6f8;
							font-weight: bold;
						}
					
					.wrapper_content_home ul{
						color: #FFFFFF;
						font-size: 8pt;
						padding: 0;
						margin: 0 0px 10px 20px;
						list-style-type: circle;
					}
						
						.wrapper_content_home ul li{
							padding: 0;
							margin: 0 ;
							margin-left: 10px;
						}
					.wrapper_content_home .wrapper_left{
						width: 340px;
						height: 100%;
						display: table;
						padding: 0 0 0 10px;
						margin: 10px 0 0 0;
						float: left;
					}
					.wrapper_content_home .wrapper_center{
						width: 260px;
						height: 100%;
						display: table;
						padding: 0 0 0 10px;
						margin: 10px 0 0 0;
						float: left;
						/*border-left: 1px solid #333333;
						border-right: 1px solid #333333;*/
						/*border-left: 1px solid #11181c;
						border-right: 1px solid #11181c;*/
						border-left: 1px solid #696969;
						border-right: 1px solid #696969;
					}
					.wrapper_content_home .wrapper_right{
						width: 230px;
						height: 100%;
						display: table;
						padding: 0 0 0 10px;
						margin: 10px 0 0 0;
						float: right;	
					}		
						.wrapper_content_home .wrapper_right img{
							width: 200px;
							height: 120px;
							padding: 0;
							margin: 0 0 5px 10px;
							float: none;
							border: 1px solid #666666;
						}
				
	
/* ============= STYLESHEET INFORMATION - OBJECTS/ARCHITECTURE PAGE */				
				.wrapper_content_graphic_top{
					background-image: url("../img/bg_top.png");
					background-repeat: no-repeat;
					font-size: 1pt;
					width: 875px;
					height: 5px;
					margin: 0;
					padding: 0;
					float: none;
				}

				.wrapper_content_objects{
					/*background-color: #283a44;*/
					background-color: #192830;
					background-image: url("../img/bg_gradient.jpg");
					background-repeat: repeat-x;
					width: 875px;
					height: 100%;
					display: table;
					padding: 0;
					margin: 0 0 20px 0;
					float: none;
					
				}
					/* Link definitions OBJECTS */
					.wrapper_content_objects a:link{
						color: #DC01AB; 
						margin: 0 0 0 0px;
						font-weight: bold;
					}
					.wrapper_content_objects a:visited{
						color: #DC01AB;
						font-weight: bold;
					}
					/* TOP LEFT OF THE OBJECT CONTAINER */
					.wrapper_gallery{
						width: 540px;   
						float: left;
						height: auto;
						padding: 0 0 0 10px;
						margin: 20px 0 10px 0px;
						border-right: 1px solid #FFFFFF;
						display: block;
					}
						.wrapper_gallery .left{
							width: 445px;
							float: left;
							margin: 0;
							padding: 0;	
						}
						.wrapper_gallery .left img{
							/*img#preview{*/
								width: 425px;
								height: 180px;
								padding: 0;
								margin: 0 0 0 10px ;
								border: 1px solid  #3f3f3f;
							}
							
						.wrapper_gallery .right{
							width: 70px;
							float: left;
							margin: 0;
							padding: 0;							
						}
							.wrapper_gallery .right a:link{
								margin: 0;
								padding: 0;
								
							}
							.wrapper_gallery .right a:visited{
								margin: 0;
								padding: 0;
							}
	
							img.thumbnail{
								width: 60px;
								height: 50px;
								padding: 0;
								margin: 0 0 9px 0;
								border: 1px solid #3f3f3f;
								z-index: 0;
							}

				.wrapper_content_graphic_bottom{
					background-image: url("../img/bg_bottom.png");
					background-repeat: no-repeat;
					font-size: 1pt;
					width: 875px;
					height: 6px;
					clear: both;
					margin: 0;
					padding: 0;
				}			

				.wrapper_content_architecture{ /* same as container  wrapper_content_objects */
					background-color: #192830;
					background-image: url("../img/bg_gradient.jpg");
					background-repeat: repeat-x;
					width: 875px;
					height: 100%;
					display: table;
					padding: 0;
					margin: 0 0 20px 0;
					float: none;
				}
					/* Link definitions OBJECTS */
					.wrapper_content_architecture a:link{
						color: #c0c902; 
						margin: 0 0 0 0px;
						font-weight: bold;
					}
					.wrapper_content_architecture a:visited{
						color: #c0c902;
						font-weight: bold;
					}

/* ============= STYLESHEET OBJECTS / ARCHITECTURE - WRAPPER INFORMATION / MORE*/							
							
					.wrapper_information{
						width: 300px;
						float: right;
						padding: 0 10px 0 0;
						margin: 15px 0px 0 0;
						/* display: block;*/
						display: table-cell;
						
					}
								
						table.information tr td.label{
							vertical-align: top;
							text-align: left;
						}
						.wrapper_information h1{
							color: #a5a6a6;
							font-size: 11pt;
							padding: 0;
							margin: 5px 0 5px 5px;
							/*margin: 20px 0 10px 20px; */
						}
						.wrapper_information p{
							width: 280px;
							padding: 0;
							margin: 0 0 0 5px;
							text-align: justify;
							display: block;	
							font-size: 8pt;
						}
						
						.wrapper_information ul{
							color: #FFFFFF;
							font-size: 8pt;
							padding: 0;
							margin: 0 0 10px 20px;
							list-style-type: circle;
						}
							.wrapper_information ul a:link{
								font-size: 8pt;
								
							}
							.wrapper_information ul a:visited{
							}
							.wrapper_information ul li{
								padding: 0;
								margin: 0 ;
							}

					.wrapper_more{
						width: 875px;
						float: none;
						/*height: auto;*/
						clear: both;
						margin: 0 0 10px 0;
						padding:  0;
						/*display: none;  doesn't work with IE!*/
						/*overflow: hidden;
						visibility:hidden;
						height: 0px;*/
						visibility: visible;
						display: block; /* for alternative content purpose, so wrapper_more is visible -- FF */
						height: 100%; 
						/*
						display: inline-table;
						border-collapse: collapse;*/
						background-color: #192830;
						background-image: url("../img/bg_more.jpg");
						background-repeat: repeat-y;
					}
						.wrapper_more a:link{
							float: none;
						}
	
						.table{
							display: table;
							/*background-color: green;*/
						}
							.table-row{
								width: 400px;
								height: auto;
								background-color: blue;
								display: table-row;
							}
							.table-cell{
								display: table-cell;
								float: left;
								width: 50px;
								background-color: brown;
							}
						.wrapper_more_details{
							width: 540px;
							float: left;
							height: 100%;
							padding: 0 0 0 10px;
							margin: 0px 0 10px 0px;
							/*border-right: 1px solid #FFFFFF;*/
							display: table-cell;
							/*border-collapse: collapse;
							position: relative;*/
						}
							.wrapper_more_details .left{
								width: 445px;
								float: left;
								margin: 0;
								padding: 0;	
								display: table-cell;
							}
								.wrapper_more_details table.specs{
									font-weight: bold;
									width: 445px;
									float: left;
									margin: 0;
									padding: 0;
								}
									.wrapper_more_details table.specs td.label{
										width: 80px;
										font-weight: bold;
										margin: 0;
										padding: 0;
									}
									
									.wrapper_more_details table.specs td.specs{
										width: 80px;
										font-weight: bold;
										font-size: 9pt;
										color: #a5a6a6;
										margin: 0;
										padding: 0 0 5px 0;				
									}
									.td.label{
										font-weight: bold;
										margin: 0;
										padding: 0;
										
									}
							.wrapper_more_details .right{
								width: 70px;
								float: left;
								margin: 0;
								padding: 0;
								display: table-cell;
							}
								.wrapper_more_details .right a:link{
									margin: 0;
									padding: 0;
								}
						
						.wrapper_more .wrapper_information{ /* other things defined above */
							margin-top: 0px;
						}
							img.designspotter{
								width: 166px;
								border: 0;
								height: 52px;
								margin: 0 0 0 65px;
							}


/* ============= STYLESHEET INFORMATION - ABOUT */
				.wrapper_content_about{
					background-color: #192830;
					background-image: url("../img/bg_gradient.jpg");
					background-repeat: repeat-x; 
					width: 875px;
					height: auto;
					display: table;
					padding: 0;
					margin: 0 0 25px 0;
					
				}
					.wrapper_content_about h1{
						color: #a5a6a6;
						font-size: 9pt;
						padding: 0;
						margin: 0 0 10px 0px;
					}
					.wrapper_content_about img{
						width: 200px;
						border: 1px solid #11181c;
						padding: 0;
						margin: 0 ;
					}
					
					.wrapper_content_about a:link{
						color: #ff9900; 
						margin: 0 0 0 0px;
						font-weight: bold;
					}
					.wrapper_content_about a:visited{
						color: #ff9900;
						font-weight: bold;
					}
		
					.wrapper_content_about p{
						padding: 0;
						margin: 0 0 5px 0;
						float: left;
						font-size: 8pt;
						
					}
					.wrapper_content_about .wrapper_left{
						width: 320px;
						height: 100%;
						display: table;
						padding: 10px 10px 10px 15px;
						margin: 0;
						
						float: left;
						/*	border-right: 1px solid #333333;*/
						/* border-right: 1px solid #11181c; */
						border-right: 1px solid #696969;
						
					}
					.wrapper_content_about .wrapper_right{
						width: 480px;
						height: 100%;
						display: table;
						padding: 10px 15px 10px 10px;
						margin: 0;
						float: right;
						/*border-left: 1px solid #696969;
						border-right: 1px solid #696969;*/
					}
		

/* ============= STYLESHEET INFORMATION - CONTACT */
				.wrapper_content_contact{
					background-color: #192830;
					background-image: url("../img/bg_gradient.jpg");
					background-repeat: repeat-x;
					width: 875px;
					height: auto;
					display: table;
					padding: 0;
					margin: 0 0 20px 0;
				}
					.wrapper_content_contact a:link{
						color: #cc00ff;
						font-weight: bold;
					}
					.wrapper_content_contact a:visited{
						color: #cc00ff;
						font-weight: bold;
					}
					.wrapper_content_contact p{
						margin: 0 0 10px 0;
						padding: 0;
						font-size: 8pt;
					
					}
					.wrapper_content_contact img{
						border: 1px solid #666666;
						width: 200px;
						height: 120px;
										
					}
					.wrapper_content_contact .wrapper_left{
						width: 210px;
						height: 100%;
						display: table;
						padding: 0 10px 10px 0;
						margin: 10px 0 20px 10px;
						float: left;				
					}
				
					.wrapper_content_contact .wrapper_center{
						width: 240px;  
						height: 100%;
						display: table;
						padding: 0 10px 10px 10px;
						margin: 10px 0 20px 0;
						float: left;
						border-left: 1px solid #696969;
						border-right: 1px solid #696969; 
					}
					
					.wrapper_content_contact .wrapper_right{
						width: 330px;
						text-align: left;
						height: 100%;
						display: table;
						padding: 10px 10px 10px 10px;
						margin: 0 0 20px 0;
						float: left;
					}

					form{
						text-align: left;
						font-size: 9pt;
						
					}
					
					table.contact{
						font-size: 9pt;
						width: 100%;
					}
						table.contact tr td.label{
							vertical-align: top;
							text-align: left;
							font-size: 8pt;
						}
						table.contact tr td.input{
							vertical-align: middle;
							padding: 0 0 0 15px;
						}
						.inputContact_free, .inputContact_required{
							width: 200px;
							font-size        : 11px;
							/* color            : #b9bcbd; */
							color            : #22323b;
							/* border           : 1px solid #999999; */
							border: none;
							margin-bottom    : 2px;
							/*  background-color : #EDEDED;*/ 
							padding          : 1px;
							background-color: #56646b;
							border: inset 1px #333333;
							float: right;
						}
						.submit {
							font-size        : 8pt;
							font-weight: bold;
							color            : #cc00ff; 
							border           : 1px solid #FFFFFF; 
							margin    : 10px 5px 2px 5px;
							background-color: transparent;
							float: right;
							padding          : 1px;
						}
						textarea.inputContact_required, textarea.inputContact_free {
							height: 70px;
							text-align: left;
							overflow: hidden;
							/*overflow-y: scroll;*/
							
						
						}
					span#info{
						/* background-color: green;*/
						color            : #cc00ff; 
						text-align: center;
						width: 100%;
						float: none;
						display: block;
						clear: both;
						padding: 0;
						margin: 5px 0 0 0 ;
					}
		


					
	

					
.footer{
	width: 905px;
	height: 24px;
	padding: 0;
	margin: 0 auto 0 auto;
	float: none;
	border-top: 1px solid #333333;
	text-align: center;
}	
	.footer p{
			font-size: 8pt;
			width: 280px;
			color: #666666;
			padding: 0;
			margin: 2px 0;
			text-align: center;
			float: left;
	}
	
	.footer .wrapper_flash{
		width: 300px;
		height: 100%;
		font-size: 8pt;
		color: #666666;
		padding: 0;
		/*margin: 0 auto 0 auto;*/
		float: left;
		text-align: center;	
	}	
		.footer .wrapper_flash p{
			color: #FFFFFF;
			margin: 2px 0;
			width: 300px;
			text-align: left;
			float: left;
			padding: 0;
		}	

	.footer .wrapper_copyright{
		width: 300px;
		font-size: 8pt;
		color: #666666;
		padding: 0;
		/*margin: 0 auto 0 auto;*/
		float: left;
		text-align: center;	
	}	
		
	.footer #wrapper_menu{
		width: 300px;
		font-size: 8pt;
		color: #666666;
		padding: 0;
		float: left;
		/*margin: 0 auto 0 auto;*/
		text-align: right;	
	}	
	
		.footer #wrapper_menu table.menu_bottom{
			width: 200px;
			float: right;
			text-align: right;
			color: #FFFFFF;
			margin: 2px 15px 0 0;
			
		}
			.footer #wrapper_menu table.menu_bottom strong.item1{
				color: #00CC00;
				text-decoration: underline;
				
				
			}	
	
		
	
		
		
		
		
		
		

.loader{
	margin: auto;
	width: 100px;
	height: 100px;
	padding: 100px;
}

.loader img{
	border: 0;
}




.counter{
	border: 0;
}




				.wrapper_content_disclaimer{
					background-color: #192830;
					background-image: url("../img/bg_gradient.jpg");
					background-repeat: repeat-x; 
					width: 875px;
					height: auto;
					display: table;
					padding: 0;
					margin: 0 0 25px 0;
					
				}
.wrapper_content_disclaimer h1{
						color: #a5a6a6;
						font-size: 9pt;
						padding: 0;
						margin: 0 0 10px 0px;
					}
					.wrapper_content_disclaimer img{
						width: 200px;
						border: 1px solid #11181c;
						padding: 0;
						margin: 0 ;
					}
					
					.wrapper_content_disclaimer a:link{
						color: #ff9900; 
						margin: 0 0 0 0px;
						font-weight: bold;
					}
					.wrapper_content_disclaimer a:visited{
						color: #ff9900;
						font-weight: bold;
					}
		
					.wrapper_content_disclaimer p{
						padding: 0;
						margin: 0 0 5px 0;
						float: left;
						font-size: 8pt;
						
					}

.wrapper_content_disclaimer .wrapper_left{
						width: 550px;
						height: 100%;
						
						padding: 10px 10px 10px 0px;
						margin: 0 auto 0 auto;
						
						
						/*	border-right: 1px solid #333333;*/
						/* border-right: 1px solid #11181c; */
						
						
					}
					.wrapper_content_disclaimer .wrapper_right{
						width: 180px;
						height: 100%;
						display: table;
						padding: 10px 15px 10px 10px;
						margin: 0;
						float: right;
						/*border-left: 1px solid #696969;
						border-right: 1px solid #696969;*/
					}