#wrapper{ /*margin-bottom:10px;*/ width:100%; } #container{ position:relative; width:980px; margin-left:-4px; /*padding-bottom: 10px;*/ } #container_Ent, #container_Lif, #container_Tec, #container_Boy, #container_New, #container_Spo{ position:relative; width:860px; margin-left:124px; /*padding-bottom: 10px;*/ } .viewright{float:right;margin-right:14px;margin-top:5px;} .viewright a{color:#09C;font: 15px OpenSansCondensedBold, Arial, Helvetica, sans-serif;text-transform: uppercase;} .gridtitle{width:100%;display:block;margin-top:20px;margin-left:121px;} .gridtitle h2 a{ color:#333; margin-left:10px; font: 24px OpenSansCondensedBold, Arial, Helvetica, sans-serif; text-transform: uppercase; } .grid{ width:188px; min-height:100px; padding: 6px; background:#fff; margin:8px; font-size:12px; float:left; box-shadow: 0 1px 3px rgba(34,25,25,0.4); -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4); -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4); -webkit-transition: top 1s ease, left 1s ease; -moz-transition: top 1s ease, left 1s ease; -o-transition: top 1s ease, left 1s ease; -ms-transition: top 1s ease, left 1s ease; } .grid span { /*border-bottom:1px solid #ccc;*/ margin:5px 0; display:block; /*padding:0 1px 5px;*/ font-size:17px; color:#fff; white-space:normal; } .grid .meta{ text-align:right; color:#777; font-style:italic; padding-right:5px; } .grid .imgholder img{ max-width:100%; background:#ccc; display:block; } .projectInfo { display: none; } .infoLayer, .overLayer { -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; /* min-height: 98px;*/ position: absolute; text-align: center; opacity: 0; bottom: 6px; z-index: 4; /* @end */ } .grid span a { color:#fff; font-family : 'OpenSansCondensedBold', Georgia,"Times New Roman",Times,serif !important; } .grid:hover .overLayer { -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; opacity: 0.8; display: block; background: #333; } .grid:hover .infoLayer { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; opacity: 0.8; display: block; background: #333; }