#project-list{width:49%;padding:8px;background:url(./../images/html-background.gif) top left repeat;display:inline-block;vertical-align:top;margin-bottom:5px;}
#project-list:after { /* clearfix */
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}
.inner{background:#fff;padding:8px;display:table;}
.inner img{min-width:100%;padding:0;vertical-align:middle;text-align:center;}

#content-box{width:100%;}
.left-box{width:40%;float:left;padding:5px;}
.right-box{width:60%;float:left;}

#content-left{width:100%;text-align:center;margin:0 0 10px 0;}
#content-right{width:100%;}
#project-img{width:100%;padding:8px;background:url(../images/html-background.gif) top left repeat;margin-bottom:10px;}
#project-img .inner{width:31.25%;margin:0 0.5%;display:inline-block;vertical-align:top;}

#project-tr{width:100%;margin-bottom:5px;display:block;border-top: 1px solid #ddd;}
#project-tr:after {height: 0;content: ".";display: block;clear: both;visibility: hidden;}
#project-th{width:40%;float:left;color:#660000;padding:3px 10px 3px 15px;background:url(./../images/th-back.png) center right repeat;text-align:left;}
#project-td{width:60%;float:left;padding:3px 10px 3px 15px;text-align:left;}
@media only screen and (min-width: 560px) {
#project-list{width:32.5%;}
/*#content-left{width:30%;float:left;margin:0 2% 0 0;}
#content-right{width:68%;float:left;}*/
}
@media only screen and (min-width: 1080px) {
#project-list{width:24.5%;}
}