*{ margin: 0; padding: 0; }
body{ background-color: #000000; }
#main{ width: 965px; }


/*home -----------------------------------------------------------------------------------------*/
#home{position:absolute; left:50%; margin-left:-483px; margin-top:20px; width: 965px;}
.home-thumbs{ float: left; padding: 0 3px 3px 0; }
.home-thumbs a { display: block; opacity:0.2; }
.home-thumbs a:hover { opacity:1; }


/*tarja -----------------------------------------------------------------------------------------*/
#tarja{ width: 960px; height: 120px; background-color: #000000; display: block; float: left; }
#tarja h1 a { float: left; width: 260px; height: 100px; background: url('../../../media/imagens/bg-logo-menu.gif') no-repeat; background-position: 0 0; margin-top: 20px; }
#tarja h1 span, #tarja li a span { position: absolute; width: 1px; height: 1px; overflow: hidden; visibility: hidden; }
#tarja ul { list-style: none; padding: 18px 5px 0 0; float: right; width: 120px; }
#tarja li { float: right; }
#tarja li a { display: block; width: 120px; height: 21px; background: url('../../../media/imagens/bg-logo-menu.gif'); text-decoration: none; color: #FFFFFF; }
#tarja li a span { position:absolute; width:1px; height:1px; overflow:hidden; visibility:hidden; }
#tarja li.work a{ background-position: -260px 0; }
#tarja li.profile a{ background-position: -260px -21px; }
#tarja li.video a{ background-position: -260px -42px; }
#tarja li.contact a{ background-position: -260px -63px; }


/*boxes -----------------------------------------------------------------------------------------*/
#boxes .window { position: absolute; left: 0; top: 0; width: 920px; height: 520px; border: #FFFFFF solid 1px; display: none; z-index: 9999; padding: 20px; background-color: #000000; }
a.close{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #FFFFFF; text-decoration: none; display: block; float: right; }
a.close:hover{ color: #FFFFFF; text-decoration: underline; }
.hide { display:none; }
#mask { position: absolute; left: 0; top: 0; z-index: 9000; background-color: #000; display: none; }


/*contact -----------------------------------------------------------------------------------------*/
#contact .content{ overflow:auto; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -100px; width: 700px; height: 400px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; }
#contact a{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: none; }
#contact a:hover{ color: #FFFFFF; text-decoration: underline; }


/*main-work -----------------------------------------------------------------------------------------*/
#main-work .content{ overflow:auto; position: absolute; top: 50%; left: 50%; margin: -80px 0 0 -400px; width: 900px; height: 400px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; }
#main-work a{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: none; }
#main-work a:hover{ color: #FFFFFF; text-decoration: underline; }
#main-work .work-entry{ width: 300px; float: left; }

/*profile -----------------------------------------------------------------------------------------*/
#profile .content{ position: absolute; top: 50%; left: 50%; margin: -100px 0 0 -350px; width: 700px; height: 400px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; }


/*video -----------------------------------------------------------------------------------------*/
#video .content{ position: absolute; top: 50%; left: 50%; margin: -200px 0 0 -350px; width: 720px; height: 404px; color: #000000; }