#mat_holder {position: relative; width: 100%;}
#mat_infobox {float: right; width: 35%; background: #f4f4f4; margin: 0 0 10px 10px; padding: 5px; border-radius: 0 0 0 15px; }
.mat_infotable{border: 0;}
.mat_infotable tr{}
.mat_infotable td{padding: 3px;}

#mat_social {padding: 0 0 15px 0;}
.fb-like{float: left; display: inline-block;}
.twitter-btn{display: inline-block;}

#mat_map{width: 100%; height: 200px; margin: 10px 0 0 0;}

#mat_bottom{width: 100%; margin: 20px 0 10px 0;}

.tiles_buttons {position: absolute; bottom: 15px;}

.mat_button {
    color: #6e6e6e;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    cursor: pointer;
}

.mat_button:hover  {
    color: #333;
    background: #f3f3f3;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.mat_book {
    background: #7fbf4d; /* Old browsers */
    background: -moz-linear-gradient(top,  #7fbf4d 0%, #63a62f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7fbf4d), color-stop(100%,#63a62f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7fbf4d 0%,#63a62f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7fbf4d 0%,#63a62f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7fbf4d 0%,#63a62f 100%); /* IE10+ */
    background: linear-gradient(top,  #7fbf4d 0%,#63a62f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fbf4d', endColorstr='#63a62f',GradientType=0 ); /* IE6-9 */
    border-color: #63A62F #63A62F #5B992B;
    color: #FFFFFF !important;
    font-weight: normal;
}
.mat_book:hover {
    background: #7fbf4d; /* Old browsers */
    background: -moz-linear-gradient(top,  #7fbf4d 0%, #63a62f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7fbf4d), color-stop(100%,#63a62f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7fbf4d 0%,#63a62f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7fbf4d 0%,#63a62f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7fbf4d 0%,#63a62f 100%); /* IE10+ */
    background: linear-gradient(top,  #7fbf4d 0%,#63a62f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fbf4d', endColorstr='#63a62f',GradientType=0 ); /* IE6-9 */
    color: #000;
    text-shadow: 0 -1px 0 #111111;
    border: 1px solid #63a62f;
}