/* HTML Elements ---------------------------------------------------------------------------------- */
html {
    height: 100%;
}
body {
    background-color: #737572;
    color: #000000;
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    margin: 0px;
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
}
img { border: 0; }
thead {
    font-size: 14px;
}

/* Element ID's ----------------------------------------------------------------------------------- */
#topSpacer {
    width: 1px;
    height: 50%;
    margin-bottom: -253px; /* metade da altura do container (mainStrip) */
    float: left;
}
#mainStrip {
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 100%;
    height: 507px;
    clear: left;
    background-image: url(../images/film_bg.gif);
    background-repeat: repeat-x;
    background-position: center center;
}
#mainCell {
    width: 962px;
    height: 507px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../images/mklogo3.gif);
    background-repeat: no-repeat;
    background-position: top left;
    /*border: 1px solid #00ffff;*/
}
#lowRes {
    width: 60%;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 210px;
    color: #ffffff;
    /*border: 1px solid #00ffff;*/
}
#languages {
    margin-top: 210px;
    width: 34%;
    height: 200px;
    float: left;
    text-align: right;
    /*border: 1px solid #ff0000;*/
}
#languages li { list-style: none; padding: 10px; }
#languages ul li img { vertical-align: middle; }
#languages a { font-size: 12px; color: #ffffff; text-decoration: none; }
#languages a:Hover { color: #cfad2b; }
#cameraCell {
    width: 512px;
    height: 507px;
    position: relative;
    top: 0px;
    left: 0px;
    float: left;
    /*border: 1px solid #ff0000;*/
}
#imagesContainer {
    width: 274px;
    height: 274px;
    position: absolute;
    top: 110px;
    left: 160px;
    background-color: #000000;
    /*border: 1px solid #0099ff;*/
}
#imagesContainer img {
    width: 274px;
    height: 274px;
}
#frontCam {
    width: 512px;
    height: 507px;
    position: absolute;
    top: 0px;
    left: 0px;
    /*opacity: 0.5;
    filter: alpha(opacity=50);*/
    /*border: 1px solid #ffff00;*/
}
#eyeCam {
    width: 100px;
    height: 100px;
    background-color: #ffffff;
    position: absolute;
    top: 60px;
    left: 130px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    /*border: 1px solid #006699;*/
}
#visorCam {
    width: 200px;
    height: 160px;
    background-color: transparent;
    position: absolute;
    top: 177px;
    left: 76px;
    /*border: 1px solid #464646;*/
}
#soundCam {
    width: 168px;
    height: 82px;
    position: absolute;
    top: 359px;
    left: 99px;
    /*border: 1px solid #cccccc;*/
}
#introLink {
    width: 50px;
    height: 16px;
    position: absolute;
    top: 424px;
    left: 295px;
    text-align: center;
    /*border: 1px solid #ffbb00;*/
}
#introLink a { font-family: monospace; font-size: 11px; color: #ffbb00; text-decoration: none; }
#baseboard {
    width: 100%;
    height: 21px;
    background-color: #000000;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
#copyright {
    width: 40%;
    float: left;
    text-align: center;
}
#powered_by {
    width: 40%;
    float: right;
    text-align: center;
}
/* Div's de conteúdo ---------------------------------------------------------------------------- */
#biography { width: 558px; height: 330px; position: absolute; top: 0px; left: 0px; z-index: 5; display: none; }
#biography .boxBG { width: 556px; height: 308px; }
#bioBoxLeft{ width: 250px; height: 270px; vertical-align: top; padding: 10px; }
#bioBoxRight{ width: 250px; height: 270px; padding: 10px; border: 1px solid #ffbb00; background-color: #363636; opacity: 0.8; filter: alpha(opacity=80); }
#bioBoxText{ width: 240px; height: 270px; vertical-align: top; position: relative; overflow: hidden; }

#guestbook { width: 651px; height: 330px; position: absolute; top: 0px; left: 0px; z-index: 5; display: none; }
#guestbook .boxBG { width: 649px; height: 380px; }
#guestBoxLeft{ width: 240px; height: 270px; padding: 10px; vertical-align: top; }
#guestBoxRight{ width: 250px; height: 270px; padding: 10px; border: 1px solid #ffbb00; background-color: #363636; opacity: 0.8; filter: alpha(opacity=80); }
#guestBoxText{ width: 250px; height: 270px; vertical-align: top; position: relative; overflow: hidden; }

#photos { width: 629px; height: 195px; position: absolute; top: 0px; left: 0px; z-index: 5; display: none; }
#photos .boxBG { width: 627px; height: 173px; }

#clients { width: 444px; height: 330px; position: absolute; top: 0px; left: 0px; z-index: 5; display: none; }
#clients .boxBG { width: 442px; height: 308px; }
#contentBox { width: auto; }
#clientBox{ width: 100%; height: 274px; vertical-align: top; position: relative; overflow: hidden; }

#contact { width: 450px; height: 330px; position: absolute; top: 0px; left: 0px; z-index: 5; display: none; }
#contact .boxBG { width: 448px; height: 380px; }

#message { width: 440px; height: 330px; position: absolute; top: 0px; left: 0px; z-index: 5; display: none; }
#message .boxBG { width: 100%; height: 100%; }

#popgallery{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 5; }

#arrowsCell { text-align: center; vertical-align: center; }
#arrowsCell img { cursor: pointer; }

#arrowsCam { width: 58px; height: 57px; position: absolute; top: 213px; left: 301px; display: block; /*border: 1px solid #ffbb00;*/ }
#arrowsCam table{ width: 58px; height: 57px; }
#arrowsCam .spc { width: 10px; }
#arrowsCam #cellUp { width: 11px; height: 10px; text-align: center; vertical-align: top; cursor: pointer; }
#arrowsCam #cellLeft { width: 13px; text-align: left; vertical-align: middle; cursor: pointer; }
#arrowsCam #cellRight { width: 13px; text-align: right; vertical-align: middle; cursor: pointer; }
#arrowsCam #cellDown { width: 11px; height: 10px; text-align: center; vertical-align: bottom; cursor: pointer; }
#arrowsCam #aUP { opacity: 0.4; filter: alpha(opacity=40); }
#arrowsCam #aLF { opacity: 0.4; filter: alpha(opacity=40); }
#arrowsCam #aRG { opacity: 0.4; filter: alpha(opacity=40); }
#arrowsCam #aDW { opacity: 0.4; filter: alpha(opacity=40); }

.close {
    width: 60px;
    height: 16px;
    border: 1px solid #ffbb00;
    background-color: #000000;
    font-size: 11px;
    text-align: center;
    padding-top: 3px;
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.close a { color: #ffffff; text-decoration: none; }
.close a:Hover { color: #cfad2b; }
.boxBG { border: 1px solid #ffbb00; background-color: #000000; position: absolute; top: 20px; opacity: 0.8; filter: alpha(opacity=80); }
.box { height: 90%; position: absolute; top: 30px; left: 10px; color: #ffffff; /*border: 1px solid #00ffff;*/ }
.box a { color: #ffffff; text-decoration: none; }
.box a:Hover { color: #ffbb00; }
.links { color: #ffffff; text-decoration: none; }
.links:Hover { color: #ffbb00; }
.thumbnail { border: 1px solid #ffffff; }
/* Inputs ----------------------------------------------------------------------------------------- */
.fieldLine {
    width: 99%;
    text-align: right;
    clear: both;
}
.iLabel {
    text-align: right;
    vertical-align: top;
    width: 20%;
}
.iRight {
    text-align: right;
}
.iText {
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    background-color: #cccccc;
    color: #000000;
    border: 1px solid #ffbb00;
    width: 100%;
}
.iArea {
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    background-color: #cccccc;
    color: #000000;
    border: 1px solid #ffbb00;
    width: 100%;
    height: 100px;
}
.iText:focus { background-color: #ffffff; }
.iArea:focus { background-color: #ffffff; }
.iButton {
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    background-color: #cccccc;
    color: #000000;
    border: 1px solid #ffbb00;
    width: 60px;
    height: 20px;
}