@media only screen 
 and (min-height: 0px) and (max-height: 751px) 
 { 
 	.louise_footer {
		font-size: 0em;
		visibility: hidden;	
		}
	a:hover {
		font-size:1em;
		}

 }  /* the end of the media query  */
  @media only screen 
 and (min-width: 1005px) 
 {
	#homelist-large {
		visibility: visible;		
		}
	#homelist-small {
		font-size: 0em;
		visibility: hidden;
		}
	.td-homelist {
		font-size: 0.95em;
		}	
	a:hover {
		font-size:1em;		
		}

	 
 }  /* the end of the media query  */  
 @media only screen 
 and (min-width: 933px) and (max-width: 1004px) 
 {
	#homelist-large {
		visibility: visible;		
		}
	#homelist-small {
		font-size: 0em;
		visibility: hidden;
		}
	.td-homelist {
		font-size: 0.9em;
		}
	a:hover {
		font-size:1em;
		}
	
 }  /* the end of the media query  */
 @media only screen 
 and (min-width: 773px) and (max-width: 932px) 
 {
	#homelist-large {
		font-size: 0em;
		visibility: hidden;		
		}
	#homelist-small {
		visibility: visible;		
		}
	.td-homelist {
		font-size: 1.0em;
		}
	.table-intro {
		font-size: 0.9em;
		}
	.branding {
		font-size: 1.5em;
		text-indent: 30px;		
		}
	#image-detail {
		height: 22em;		
		}
	#too-long {
		height: 10em;
		}
	#image-detail-intro {
		height: 22em;
		}
	#text {
		font-size: 0.9em;
		text-align: left;	
		}
	#the-list a:link {
		color:#d6d6c4;
		font-size:0.8em;
	}
	#the-list a:hover {
		font-size:0.8em;
		color:#FFF;
		}
	a:hover {
		font-size:1em;
		color:#FFF;
		}
	.photo-img {	
		width: 35em;			
		margin-top: 20%;
		margin-left: 20%;
		}	
 }  /* the end of the media query  */
/* THINEST  VERSION VERTICAL */
 @media only screen 
 and (min-width: 234px) and (max-width: 772px) 
 {
	.pagewrap {
		margin: 0px 0px 0px 0px; /* the bottom margin is the negative value of the footer's height */	
		}
	#homelist-large {
		font-size: 0em;
		visibility: hidden;		
		}
	#homelist-small {
		visibility: visible;		
		}
	#image-detail {
		height: 20em;
		}
	#too-long {
		height: 8em;
		}
	#image-detail-intro {
		height: 20em;
		}
	.td-homelist {
		font-size: 0.9em;
		}	

	#back-next {
		font-size: 0.8em;
		}
	#text {
		font-size: 0.8em;
		text-align: left;	
		}
	.table-intro {
		font-size: 0.8em;
		}		
	.branding {
		font-size: 1.0em;
		text-indent: 30px;		
		}
	.branding.td {
		width: 30em;
		}
	.branding2 {		
		font-size: 0.7em;
		text-align: left;
		text-indent: 90px;			
		}
	.dark_text {
		font-size: 0.6em;		
		}
	.branding3 {
		font-size: 1.5em;
		}
	#the-list a:link {
		color:#d6d6c4;
		font-size:0.8em;
		}
	#the-list a:hover {
		font-size:0.8em;
		color:#FFF;
		}
	a:hover {
		font-size:1em;
		color:#FFF;
		}
	.louise_footer {
		font-size: 0em;
		visibility: hidden;	
		}
	.photo-img {	
		width: 30em;			
		margin-top: 15%;
		margin-left: 15%;
		}

}  /* the end of the media query  */