html {
    width: 100%;
    overflow-x: hidden;
}

body {
	padding:0px; 
	margin:0px; 
	width: 100%;
	max-width:100%;
	height:100%;
	overflow-x:hidden;
}

header {
	width: 100%;
        height:44px;
	background-color:#0b0b0b;
	margin: 0px auto; 
	padding:0px; 	
}

.gray-content-background {
    display: -webkit-box;      
    display: -moz-box;         
    display: -ms-flexbox;      
    display: -webkit-flex;     
    display: flexbox;             
    flex-wrap: wrap; 
    -webkit-justify-content: space-between;
    justify-content: space-between; 
    width: 100%; 
    max-width:947px;
    border:1px solid #F8F8F8; 
    background-color:#F8F8F8;
    padding: 0px;
    margin: 0px auto;	 
}

.profiletile {
    width:180px; 
    border:1px solid #D8D8D8; 
    padding:0px; 
    font-size: 14px; 
    background-color:white;
    margin-bottom: 10px;
}

/* This will make the last row of tiles to not have bottom padding */
.profiletile:nth-last-child(-n + 5):nth-child(5n + 1), 
.profiletile:nth-last-child(-n + 5):nth-child(5n + 1) ~ .profiletile 
{
    margin-bottom:0px;   
}

.profiletilephoto {
    position: relative; 
    margin:auto; 
    max-width:150px;
    width:100%; 
    height:auto;   
    display:block; 
    padding-top:15px;
}

.profiletile-detail-section {
    max-width:170px; 
    width:100%;
    position:relative; 
    margin-top:10px; 
    margin-bottom:15px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    
}

.profiletile-text-position {
    display:block; 
    margin:auto; 
    text-align:center;
}

.profiletile-price-font {
    font-family: Tahoma, Geneva, sans-serif;     
    text-decoration:none; 
    font-size: 100%; 
    color:#3399FF;    
}

.profiletile-city-state-font {    
     font-family: Tahoma, Geneva, sans-serif;    
     text-decoration:none; 
     font-size: 90%; 
     color:#101010;     
}


@media only screen and (max-width: 1055px) {
     	
     .gray-content-background {	
	width: 100%; 
	max-width: 89.76303%;
     }

    .profiletile { width: 19.000739%; }

    .profiletilephoto {
        width: 83.33333%;     
        margin-bottom:0px;
    }

    .profiletile-detail-section { width: 94.44444%; }    

}


@media only screen and (max-width: 950px) {

    .gray-content-background { 
        padding-bottom:1px;
    }

    .profiletile {
       min-width:328px;
       width: 100%; 
       border-bottom:0px;
       margin-bottom:0px; 
   } 
    
   .profiletilephoto {
       margin:8px;
       padding:0px;
       max-width:80px;  
       width:100%;  
       max-height:80px; 
       height:100%;  
       display:inline-block;
       vertical-align:top;  
    }

   .profiletile-detail-section {     
       margin-top: 7px; 
       margin-right: 0px; 
       display:inline-block;
       vertical-align:top;    
       max-width:140px; 
       width:100%;
       overflow:hidden;
   }

   .profiletile-text-position {
       display:block; 
       margin:auto; 
       text-align:left;
   }

   .profiletile-price-font { font-size: 110%; }

   .profiletile-city-state-font { font-size: 100%; }
    
}