html { 
  background: url('../images/4runner_background.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; 
  background-size: cover;
  min-height:100%;  
  display: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  


}

@media screen and (max-width: 1500px) {
    body {        
        background-size:contain;        
    }
    
    #floating_text	{	
	width: 10%;	
   top: 0px;
   right: -30%;
   }
}

@media (max-width: 1500px) and (orientation: portrait)  {
	 height: 100%;
   top: -17%;
   right: -10%;
   overflow: auto;
}

body {
	min-height:100%; 
	max-width: 100%;
  height: 100%;
  overflow: auto;
}

#floating_text	{	
	background: url('../images/main_title.png') no-repeat center center;	
	background-size: 40%;	
   z-index: 10;
   position: relative;
   width: 40%;
   height: 45%;  
   margin: auto;
   overflow: auto;   
   float:left;   
}

#main	{
	padding: 0 0 0 0;
	float: left;
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  
}