.view {

   width: 100%;

   margin: 10px;

   border: 10px solid #fff;

   overflow: hidden;

   position: relative;

   text-align: center;

   -webkit-box-shadow: 1px 1px 2px #e6e6e6;

   -moz-box-shadow: 1px 1px 2px #e6e6e6;

   box-shadow: 1px 1px 2px #e6e6e6;

   cursor: default;

   background: #fff url(../images/bgimg.html) no-repeat center center;

}

.view .mask,.view .content {

   width: 100%;

   height: 100%;

   position: absolute;

   overflow: hidden;

   top: 0;

   left: 0;

}

.view img {

   display: block;

   position: relative;
    

}

.view h2 {

   text-transform: uppercase;

   color: #fff;

   text-align: center;

   position: relative;

   font-size: 12px;

   padding: 0px;

   background: #1189bc;

   margin: 0px 0 0 0;

}

.view h3 {

    background: #1189bc none repeat scroll 0 0;

    color: #fff;

    font-size: 12px;

    margin: 0;

    padding: 0;

    position: relative;

    text-align: center;

    text-transform: uppercase;

}

.view p {

   font-family: Georgia, serif;

   font-style: italic;

   font-size: 12px;

   position: relative;

   color: #fff;

   padding: 10px 25px 0;

   text-align: center;

}

.view a.info {

   display: inline-block;

   text-decoration: none;

   padding: 0px 14px;

   background: #D65F42;

   color: #fff;

   text-transform: uppercase;

    margin: -10px;

}

.view a.info: hover {

   -webkit-box-shadow: 0 0 5px #000;

   -moz-box-shadow: 0 0 5px #000;

   box-shadow: 0 0 5px #000;

}