body { background: #f9f9f9 url(page-bg-1.jpg) repeat; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0;}
h2 { font-size: 24px; line-height: 20px; color: #fffdf1; margin-left: 16px; }
.ratingstyle { Arial Unicode MS color: #337711; }
.thumbnail {position: relative; z-index: 0;}
.thumbnail:hover{background-color: transparent;z-index: 10;}
.thumbnail span {position: absolute; background-color: #323232; padding: 1px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; }
.thumbnail span img{ border-width: 0; padding: 1px; }
.thumbnail:hover span img{ width: 450px; }
.thumbnail:hover span{ position: fixed; visibility: visible; top: 1%; left: 350px; }

/* Hard-code the dimensions and force the container to expand */
.thumbnail > img {
    display: block !important;
    width: 250px !important;  /* Set your width */
    height: 350px !important; /* Set your specific length/height */
    min-width: 250px !important;
    min-height: 350px !important;
    object-fit: cover !important; /* Prevents stretching */
    margin: 0 auto !important;
}


img
{ border: 0; max-width: 100%;}
#main {margin: 15px;}
#header {background: #ff9933;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    border: 2px solid #ff8040;
    border-radius: 2px; text-align: center; margin: 0 10px;}
#div_pos4 {padding: 0px;}
#div_pos5 {padding: 0px;}
#left {background-color: #ff8040; border-bottom: 1px solid #ff8040;}
table#middle tr td {vertical-align: top;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    border-bottom: 2px dotted #ff8040;
    border-top: 2px dotted #ff8040;
background: #fff;}
.ourwork, .testimonials, .projects {overflow: hidden; padding: 10px;}
#content {margin: 0 10px; word-wrap: break-word; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    background: #ff6600; border-radius: 1px;}
#content a {color: white;}
.content_item {padding: 1px;}
.projects {text-align: right;}


@media only screen and (max-width: 500px) {
   table#top td {width: 100%; float: left;}
    table#middle {display: block;}
    table#middle td {width: 100%; float: left; margin-bottom: 10px; }
    .projects {text-align: center;}
    .thumbnail:hover span img{ width: 350px; }
    .thumbnail:hover span{ position: fixed; visibility: visible; top: 1%; left: 1%; }
    #main {margin: 20px 0;}
    #div_pos4, #div_pos5 {text-align: center;}
}