body {
	background-color: #000;
	margin:0;
	padding:0;
	color:#FFFFFF;
	line-height:27px;
	font-size:18px;
	font-family: 'Iceland', Arial;
 
}


 
A:link {
	color: #FFD54F;
	text-decoration: none;
}
A:visited {
	color: #FFD54F;
	text-decoration: none;
}
A:active {
	color: #FFD54F;
	text-decoration: none;
}
A:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
   
.border{ 

border:2px solid #00426F;

}   
   

 .el{ position:relative; display:block; height:70px;z-index:20; } 
 #el1,#el2,#el3,#el4{ position:absolute;   } 
 #h11,#h12,#h13,#h14{ position:absolute; left:70px;  }  
 #text1,#text2,#text3,#text4{   width:500px;  display: block; position:relative; z-index:20;padding-bottom:300px;  }   
 
  
 #noise {
	background-image: url(../images/noise.gif); 
	position:fixed; z-index:14;
	background-position:center;
	width:100%; height:100%; display:block;
	overflow:hidden;
	opacity:0;
 
}

 #ground {
	background-image: url(../images/bg1.jpg);
	background-repeat: repeat-y; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/bg1.png', sizingMethod='crop');
	position:fixed; z-index:10;
	background-position:center top;
	width:100%; height:100%; display:block;
	overflow:hidden;
}
#monsters {
	background-image: url(../images/monsters.png);
	background-repeat:  repeat-y;
 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/monsters.png', sizingMethod='crop');
	
	position:fixed; z-index:11;width:100%; height:100%;   display:block;
	background-position:center;
	overflow:hidden;
 
}
#elem {
	background-image: url(../images/elem.png);
	background-repeat:  repeat;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/elem.png', sizingMethod='crop');
		position:fixed; z-index:12;width:100%; height:100%;   display:block;
	background-position:center;
	overflow:hidden;
}
* html #monsters {
	/* because IE6 can't do transparent PNGs for backgrounds */
  background-image: url(clouds.gif);
}
.menu {
	width:960px;
	margin:0 auto;
	position:relative;
}
.container {
	width:500px;
	margin:0 auto;
	text-align:justify;
	 
	
}
.header {
	width:100%;
	height:60px;
	position:fixed;
	text-align:left;
	z-index:9999;
	background-image:url(../images/bgalpha.png);
	background-position:center bottom;
}
.footer {
	background-image:url(../images/bgalpha2.png);
	width:100%;
	background-position:center top;
	position:relative; display:block;
	z-index:14;
 
}
.flags {
	width:250px;
	float:right;
	padding:20px 0;
	position:absolute;
	right:-20px;
}
.logo {
	width:400px;
	float:left;
}
.logos {
	width:960px;
	margin:0 auto;
	text-align:left;
}
.copyrights {
	font-size:12px;
	width:450px;
	float:left;
	padding:20px;
}
.social {
	font-size:12px;
	width:420px;
	float:right; 
	padding:20px  0;
		text-align:right;
}
.hexagon1 {
	width:100px;
	display:block;
	height:100px;
	position:absolute;
	top:64px;
	left:64px;
}
.hexagon2 {
	width:100px;
	display:block;
	height:100px;
	position:absolute;
	top:138px;
	left:20px;
}
.hexagon3 {
	width:100px;
	display:block;
	height:100px;
	position:absolute;
	top:212px;
	left:64px;
}
.hexagon4 {
	width:100px;
	display:block;
	height:100px;
	position:absolute;
	top:285px;
	left:20px;
}
.hexagon11 {
	width:100px;
	display:block;
	height:100px;
	position:absolute;
	top:264px;
	right:63px;
}
.hexagon12 {
	width:100px;
	display:block;
	height:100px;
	position:absolute;
	top:338px;
	right:20px;
}
.hexagon13 {
	width:100px;
	display:block;
	height:100px;
	position:absolute;
	top:412px;
	right:64px;
}
.menuTitle {
	width:100px;
	display:block;
	height:30px;
	position:absolute;
	top:35px;
	margin-left:50px;
	color:#FFFFFF;
}
.opticity {
	background-image:url(../images/hexagon.png);
}
.opticity:hover {
	background-image:url(../images/hexagon_on.png);
}
.facebook {
	width:190px;
	height:350px;
	background-color:#FFFFFF;
	position:absolute;
	right:-60px;
	top:214px;
}
.fxvid {
	width:260px;
	height:132px;
	display:block;
}
#fxvid1 {
	position:absolute;
	right:-52px;
	top:74px;
	width:260px;
	height:132px;
	display:block;
}
.tooltipsy {
	padding: 10px;
	max-width: 200px;
	color: #303030;
	background-color: #f5f5b5;
	border: 1px solid #deca7e;
}


.ButtonFlag {
	margin: 0px 3px;
	margin-top: 7px;
	float:right;
	width:20px;
	height:11px;  
	cursor:pointer; 
	background:  no-repeat scroll 0 -11px;
 
}


.ButtonFlag:hover {
	background-position:0px 0px;
}


   
.screen_bg{
margin:15px 10px; 
float:left;   width:222px; height:148px;


}
 
.screen{
 
	opacity:.8;
	width:222px; height:134px;

  
 
	
	
}
.screen:hover{
	opacity:1;
 
	
	
}
.screenMask{
	background-position:top center;width:220px; height:148px;
	background-image:url(../images/screenMask.png); 

}
 
 
 .ajaxcontent{ position:relative; z-index:40; display:block;   }