@font-face { font-family: 'Star'; src: url('font/T-StarPro.otf'); }     
    
html,body {
   margin:0;
   padding:0;
   height:100%;
   background:#fff;
   color:#999;
   font-family:'Star', sans-serif;
}



#top, #bottom, #left, #right {
	background: #fff;
	position: fixed;
	}
	
#left, #right {
	top: 0; bottom: 0;
	width: 0px;
}

#left { left: 0; }

#right { right: 0; }
		
#top, #bottom {
	left: 0; right: 0;
	height: 0px;
}

#top { top: 0; }

#bottom { bottom: 0px;}

#txt {color:#e1e1e1; text-align:center; height:40px; position:relative; top:-300px; width:50%; margin:0 auto; font-weight:lighter;}
    

a {   font-family:'Star', sans-serif; text-decoration:underline; color:#e1e1e1;}
    
a:hover {text-decoration:none; color:#666;}

#container{ position:relative; min-height:100%; width:100%; }




#header {
	margin-left:50px;
   	margin-top:50px;
	font-size:13px;
	font-family: 'Maven Pro', sans-serif;
	z-index:100;
	position:absolute;
}

#header .headercell{float:left; color:#fff;}


#footer {
   position:absolute;
   bottom:0;
   height:814px;   
   width:100%;
}



#container {
   height:100%;
	background: url(http://www.livid.be/clients/betruerecords/btr-background.jpg) no-repeat scroll;
	background-position: center;  
	background-size: cover; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}


.homeContent {
    height: 100%;
    width: 100%;
    position: relative;
    margin: 0 auto;
	text-align:right;
}
	
	.logo{
		position:absolute;
		color:#fff;
		top:40%;
		left:50%;
		padding:15px;
		-ms-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
    }



@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) {
    
   

   .logo img{
		width:100%;
    
    }
    
    #txt {color:#e1e1e1; text-align:center; height:40px; position:relative; top:-90px; width:50%; margin:0 auto; font-weight:lighter;}


}


@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){

  

   .logo img{
		width:100%;
    
    }
    
    #txt {color:#e1e1e1; text-align:center; height:40px; position:relative; top:-90px; width:50%; margin:0 auto; font-weight:lighter;}


}