* { margin:0; padding:0; line-height:0; }
html, body { height:100%; width:100%; overflow:hidden; }
body { text-align:center; background:#fff; color:#fff; font:11px verdana; }
a { color:#fff; text-decoration:none; outline:0; }
img { border:0; }

#beta { font-family:monaco, verdana; color:aqua; font-size:9px; position:absolute; top:30px; right:30px; z-index:1000; }
#loading { color:#000; text-align:center; position:absolute; top:7%; left:49%; z-index:9999; }
#doubleclick { -moz-border-radius:3px; -webkit-border-radius:3px; display:none; text-transform:uppercase; background:#000; line-height:11px; text-align:left; font-size:9px; font-family:monaco, verdana; color:aqua; padding:6px; position:absolute; z-index:9999; }
#site { display:none; overflow:hidden; position:relative; }

#bg { display:none; position:absolute; top:0; left:0; z-index:10; }

#projects #item, #projects #item #back, #projects #item #front { width:140px; height:140px; }

#projects { position:relative; margin:0 auto; z-index:11; width:760px; float:left; }
#projects #item { position:relative; z-index:12; text-align:center; margin:5px; float:left; }
#projects #item #back { z-index:13; opacity:0.8; filter:alpha(opacity=80); background:#000; position:absolute; left:0; top:0; }
#projects #item #front { z-index:15; background:black; opacity:0; filter:alpha(opacity=0); cursor:pointer; cursor:hand; position:absolute; left:0; top:0; }
#projects #item img { z-index:14; position:relative; left:0; top:25px; }
#projects #item .email { z-index:30; }

#project-footer { display:none; position:absolute; bottom:-65px; left:0; z-index:110; height:65px; width:100%; background:#282424; opacity:0.8; }
#project-footer .f-fakt { position:absolute; left:50px; bottom:28px; z-index:111; }
#project-footer .f-contact { line-height:17px; position:absolute; right:50px; bottom:15px; z-index:111; }
#project-footer .f-comment { width:300px; height:45px; line-height:12px; position:absolute; left:160px; font-size:10px; text-align:left; bottom:11px; z-index:111; }
#project-footer .f-contact .f-email-link { font-size:15px; }
#project-footer .f-navigation { margin:0 auto; width:270px; height:102px; }
#project-footer .f-navigation .map { float:left; position:relative; top:10px; left:20px; }
#project-footer .f-navigation .map .f-back-link { cursor:pointer; }
#project-footer .f-navigation .navigation { float:left; position:relative; left:54px; top:-35px; }
#project-footer .f-navigation .project-name { float:left; position:relative; left:-12px; top:-7px; }
#project-footer .f-navigation .pdf { float:right; position:relative; top:10px; left:-20px; }

#photos { display:none; width:100%; cursor:move; }
#photos table { width:auto; margin:0 auto; padding:0 100px; }
#photos td { padding:20px; vertical-align:middle; height:100%; }
#photos img, #photos canvas { position:relative; cursor:move; }

#content-bg { display:none; z-index:20; width:1000px; height:450px; position:absolute; left:3000px; background:#000; opacity:0.6; filter:alpha(opacity=60); }
#content { display:none; z-index:21; position:absolute; width:100%; }

#footer { border-top:1px solid #000; padding-top:8px; line-height:200%; height:30px; position:absolute; margin:5px; z-index:11; width:740px; color:#000; float:left; font-size:9px; text-transform:uppercase; font-family:monaco, verdana; }
#footer a { color:#000; }

#lg, #rg { display:none; position:absolute; top:0; left:0; z-index:22; width:143px; height:2000px; }
#lg { background:url('lg.png') repeat-y; }
#rg { background:url('rg.png') repeat-y; }


div.jquery-image-zoom { line-height: 0; font-size: 0; z-index: 111; margin: -5px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); }
div.jquery-image-zoom a { background: url('closebox.png') no-repeat; display: block; width: 30px; height: 30px; position: absolute; left: -16px; top: -16px; *left: auto; *right: -22px; text-decoration: none; text-indent: -100000px; outline: 0; z-index: 101; }
div.jquery-image-zoom img, div.jquery-image-zoom embed, div.jquery-image-zoom object, div.jquery-image-zoom div { width:100%; height:100%; }

.tipsy { padding: 5px; font-size:10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url('tipsy.gif'); }
  .tipsy-inner { padding: 8px 8px 6px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }