body {
    margin:0; 
    padding:0; 
    background:#efefef;
    /*text-align:center; /* used to center div in IE */
}
#wrapper {
    width:600px; 
    margin:0 auto; /*centers the div horizontally in all browsers (except IE)*/
    background:#fff; 
    text-align:left; /*resets text alignment from body tag */
    border:1px solid #ccc;
    border-top:none; 
    padding:25px; 
    /*Let's add some CSS3 styles, these will degrade gracefully in older browser and IE*/
    border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px; 
    box-shadow:0 0 5px #ccc;
    -moz-box-shadow:0 0 5px #ccc;
    -webkit-box-shadow:0 0 5px #ccc;
}
       #lightbox {
    position:fixed; /* keeps the lightbox window in the current viewport */
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    background:url(http://localhost/oriada/colorbox/overlay.png) repeat; 
    text-align:center;
} 
    #lightbox p {
    text-align:right; 
    color:#fff; 
    margin-right:20px; 
    font-size:12px; 
}
    #lightbox img {
    box-shadow:0 0 25px #111;
    -webkit-box-shadow:0 0 25px #111;
    -moz-box-shadow:0 0 25px #111;
    max-width:940px;
}
#project_container{
    width:98%;
    /*background-image: url('overlay.png');*/
    background-color: #fafafa;
    }
    #cboxLoadedContent{
        background-color: #fafafa;
    } 
    #cboxClose{
        position:absolute;
        left:94%;
        top:10px;
    }    
    #here{width:100px;height:100px;background-color:red;}
    iframe{width:100%;height:100%;}