/*----	General	---- */	

		
/*----	Layout Order	---- */	

	Body{
		margin: 0px;
		padding: 0px;
		background-color: #FAFAD2;
	}	

	#Container{
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		width: 770px;
		height: 100%;
		border: 1px solid #191970;
	}
	
	#Header{
		position: relative;
		top: 0px;
		left: 0px;
		width: 770px;
		height: 120px;
		cursor: pointer;
		background: url(../Images/HeaderBG.jpg) no-repeat;
	}
	
			#Logo{
				position: relative;
				top: 10px;
				left: 10px;
				width: 178px;
				height: 110px;
				float: left;
				background: url(../Images/Logo.png);
			}
			
			#Slogen{
				position: relative;
				top: 20px;
				left: 10px;
				width: 185px;
				height: 72px;
				float: left;
			}
			
					#Slogen H2.Line1{
						font: bold 16pt Arial, Helvetica, sans-serif;
						color: #191970;
						text-align: left;
						text-indent: 5px;
						padding: 0px;
						margin: 0px;
					}
					
					#Slogen H2.Line2{
						font: bold 16pt Arial, Helvetica, sans-serif;
						color: #191970;
						text-align: left;
						text-indent: 55px;
						padding: 0px;
						margin: 0px;
					}
					
					#Slogen H2.Line3{
						font: bold 16pt Arial, Helvetica, sans-serif;
						color: #191970;
						text-align: left;
						text-indent: 105px;
						padding: 0px;
						margin: 0px;
					}
			
			#CompanyTitle{
				position: relative;
				top: 10px;
				right: 10px;
				width: 230px;
				height: 80px;
				text-align: center;
				float: right;
			}
			
					#CompanyTitle H1.Line1{
						font: bold 18pt Arial, Helvetica, sans-serif;
						color: #FFFFFF;
						text-indent: 5px;
						padding: 0px;
						margin: 0px;
					}
					
					#CompanyTitle H1.Line2{
						font: bold 26pt Arial, Helvetica, sans-serif;
						color: #FFFFFF;
						padding: 0px;
						margin-top: -10px;
						margin: 0px;
					}
					#Slogen a, #CompanyTitle a{
						text-decoration: none;
					}
			
			
	
	#Content{
		position: relative;
		top: 0px;
		left: 0px;
		width: 770px;
		min-height: 350px;
		background: url(../Images/ContentBG.jpg) no-repeat;
	}
	
	#ContentForText{
		position: relative;
		top: 0px;
		left: 0px;
		width: 770px;
		min-height: 350px;
		height: 100%;
		background: url(../Images/ContentForTextBG.jpg) no-repeat;
	}
	
			#MenuContainer{
				position: absolute;
				top: 0px;
				left: 10px;
				width: 750px;
				height: 30px;
				z-index: 50;
			}
							
					#MainMenu{
						position: absolute;
						top: 0px;
						left: 0px;
						width: 500px;
						height: 30px;
						z-index: 50;
					}
					
						#Contact{
							position: absolute;
							top: 10px;
							left: 0px;
							width: 120px;
							height: 20px;
							background-color: #ffc700;
							border: 1px solid #191970;
							text-align: center;
							font: bold 11pt Arial, Helvetica, sans-serif;
							color: #191970;
							text-decoration: none;
						}
			
					#FlagMenuContainer{
						position: absolute;
						top: -45px;
						right: -50px;
						float: right;
						z-index: 50;
					}
					
							#FlagMenu{
								position: relative;
								top: 0px;
								left: 0px;
								width: 280px;
								font: bold 9pt Arial, Helvetica, sans-serif;
							}
					
							#FlagMenu ul{
								margin: 0px;
								padding: 0px;
							}
						
							#FlagMenu li{
								display: inline;
								text-align: center;
								cursor: pointer;
							}
						
							#FlagMenu a{
								text-align: center;
								margin-right: 10px;
								float: left;
								width: 50px;
								padding-top: 60px;
								text-decoration: none;
								color: #510000;
							}
						
							#FlagMenu a.Israel{
								background: url(../Images/Flag_Israel.png) no-repeat top;
							}
						
							#FlagMenu a.Usa{
								background: url(../Images/Flag_Usa.png) no-repeat top;
							}
						
							#FlagMenu a.Russia{
								background: url(../Images/Flag_Russia.png) no-repeat top;
							}
						
							#FlagMenu a.France{
								background: url(../Images/Flag_France.png) no-repeat top;
							}
			
			#ContentContainer{
				position: absolute;
				top: 55px;
				left: 10px;
				width: 750px;
				min-height: 300px;
				z-index: 1;
			}
			
					#Intro{
						position: absolute;
						top: 0px;
						left: 0px;
						width: 320px;
						height: 240px;
						border: 3px solid #ffc700;
					}
					
							#IntroSound{
								position: absolute;
								top: 215px;
								left: 5px;
								width: 240px;
								height: 20px;
								float: left;
								z-index: 3;
							}
					
					#HomeMenu{
						position: absolute;
						top: 0px;
						left: 330px;
						width: 420px;
						height: 30px;
					}
					
					#TextContainer{
						position: absolute;
						top: 100px;
						left: 350px;
						width: 250px;
						height: 220px;
						text-align: right;
						direction: rtl;
						vertical-align: top;
						font: bold 10pt Arial, Helvetica, sans-serif;
					}
					
					#GeneralTextContainer{
						position: absolute;
						top: 0px;
						left: 0px;
						width: 750px;
						height: 350px;
						text-align: right;
						vertical-align: top;
						direction: rtl;
						font: bold 10pt Arial, Helvetica, sans-serif;
						z-index: 1;
					}
					
					#FormTextContainer{
						position: absolute;
						top: 0px;
						left: 370px;
						width: 380px;
						height: 450px;
						text-align: right;
						vertical-align: top;
						direction: rtl;
						font: bold 10pt Arial, Helvetica, sans-serif;
						z-index: 1;
					}
					
							#TextContainer H1, #GeneralTextContainer H1, #FormTextContainer H1{						
								font: bold 16pt Arial, Helvetica, sans-serif;
								color: #191970;
								padding: 0px;
								margin: 0px;
							}
					
					#ScrollerContainer{
						position: absolute;
						top: 100px;
						left: 610px;
						width: 150px;
						height: 200px;
						background-color: #DCDCDC;
						filter:alpha(opacity=70); /* IE's opacity*/
						-moz-opacity:0.7; /* FF's opacity*/
						border: 1px solid #ffc700;
					}
					
							#Scroller{
								width: 100%;
								margin-top: 8px;
								height: 190px;
								direction: rtl;
								overflow:hidden;
							}
							
							#Scroller #DataContainer{
								width: 100%;
							}
						
							#Scroller #MessageContainer{
								padding-bottom: 40px;
								font: bold 9pt Arial, Helvetica, sans-serif;
							}
						
							#Scroller #MessageText{
								direction: rtl;
								margin: 5px;
							}
							
							#Scroller #ScrollerTitle{
								color: #191970;
								font: bold 11pt Arial, Helvetica, sans-serif;
								padding-bottom: 2px;
								direction: rtl;
							}
							
							#Scroller #ScrollerDateTime{
								text-align: left;
								direction: rtl;
								color: Maroon;
								padding-top: 5px;
								padding-bottom: 15px;
							}		

					
					#FormContainer{
						position: absolute;
						top: 0px;
						left: 0px;
						width: 350px;
						height: 380px;
						padding: 5px;
						text-align: right;
						vertical-align: top;
						direction: rtl;
						font: bold 9pt Arial, Helvetica, sans-serif;
						background-color: #CFDBEB;
						filter:alpha(opacity=90); /* IE's opacity*/
						-moz-opacity:0.9; /* FF's opacity*/
						border: 1px solid #191970;
					}											

	
	#Footer{
		position: relative;
		top: 0px;
		left: 0px;
		width: 770px;
		height: 70px;
		background: url(../Images/FooterBG.jpg) no-repeat;
	}
	
			#BottomMenu{
				position: relative;
				top: 8px;
				right: 0px;
				float: right;
				font: bold 9pt Arial, Helvetica, sans-serif;
			}
	
			#BottomMenu ul{
				margin: 0px;
				padding: 0px;
			}
		
			#BottomMenu li{
				display: inline;
				text-align: center;
				cursor: pointer;
			}
		
			#BottomMenu a{
				text-align: center;
				margin-right: 10px;
				float: left;
				width: 70px;
				padding-top: 45px;
				text-decoration: none;
				color: #510000;
			}
		
			#BottomMenu a.btn01{
				background: url(../Images/BottomMenu_btn01.png) no-repeat top;
			}
		
			#BottomMenu a.btn02{
				background: url(../Images/BottomMenu_btn02.png) no-repeat top;
			}
		
			#BottomMenu a.btn03{
				background: url(../Images/BottomMenu_btn03.png) no-repeat top;
			}
		
			#BottomMenu a.btn04{
				background: url(../Images/BottomMenu_btn04.png) no-repeat top;
			}
			
			#Leumi{
				position: relative;
				top: 10px;
				left: 10px;
				width: 120px;
				height: 55px;
				border: 1px solid;
			}
			
			#Leumi img{
				border: none;
			}
			
	
	#FormContainer H2{
		font: bold 12pt Arial, Helvetica, sans-serif;
		color: #191970;
		padding: 0px;
		margin: 0px;
	}
			
	Input{
		width: 250px;
		height: 18px;
		border: 1px solid #6495ED;
		direction: rtl;
		text-align: right;
		text-indent: 5px;
	}
	
	Select{
		width: 250px;
		height: 18px;
		border: 1px solid #6495ED;
		direction: rtl;
		text-align: right;
		text-indent: 5px;
	}
	
	Textarea{
		width: 250px;
		height: 50px;
		border: 1px solid #6495ED;
		direction: rtl;
		text-align: right;
		text-indent: 5px;
	}
	
	Input.Submit{
		width: 80px;
		height: 20px;
		border: 1px solid #6495ED;
		text-align: center;
		font-family: bold 9pt Arial, Helvetica, sans-serif;
		background-image: url(../Tarantula/Images/SubmitButtonBG.png);
		
	}