.vidFrame { margin: 0 auto; border: 5px outset #f00; }
.vidWrap {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.vidWrap iframe {
    position: absolute;
    top: 0;
    left: 5%;
    width: 90%;
    height: 90%;
}
Íhtml { margin: 0; padding: 0; }
body { background-image: url(../img/background.jpg);
    font: 100% verdana, Helvetica, sans-serif; }

h1, #navi h3 span, #foot h3 span { display: none; }

a { text-decoration: none; word-wrap: break-word; }
a:link { color: #7d9668; text-decoration: none; }
a:visited { color: #4c5b3f; text-decoration: none; }
a:hover, a:active { color:#000; background-color:#a9a87e; text-decoration: underline; }

acronym { color: #4c5b3f; }

#cont { background: url(../img/bg.gif) repeat-x #384254; min-height: 800px;
    width: 900px; margin: 0 auto; padding: 0px 15px; position: relative;
    border: 3px solid #a9a87e; color: #4c2f18; text-align: left; }
#head { width: 900px; height: 200px; background: url(../img/banner.jpg); }

#info { background:url(../img/info-mid.gif) repeat-y;
    background-color: #384254; width: 900px; position: relative; left: 0px;
    padding: 0px 0px; margin: 0px 0px; }
#info h2 { background:url(../img/info-top.gif) no-repeat;  font-size: 1em;
    padding: 30px 0px 10px 35px; margin: 0px 0px; }
#info p { background:url(../img/info-bot.gif) bottom no-repeat; font-size: 0.875em;
    padding: 0px 40px 40px 40px; margin: 0px 0px; text-align: justify; }

#parent { position: relative; }

#navi { background:url(../img/navi-mid.gif) repeat-y;
    background-color: #384254; width: 180px; position: absolute; top: 0px; left: -10px;
    padding: 0px 0px; margin: 0px 0px; }
#navi h3 { background:url(../img/navi-top.gif) no-repeat;
     padding: 0px 0px 40px 0px; margin: 0px 0px; }
#navi section { background:url(../img/navi-bot.gif) bottom no-repeat; 
    padding: 0px 0px 40px 0px; margin: 0px 0px; }
#navi a { text-decoration: none; }
#navi ul { list-style-type: none; font-weight: bold;
    text-align: center; font-size: 0.9375em;
    padding: 0px 3px 0px 3px; margin: 15px 15px 5px 15px; }
#navi ul li { padding: 0px 0px 15px 0px; }
#navi ul li ul { font-weight: normal;
    text-align: left; font-size: 0.8125em;
    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 30px; }
#navi ul li ul li { padding: 5px 0px 0px 0px; } 

#main { background:url(../img/main-mid.gif) repeat-y;
    background-color: #384254; position: relative; left: 175px; width: 720px;
    padding: 0px 0px; margin: 0px 0px; }
#main section { background:url(../img/main-bot.gif) bottom no-repeat; padding: 0px 0px 22px 0px; }
#main h3 { background:url(../img/main-top.gif) no-repeat;
    font-size: 0.9375em; padding: 30px 0px 10px 35px; margin: 0px 0px; }
#main h4 { font-size: 0.875em; padding: 0px 0px 10px 35px; margin: 0px 0px; }
#main p { font-size: 0.875em; padding: 0px 40px 10px 40px; margin: 0px 0px; text-align: left; }
#main ul { font-size: 0.875em; padding: 0px 40px 10px 40px; margin: 0px 40px; list-style-type: circle; }
#main .clear { clear: both; }

#foot { background:url(../img/foot-mid.gif) repeat-y;
    position: relative; left: 525px; width: 350px; text-align:center; }   
#foot h3 { background:url(../img/foot-top.gif) no-repeat;
    padding: 0px 0px 40px 0px; margin: 0px 0px; }
#foot p { background:url(../img/foot-bot.gif) bottom right no-repeat;
    padding: 0px 20px 40px 40px; margin: 0px 0px; }
#foot a { text-decoration: none; font-size: 0.8125em;
    background-color: #d6b083; border: 1px solid #a9a87e;
    padding: 3px 5px; margin: 0px 10px; }

#eml { background:url(../img/email.gif);
    width: 145px; height: 16px; border: 1px solid #a9a87e;
    margin: 10px 20px 10px 40px; }
#don { float: right; margin: 0px 40px 10px 20px; }

#img0001 { background:url(../img/DSC_0001.jpg); float: right;
    width: 141px; height: 200px; border: 3px solid #53540e;
    margin: 35px 35px 10px 10px; }
#img0403 { background:url(../img/DSC_0403b.jpg); float: right;
    width: 134px; height: 200px; border: 3px solid #53540e;
    margin: 40px 35px 10px 10px; }
#img0408 { background:url(../img/DSC_0408s.jpg); float: right;
    width: 134px; height: 200px; border: 3px solid #53540e;
    margin: 35px 35px 10px 10px; }
#img1089 { background:url(../img/DSC_1089.jpg); float: right;
    width: 134px; height: 200px; border: 3px solid #53540e;
    margin: 35px 35px 10px 10px; }
#img1379 { background:url(../img/DSC_1379.jpg); float: right;
    width: 133px; height: 200px; border: 3px solid #53540e;
    margin: 35px 35px 10px 10px; }
#img1533 { background:url(../img/DSC_1533.jpg); float: right;
    width: 200px; height: 143px; border: 3px solid #53540e;
    margin: 10px 40px 10px 10px; }
#img5248 { background:url(../img/DSC_5248b.jpg); float: right;
    width: 200px; height: 134px; border: 3px solid #53540e;
    margin: 35px 35px 10px 10px; }
#img5973 { background:url(../img/DSC_5973s.jpg); float: right;
    width: 200px; height: 134px; border: 3px solid #53540e;
    margin: 35px 35px 10px 10px; }
#img6439 { background:url(../img/DSC_6439.jpg); float: right;
    width: 200px; height: 131px; border: 3px solid #53540e;
    margin: 40px 40px 10px 10px; }
#img8570 { background:url(../img/DSC_8570.jpg); float: right;
    width: 200px; height: 145px; border: 3px solid #53540e;
    margin: 0px 35px 10px 10px; }
#img9811 { background:url(../img/DSC_9811.jpg); float: right;
    width: 200px; height: 142px; border: 3px solid #53540e;
    margin: 35px 35px 10px 10px; }
#img9972 { background:url(../img/DSC_9972s.jpg); float: right;
    width: 134px; height: 200px; border: 3px solid #53540e;
    margin: 35px 35px 10px 10px; }
#img2020 { background:url(../img/LightWork.jpg); float: right;
    width: 640px; height: 887px; border: 3px solid #53540e;
    margin: 35px 35px 10px 10px; }