html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/140% georgia, serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, blockquote {
	margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}

/* Form field text-scaling */
input, select, textarea {
	font-size: 100%;
}

.center{
  margin:.5em auto;
  display:block;
}
.center-hp{ margin:0; }

.left{
  float:left;
  margin:0 1em 0 0;
}
.right{
  float:right;
  margin:0 0 0 1em;
}

/* thank you Faruk, let's get on with the styling */

html{
  height:100%;
  background:#fff url(images/html2.png);
  color:#866f42;
}

a:link{ color:#467411; text-decoration:underline; font-weight:bold; background:#efefef; }
a:visited{ font-weight:normal; color:#2f5403; text-decoration:none; background:transparent; }
a:focus, a:hover{ text-decoration:none; background:transparent; }

#nav li a:focus, #header a:focus, .site-credit:focus{ outline:none; }

a img{
  border:none;
  padding:0;
}

h2{
  text-align:left;
  font:bold 1.6em/1.2em "courier new", monospace;
  letter-spacing:-1px;
  color:#555;
  margin:0; padding:0 0 3px 1em;
  border-bottom:1px dotted #999;
}
h3{
  font:bold 1.2em/1.1em "courier new", monospace;
  text-align:center;
  margin:.5em 0;
}

ul{
  list-style-image:url(images/news.png);
}

dt{
  font:bold 1.2em/1.1em "courier new", monospace;
  margin:.7em 0; padding-left:30px;
  background:url(images/dt.png) 0 0 no-repeat;
  color:#555;
}
dd{ 
  margin:0;
}

#karton{
  width:658px; height:506px;
  position:absolute; top:50%; left:50%;
  margin:-258px 0 0 -328px; padding:0;
  background:url(images/karton.png) center no-repeat;
}
  #content-holder{
    position:relative;
    width:100%; height:100%;
    margin:0; padding:0;
  }
    #header{
      position:absolute; top:0; left:0;
      width:509px; height:148px;
      margin:0; padding:0;
      text-indent:-2048px;
    }
      #header a{
        display:block;
        height:100%;
        background:url(images/header.png) 0 0 no-repeat;
        border:none;
      }
    
    #main-content-wrapper, #news-wrapper{
      padding:5px; margin:0;
      width:323px; height:227px;
      position:absolute; top:147px; right:50px;
      overflow:auto;
    }
    #news-wrapper{
      position:absolute; top:167px; left:28px;
      width:170px; height:248px;
    }
    
      .content{
        margin:0 10px 0 7px;
        font:normal .7em/1.6em georgia, serif;
      }
      #main-content .content{
        padding:0;
      }
      #news-wrapper .content{
        font:normal .6em/1.4em verdana, sans-serif;
        margin-right:5px; margin-left:12px;
      }
      
      #news-wrapper h3{
        display:none;
      }
      #news-wrapper ul{
        margin:0; padding:0;
        list-style-position:inside;
      }
        #news-wrapper ul li{
          padding:0;
          margin:.5em 0;
        }
      #news-wrapper p{
        margin:0;
        padding:.5em 0;
      }
      
#nav{
  height:370px;
  width:136px;
  position:absolute; top:0; right:-121px;
  background:url(images/menu.png) 0 0 no-repeat;
  margin:0; padding:104px 0 0 0;
  text-indent:-10999px; /* Opera doesn't allow em here, hides the whole menu */
  list-style:none;
}
  #nav li{
    margin:0 0 2px 0;
    height:22px;
  }
#nav .hom{ margin-bottom:11px; margin-right:28px; }
#nav .gli{ margin-right:30px; }
#nav .faq{ margin-right:32px; }
#nav .ope{ margin-right:34px; }
#nav .ref{ margin-top:20px; margin-right:37px; }
#nav .sti{ margin-top:13px; margin-right:39px; }
#nav .sho{  margin-right:42px; }
#nav .lin{ margin-top:20px; margin-right:44px; }
#nav .kon{ margin-top:17px; margin-right:47px; }
  #nav li a{
    border:none;
    text-decoration:none;
    display:block;
    background:transparent;
    height:22px;
    padding:0; margin:0;
  }
  #nav li a:hover{
    background:url(images/nav-hover.png) right bottom no-repeat;
  }
  
#glidecam .gli{ background:url(images/nav-hover.png) right bottom no-repeat; }
#faq .faq{ background:url(images/nav-hover.png) right bottom no-repeat; }
#operater .ope{ background:url(images/nav-hover.png) right bottom no-repeat; }
#reference .ref{ background:url(images/nav-hover.png) right bottom no-repeat; }
#stills .sti{ background:url(images/nav-hover.png) right bottom no-repeat; }
#showreel .sho{ background:url(images/nav-hover.png) right bottom no-repeat; }
#linkovi .lin{ background:url(images/nav-hover.png) right bottom no-repeat; }
#kontakt .kon{ background:url(images/nav-hover.png) right bottom no-repeat; }

form{
  margin:1em 0;
}
form br{
  clear:both;
  font-size:1px;
}
input, label{
  display:block;
  float:left;
  width:200px;
}
textarea{
  width:100%;
  height:10em;
  font-family:georgia, serif;
}

#content-holder .site-credit{
  width:20px;
  height:20px;
  padding:0; margin:0;
  position:absolute; bottom:7px; right:80px;
  background:url(images/site-credits.png) 0 0 no-repeat;
  border:none;
  text-indent:-2048px;
}

.two-col-grid{
  list-style:none;
  list-style-image:none;
  margin:0; padding:0;
  width:100%;
  overflow:hidden;
}
  .two-col-grid li{
    float:left;
    width:49.5%;
    text-align:center;
    margin:5px 0; padding:4px 0 0 0;
    background:url(images/two-column-grid.png) center no-repeat;
  }
  .two-col-grid a{
    background:transparent;
    border:none;
  }
  .two-col-grid a:hover{
    background:transparent;
  }