p,h3{border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;}
 		p{ margin-bottom: 1em ; font-size: 12px; } 
h3 {
    font-size: 108%;margin: 1em 0; font-weight:blod;
}
    #mainwrapper {  
      font: 10pt normal Arial, sans-serif;  
      height: auto;  
      margin:10px auto 0 auto;  
      text-align: center;  
      width: 1000px;  
    }  

    #mainwrapper .box {  
        cursor: pointer;  
        height: 177px;  
        float: left;  
        position: relative;  
        overflow: hidden;  
        width: 292px;
		border:5px solid #f1f1f1;
    }  
      
    #mainwrapper .box img {  
        position: absolute;  
        left: 0;  
        -webkit-transition: all 300ms ease-out;  
        -moz-transition: all 300ms ease-out;  
        -o-transition: all 300ms ease-out;  
        -ms-transition: all 300ms ease-out;  
        transition: all 300ms ease-out;  
    }  
    #mainwrapper .box .caption {  
        background-color: rgba(0,0,0,0.8);  
        position: absolute;  
        color: #fff;  
        z-index: 100;  
        -webkit-transition: all 300ms ease-out;  
        -moz-transition: all 300ms ease-out;  
        -o-transition: all 300ms ease-out;  
        -ms-transition: all 300ms ease-out;  
        transition: all 300ms ease-out;  
        left: 0;  
    }  
    #mainwrapper .box .simple-caption {  
        height: 30px;  
        width: 290px;  
        display: block;  
        bottom: -30px;  
        line-height: 25pt;  
        text-align: center;  
    }  
    #mainwrapper .box .full-caption {  
        width: 292px;  
        height: 170px;  
        top: -200px;  
        text-align: left;  
        padding: 15px;  
    }  
    #mainwrapper .box .fade-caption, #mainwrapper .box .scale-caption {  
        opacity: 0;  
        width: 292px;  
        height: 177px;  
        text-align: left;  
        padding: 15px;
		padding-left:60px;
    } 
#mainwrapper .box:hover .full-caption {  
    -moz-transform: translateY(100%);  
    -o-transform: translateY(100%);  
    -webkit-transform: translateY(100%);  
    transform: translateY(100%);  
}   
    #mainwrapper .box:hover .fade-caption {  
        opacity: 1;  
    }  
    #mainwrapper .box:hover .slide-caption {  
      background-color: rgba(0,0,0,1) !important;  
      -moz-transform: translateX(-100%);  
      -o-transform: translateX(-100%);  
      -webkit-transform: translateX(-100%);  
      opacity: 1;  
      transform: translateX(-100%);  
    }  
    #mainwrapper .box:hover img#image-4 {  
      -moz-transform: translateX(-100%);  
      -o-transform: translateX(-100%);  
      -webkit-transform: translateX(-100%);  
      transform: translateX(-100%);  
    }  
    /** Rotate Caption :hover Behaviour **/  
        #mainwrapper .box:hover .rotate {  
        background-color: rgba(0,0,0,1) !important;  
        -moz-transform: rotate(-180deg);  
        -o-transform: rotate(-180deg);  
        -webkit-transform: rotate(-180deg);  
        transform: rotate(-180deg);  
    }  
#mainwrapper .box:hover #image-6 {  
   -moz-transform: scale(1.4);  
   -o-transform: scale(1.4);  
   -webkit-transform: scale(1.4);  
	transform: scale(1.4);
}
    #mainwrapper .box:hover .scale-caption h3,#mainwrapper .box:hover .scale-caption p {  
        -moz-transform: translateX(200px);  
        -o-transform: translateX(200px);  
        -webkit-transform: translateX(200px);  
        transform: translateX(200px);  
	
    }    
#mainwrapper .box:hover .fade-caption, #mainwrapper .box:hover .scale-caption {
    opacity: 1;
}