html,body,#bg,#bg table,#bg td{width:100%;height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; overflow:hidden; margin:0; padding:0; }
body{background:#e4e8e9; font-size:12px; }

a:link {
    color: #FFFFFF;
}

/* visited link */
a:visited {
    color: #FFFFFF;
}

/* mouse over link */
a:hover {
    color: #FFFFFF;
}


@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	}



input{
border:0; 
padding:0px; 
font-family:Arial, sans-serif; 
font-size:11px;
margin:2px; 

}

input, button
{
color:#000000;
}


#bg {width:100%; height:100%;
	top: 0px;
	left: 0px;
	background-image: url(bgs/2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	background-position:bottom;
	background-position:right;
	overflow:hidden;
	z-index:1;
	}
#bg2 {width:100%; height:100%;
	top: 0px;
	left: 0px;
	background-image: url(bgs/3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	background-position:bottom;
	background-position:right;
	overflow:hidden;
	z-index:1;
	}
#bg3 {width:100%; height:100%;
	top: 0px;
	left: 0px;
	background-image: url(bgs/4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	background-position:bottom;
	background-position:right;
	overflow:hidden;
	z-index:1;
	}
#bg4 {width:100%; height:100%;
	top: 0px;
	left: 0px;
	background-image: url(bgs/5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	background-position:bottom;
	background-position:right;
	overflow:hidden;
	z-index:1;
	}
#bg5 {width:100%; height:100%;
	top: 0px;
	left: 0px;
	background-image: url(bgs/6.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	background-position:bottom;
	background-position:right;
	overflow:hidden;
	z-index:1;
	}



#logo{position:absolute; width:50%; right:0px; top:0px; z-index:16; margin: 0 0; text-align:right; background:#000000;}

#headlines{position:absolute; width:100%; left:10%; top:15%; z-index:16; text-align:left; font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	font-size: 3.5vw;
	line-height: 35px;
	
	color: #FFFFFF;
	opacity: 0.7;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
    padding: 0px 0px 5px 0px;
}

#cont_index{position:absolute; width:420px; height:350px; bottom:9%; left:10%; z-index:2; margin: 0 auto; text-align:left; overflow:hidden;  
background: none; background-repeat:repeat; border: 0px solid; border-radius: 10px; padding:25px; z-index:3}


#cont{position:absolute; width:420px; height:350px; bottom:9%; left:10%; z-index:2; margin: 0 auto; text-align:left; color:#CCCCCC; overflow:hidden;  
background:#2e2e2f; border: 0px solid; border-radius: 10px; padding:25px; z-index:3}
  
#mid{ position:relative; width:100%; top:15px; z-index:4; margin: 0 auto; overflow:auto; height:290px; padding:5px; font-size:10px; font-size:12px;}

#textnav{position:relative; width:100%; bottom:-15px; z-index:5; margin: 0 auto; overflow:hidden; height:11px; padding:0px; font-size:10px; text-align:right;}

#mid-container {
  position: relative;
  background:#999999;
}


#mid-bg {
background-image: url(bgs/2.jpg);
background-repeat: no-repeat;
background-size: contain;
z-index:99;


  /* Absolutely position it, but stretch it to all four corners, then put it just behind #search's z-index */
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width:100%;
  height:100%;

  /* Pull the background 70px higher to the same place as #bg's */
  

  filter: blur(5px);
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  filter: url('/media/blur.svg#blur'); /* for Firefox */
}