.mainBody{margin-top:4px;}
.gallery{font-size:11px;}
.gallery h3{font-size:12px;}
.gallery .category{
    /*width:325px;*/
    float:right;
    /*margin:10px 0px 10px 5px;*/
}
.gallery .category img,.gallery .no-photo{width:325px;height:243px;border-radius: 10px;border-radius: 10px;margin-top: 10px;}
.gallery .no-photo{background:#FAFAFA}
.gallery .details h4,.gallery .details p{color: #333;direction:rtl;font-size: 17px;text-align: center;padding: 10px;margin:0;font-weight: bold;}
.gallery .details p{font-size:11px;    color: #fff;font-weight: 500;}

.ic_container{
    vertical-align:baseline;

    position:relative;
    /*-moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-box-shadow: 0 1px 3px #888;
    -webkit-box-shadow: 0 1px 3px #888;*/
}
.overlay{
    opacity:0.3;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.ic_caption{
	width:325px !important;
    position:absolute;    
    opacity:0.6;   
    overflow:hidden;
    margin:0px 0 10px 0;
    padding:0px;
    left:0px;
    right:10px;
    cursor:default;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.ic_category{
    text-transform:uppercase;
    font-size:11px;
    padding:5px;
    margin:0px;
}
.ic_caption h3{
    padding:0px 8px 2px 5px;
    margin:0px;
    font-size:16px;
	color:#FFF;
}
.ic_text{
    padding:5px;
    /*margin:0px;*/
    text-align:justify;
    font-size:11px;

}

/**
 * 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: 325px !important;
	height: auto !important;
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 8px #A7A7A7;
	box-shadow: 0px 0px 8px #A7A7A7;
	overflow: hidden;
	display: none;
	cursor: pointer;
	padding: 10px;
}

#tiles li img {
display: block;
}

/**
 * Grid item text
 */
#tiles li p {
color: #fff;
padding: 5px 10px 1px 5px;
text-transform: uppercase;
}
#tiles li p a{
	display:inline-block;
}
#tiles li p a img{
	vertical-align: middle;
	padding: 0px 5px;
}
#tiles li p span{
	float: right;
}
/**
 * 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;
}

#mainFrame{
padding: 30px 0 30px 0;
}