.wrap a {color: #000000;display: block; height: 545px; text-decoration: none; width: 935px;}
.wrap { border: 0 none; display: inline; float: left; font-family: Verdana; height: 545px; margin: 0px 0px; overflow: hidden; position: relative; width: 935px;}
.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 #ADFF2F; display: block; height: 545px; left: 0; opacity: 0.3; position: absolute; top: 460px; width: 935px; 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: #FFFF00; display: block; font-size: 18px; height: 545px; left: 0; line-height: 16px; margin: 0; padding: 0; position: absolute; top: 460px; width: 935px; z-index: 1;}
.wrap p b { color: #00008B; display: block; font-size: 24px; 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: 935px;}
#info p { line-height: 1.5em;}
a img { border: 0 none;}