.wrap a {color: #000000;display: block; height: 330px; text-decoration: none; width: 220px;}
.wrap { border: 0 none; display: inline; float: left; font-family: Century Gothic; height: 330px; margin: 10px 10px; overflow: hidden; position: relative; width: 220px;}
.wrap img { border: 0 none;}
.wrap i {
    -moz-transition: all 0.6s ease-in-out 0.0s;
    -webkit-transition: all 0.6s ease-in-out 0.0s;
    -o-transition: all 0.6s ease-in-out 0.0s;
    background: none repeat scroll 0 0 #D03E2B; display: block; height: 330px; left: 0; opacity: 0.9; position: absolute; top: 300px; width: 220px; z-index: 1;}
.wrap p {
    -moz-transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    background: none repeat scroll 0 0 transparent; color: #FFFFFF; display: block; font-size: 12px; height: 330px; left: 0; line-height: 16px; margin: 0; padding: 0; position: absolute; top: 300px; width: 220px; z-index: 1;}
.wrap p b { color: #FFFFFF; display: block; font-size: 22px; line-height: 30px; margin: 0; padding: 0; text-align: center;}
.wrap p span { display: block; line-height: 20px; padding: 10px;}
.wrap a:hover { direction: ltr;}
.wrap a:hover i { top: 0;}
.wrap a:hover p { top: 0;}
#info { float: left; width: 960px;}
#info p { line-height: 1.5em;}
a img { border: 0 none;}