/*========= latestFolio Style ===========*/
/* h4 and ul caegory */
table.category_heading {
    border-collapse:collapse;
    border-spacing:0;
    margin:0 0 30px 0;
    width:100%;
}
table.category_heading tr {
    display: table-row;
}
table.category_heading tr td {
    display: table-cell;
}
table.category_heading tr td.right_border {
    width:40%;
    background:url('../images/icons/header_border.png') repeat-x center;
}
table.category_heading tr td.title_text {
    white-space: nowrap;
    padding:0 12px 0 0;
}
table.category_heading tr td.title_text h4 {
    font:16px 'Droid Sans', sans-serif;
    padding:0;
    margin: 0;
    color:#333;
    text-transform:uppercase;
    /* text shadow */
    text-shadow:0 1px 0 #eee;
    -webkit-text-shadow:0 1px 0 #eee;
    -moz-text-shadow:0 1px 0 #eee;
    -o-text-shadow:0 1px 0 #eee;
}
table tr td ul.category {
	width: 100%;
}
table tr td ul.category li {
	float:left;
	margin:0;
	padding:0;
	margin-left:12px;
}
table tr td ul.category li a:hover {
	color:#cd4450;
	text-shadow:none;
}
 table tr td ul.category li.active h4 a{
 	color:#cd4450;
 }
/*========= end it ===========*/


/*=================== listFolio ===============*/
/* folio Container */
#listFolio ul.folioContainer li {
	margin-bottom:30px;
}

/*========== folioDesc ==========*/

#listFolio ul.folioContainer li div.folioDesc h4 {
	font:400 18px/24px 'Droid Sans', sans-serif;
	color:#323232;
	margin:0 0 12px 0;
}
#listFolio ul.folioContainer li div.folioDesc h4 span {
	color:#9f9f9f;
	font-size:12px;
	font-style:italic;
}
#listFolio ul.folioContainer li div.folioDesc p {
	margin:0 0 24px 0;
}


/*========== folioimg ==========*/
#listFolio ul.folioContainer li div.folio {
	position:relative;
	overflow: hidden;
	margin-bottom:6px;
}
/* setting div */
#listFolio div.setting {
	position:absolute;
	left:50%;
	top:100%;
	margin-left:-30px;
	margin-top:-30px;
	z-index:80;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}
/* view */
#listFolio ul.folioContainer li div a.viewfolio {
	width:35px;
	height:35px;
	display:block;
	background:url('../images/icons/image_hover.png') no-repeat 0 0;
	font:0/0 a;
	box-shadow:none;
	border:none;
	float:left;
	left:0;
}
#listFolio ul.folioContainer li div a.viewfolio:hover {
	background:url('../images/icons/image_hover.png') no-repeat 0 -35px;
}
/* link */
#listFolio ul.folioContainer li div a.linkfolio {
	width:35px;
	height:35px;
	display:block;
	background:url('../images/icons/image_hover.png') no-repeat -35px 0;
	font:0/0 a;
	box-shadow:none;
	border:none;
	float:left;
	left:0;
}
#listFolio ul.folioContainer li div a.linkfolio:hover {
	background:url('../images/icons/image_hover.png') no-repeat -35px -35px;
}

/* folio div contain the images */
#listFolio ul.folioContainer li div.folio_img {
	padding:4px;
	background:#fff;
	border:1px solid #ddd;
}
#listFolio ul.folioContainer li div.folio a img {
	width:100%;
	display: block;
}