/**
 * Grid container
 */
#tiles {
list-style-type: none;
position: relative; /** Needed to ensure items are laid out relative to this container **/
margin: 0;
}

/**
 * Grid items
 */
#tiles li {
width: 290px;
height:410px;
display: none; /** Hide items initially to avoid a flicker effect **/
cursor: pointer;
}

#tiles li img {
width: 290px;
height:410px;
display: block;
}

/**
 * Grid item text
 */


/**
 * Some extra styles to randomize heights of grid items.
 */
#tiles ali:nth-child(3n) {
height: 175px;
}

#tiles ali:nth-child(4n-3) {
padding-bottom: 30px;
}

#tiles ali:nth-child(5n) {
height: 250px;
}

#grids {
padding: 0px 0 0px 0;
}