/* Base Superbox Styles */
#superbox-overlay{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;}
#superbox-wrapper{position:fixed;z-index:9999;top:0;display:table;width:100%;height:100%;}
#superbox-container{position:relative;display:table-cell;width:100%;height:100%;margin:0;padding:0;vertical-align:middle;}
#superbox{margin:0 auto;padding:0;}
#superbox-container .loading{margin:0;text-align:center;}

/* IE7 */
*:first-child+html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
*:first-child+html #superbox{position:relative;top:-50%;display:block;}
/* IE6 - Thanks to Thickbox for IE expressions */
* html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
* html #superbox{position:relative;top:-50%;display:block;}
* html #superbox-overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');}
* html #superbox-wrapper{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

/* Default Theme */
#superbox-overlay{background:#000;}
#superbox-container .loading{text-align:center;font-size:2em;color:#fff;font-weight: normal;}
#superbox{padding:10px;background-color:#EACE94;}
#superbox-innerbox{padding:10px 0;}
#superbox.image{text-align:center;}
#superbox p.close,
#superbox p.nextprev{ overflow:hidden;margin:0; }
    #superbox p.close a strong span,
    #superbox p.nextprev a.prev strong span,
    #superbox p.nextprev a.next strong span {display: block; float: left; background-color: #9d1518; color: #fff; padding: 2px 6px; margin: 0 8px 0 0; font-weight: normal; cursor: pointer; text-transform: uppercase; letter-spacing:.05em; }
    #superbox p.close a strong span {float: right; margin: 0;}
    #superbox p.nextprev a.disabled strong span { filter: alpha (opacity=85); opacity: .85; background-color: #574F5A; }
    
    
/*
    <div style="display: block; opacity: 0.8;" id="superbox-overlay"></div>
    <div style="display: table; position: fixed; top: 0px;" id="superbox-wrapper">
        <div id="superbox-container">
            <div class="image" style="position: static; top: 0px; width: 541px; opacity: 1;" id="superbox">
                <p class="close">
                    <a><strong><span>Close</span></strong></a>
                </p>
                <div style="height: 700px;" id="superbox-innerbox">
                    <img src="/assets/image/about_us/small_pdr.jpg" title="" />
                </div>
                <p style="display: block;" class="nextprev">
                    <a class="prev"><strong><span>Previous</span></strong></a>
                    <a class="next disabled"><strong><span>Next</span></strong></a>
                </p>
            </div>
            <p style="display: none;" class="loading">
                Loading...
            </p>
        </div>
    </div>