html {
/*Change background base on choosen language - Englis | Arabic*/
	background-image:url(../images/splash_ar.jpg);
	background-repeat:no-repeat;
	height:600px;
	width:800px;
}
#title {
	font-family:"Times New Roman", Times, serif;
	font-size:34px;
	font-weight:bold;
	text-align:center;
	position:absolute;
	left:29px;
	top:240px;
	width:407px;
	height:110px;
	color: #000000;
	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #CCCCCC, 0 0 30px #CCCCCC, 0 0 40px #CCCCCC, 0 0 50px #CCCCCC, 0 0 75px #4FAEFB;
	
		filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=0),
     progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=90),
     progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=180),
     progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=270);
   					
}
#code {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	position:absolute;
	left:29px;
	top:300px;
	width:407px;
	height:29px;
     color: #000000;
	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #CCCCCC, 0 0 30px #CCCCCC, 0 0 40px #CCCCCC, 0 0 50px #CCCCCC, 0 0 75px #4FAEFB; 	
 	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=0),
     progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=90),
     progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=180),
     progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=270);   	  
   					
}

#enter {
/*	background-image:url(../images/enter_en.png);*/
	position:absolute;
	left:175px;
	top:350px;
	width:109px; 
	height:34px;
}
#copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	text-align:center;
	position:absolute;
	left:100px;
	top:580px;
	width:575px;
	height:19px;
}
#copyright_ar {
	font-family:Traditional Arabic;
	font-size:20px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	position:absolute;
	left:100px;
	top:554px;
	width:575px;
	height:23px;
}
#browser {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	text-align:center;
	position:absolute;
	left:100px;
	top:536px;
	width:575px;
	height:19px;
}
#browser_ar {
	font-family:Traditional Arabic;
	font-size:20px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	position:absolute;
	left:100px;
	top:509px;
	width:575px;
	height:24px;

}
.button {  
    position:relative;  
    display:block;  
    height: 30px;  
    width:107px;  
    background:url(../images/enter_ar.png) no-repeat;  
    background-position: top;  
} 
.button span.hover { /*notice the different class: span.hover*/  
	position: absolute;  
    display: block;  
    height: 30px;  
    width: 107px;  
    background: url(../images/enter_ar.png) no-repeat;  
    background-position: bottom;  
    }  
/* Step 1: Build the Animation */
@-webkit-keyframes aniload {
  from {opacity:0}
  to   {opacity:1}
}

@-moz-keyframes aniload {
  from {opacity:0}
  to   {opacity:1}
}

@-ms-keyframes aniload {
  from {opacity:0}
  to   {opacity:1}
}

@-o-keyframes aniload {
  from {opacity:0}
  to   {opacity:1}
}

@keyframes aniload {
  from {opacity:0}
  to   {opacity:1}
}
/* Step 2: Call the Animation */
.fadeIn-2s {
  -webkit-animation:aniload 5s;
  -moz-animation:aniload 5s;
  -ms-animation:aniload 5s;
  -o-animation:aniload 5s;
  animation:aniload 5s;
}