body {
  background:#000;
  margin:70px auto 0 auto;
}

body, div, table td, input, textarea {
  color:#a2ccd7;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
}

.clear {
  clear:both;
}

img {
  border:0;
}

a {
  color:#1ab4dd;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

/* Layout */

.video-container {
  position:fixed;
  z-index:0;
  margin:0 0 0 -150px;
  width:1920px;
  height:1080px;
}

.video-container.postproduction {
  display:none;
}

#postproduction .video-container {
  display:none;
}

#postproduction .video-container.postproduction {
  display:block;
}

#page-wrap {
  margin:0 auto;
  padding-top:0px;
  position:relative;
  width:935px;
  z-index:1;
}

#content {
  position:relative;
}

/* Header */

#header a {
  display:block;
}

#header .mainmenu-prod,
#header .mainmenu-post {
  float:left;
  margin:0 2px 2px 0;
}

#header .mainmenu-prod {
  background:url('../img/mainmenu-production.png') no-repeat top left;
  height:47px;
  width:247px;
}

#header .mainmenu-post {
  background:url('../img/mainmenu-postproduction.png') no-repeat top left;
  height:47px;
  width:272px;
}

#header .mainmenu-prod:hover,
#header .mainmenu-post:hover,
#header .mainmenu-prod.selected,
#header .mainmenu-post.selected {
  background-position:bottom left;
}

#header .logo {
  background:url('../img/logo-nuframe-production.png') no-repeat top left;
  float:right;
  margin-top:-5px;
  height:50px;
  width:56px;
}

#postproduction #header .logo {
  background:url('../img/logo-nuframe-postproduction.png') no-repeat top left;
}

/* Content */

/** Submenu **/

.submenu {
  margin:0;
  padding:0;
}

.submenu li {
  float:left;
  list-style-type:none;
  margin-right:2px;
  width:185px;
}

.submenu li a {
  background:url('../img/submenu-background.png') no-repeat bottom left;
  color:#215b6b;
  font-size:17px;
  display:block;
  letter-spacing:-1px;
  padding-left:10px;
  padding-top:2px;
  height:21px;
  text-decoration:none;
}

#postproduction .submenu li a {
  color:#483f28;
}

.submenu li a:hover {
  background:url('../img/submenu-background.png') no-repeat center left;
  color:#13323a;
}

#postproduction li a:hover {
  color:#2c2619;
}

.submenu a.selected,
.submenu a.selected:hover {
  background:url('../img/submenu-background.png') no-repeat top left;
  color:#1ab4dd;
}

.submenu #blank {
  background:url('../img/submenu-background.png') no-repeat bottom left;
}

#postproduction .submenu li a {
  background:url('../img/submenu-background-post.png') no-repeat bottom left;
}

#postproduction .submenu li a:hover {
  background:url('../img/submenu-background-post.png') no-repeat center left;
}

#postproduction .submenu a.selected,
#postproduction .submenu a.selected:hover {
  background:url('../img/submenu-background-post.png') no-repeat top left;
  color:#f5c040;
}

#postproduction .submenu #blank {
  background:url('../img/submenu-background-post.png') no-repeat bottom left;
}

/** "Home" template **/

.video-thumb-container {
  position:absolute;
}

.video-thumb-container a img {
  position:absolute;
  z-index:1;
}

.video-thumb-container a {
  background:url('../img/bg-thumb-glow-2.png') no-repeat;
  margin-left:-185px;
  position:absolute;
  height:105px;
  width:185px;
  z-index:2;
}

.video-thumb-container a span {
  display:none;
  font-weight:bold;
  position:absolute;
  bottom:4px;
  text-align:center;
  width:185px;
}

#postproduction .video-thumb-container a span {
  color:#f5c040;
}

.video-thumb-container a:hover {
  background:none;
  text-decoration:none;
}

.video-thumb-container a:hover span {
  display:block;
}
/*
.home #thumb-1,
.home #thumb-2,
.home #thumb-3,
.home #thumb-4,
.home #thumb-5  {top:25px;}

.home #thumb-1  {left:0;}
.home #thumb-2  {left:187px;}
.home #thumb-3  {left:374px;}
.home #thumb-4  {left:561px;}
.home #thumb-5  {left:748px;}

.home #thumb-6,
.home #thumb-7,
.home #thumb-8,
.home #thumb-9,
.home #thumb-10 {top:132px;}

.home #thumb-6  {left:0;}
.home #thumb-7  {left:187px;}
.home #thumb-8  {left:374px;}
.home #thumb-9  {left:561px;}
.home #thumb-10 {left:748px;}

.home #thumb-11,
.home #thumb-12,
.home #thumb-13,
.home #thumb-14,
.home #thumb-15 {top:239px;}

.home #thumb-11 {left:0;}
.home #thumb-12 {left:187px;}
.home #thumb-13 {left:374px;}
.home #thumb-14 {left:561px;}
.home #thumb-15 {left:748px;}

.home #thumb-16,
.home #thumb-17,
.home #thumb-18,
.home #thumb-19 {top:346px;}

.home #thumb-16 {left:0;}
.home #thumb-17 {left:187px;}
.home #thumb-18 {left:374px;}
.home #thumb-19 {left:561px;}
*/
/** "Sort by" template **/
/*
.sort-by #thumb-1,
.sort-by #thumb-2,
.sort-by #thumb-3,
.sort-by #thumb-4,
.sort-by #thumb-5  {top:50px;}

.sort-by #thumb-1  {left:0;}
.sort-by #thumb-2  {left:187px;}
.sort-by #thumb-3  {left:374px;}
.sort-by #thumb-4  {left:561px;}
.sort-by #thumb-5  {left:748px;}

.sort-by #thumb-6,
.sort-by #thumb-7,
.sort-by #thumb-8,
.sort-by #thumb-9,
.sort-by #thumb-10 {top:182px;}

.sort-by #thumb-6  {left:0;}
.sort-by #thumb-7  {left:187px;}
.sort-by #thumb-8  {left:374px;}
.sort-by #thumb-9  {left:561px;}
.sort-by #thumb-10 {left:748px;}

.sort-by #thumb-11,
.sort-by #thumb-12,
.sort-by #thumb-13,
.sort-by #thumb-14,
.sort-by #thumb-15 {top:314px;}

.sort-by #thumb-11 {left:0;}
.sort-by #thumb-12 {left:187px;}
.sort-by #thumb-13 {left:374px;}
.sort-by #thumb-14 {left:561px;}
.sort-by #thumb-15 {left:748px;}

.sort-by #thumb-16,
.sort-by #thumb-17,
.sort-by #thumb-18,
.sort-by #thumb-19 {top:421px;}

.sort-by #thumb-16 {left:0;}
.sort-by #thumb-17 {left:187px;}
.sort-by #thumb-18 {left:374px;}
.sort-by #thumb-19 {left:561px;}
*/
.headline {
  position:absolute;
  left:0;
}

.headline .headline-part {
  background:url('../img/submenu-background.png') top left;
  float:left;
  margin-right:2px;
  height:23px;
  width:185px;
}

.headline .headline-part span {
  color:#1ab4dd;
  display:block;
  font-size:16px;
  letter-spacing:-1px;
  padding:2px 0 0 10px;
}

.funnelInfo {
  background:url('../img/submenu-background.png') top left;
  float:left;
  margin:0 2px 2px 0;
  height:23px;
  width:185px;
}

.funnelInfo span {
  color:#1ab4dd;
  display:block;
  font-size:16px;
  letter-spacing:-1px;
  padding:2px 0 0 10px;
}

#postproduction .funnelInfo span {
  color:#f5c040;
  display:block;
  font-size:16px;
  letter-spacing:-1px;
  padding:2px 0 0 10px;
}

/*
.headline#directors-milos_srdic {top:25px;}

.headline#directors-janez_stucin {top:157px;}

.headline#directors-vladan_jankovic {top:289px;}
*/
/** "Single project" template **/

.slideshow {
  position:relative;
  width:935px;
  height:105px;
  overflow:hidden;
}

.slideshow ul {
  margin:0;
  padding:2px 0 0 0;
}

.slideshow ul li {
  float:left;
  list-style-type:none;
  margin-right:2px;
}

.slideshow ul a img {
  position:absolute;
  z-index:1;
}

.slideshow ul a {
  background:url('../img/bg-thumb-glow-2.png') no-repeat;
  margin-left:-185px;
  position:absolute;
  height:105px;
  width:185px;
  z-index:2;
}

.slideshow ul a span {
  display:none;
  font-weight:bold;
  position:absolute;
  bottom:4px;
  text-align:center;
  width:185px;
}

#postproduction .slideshow ul a span {
  color:#efb019;
}

.slideshow ul a:hover {
  background:none;
  text-decoration:none;
}

.slideshow ul a:hover span {
  display:block;
}

.slideshow #prev,
.slideshow #next {
  position:absolute;
}

.slideshow #prev {
  top:0;
  left:0;
  z-index:3;
}

.slideshow #next {
  top:0;
  right:0;
  z-index:3;
}

.slideshow #prev a,
.slideshow #next a {
  background-position:top left;
  display:block;
  height:16px;
  width:54px;
}

.slideshow #prev a {
  background:url('../img/arrow-prev.gif');
}

.slideshow #next a {
  background:url('../img/arrow-next.gif');
}

#postproduction .slideshow #prev a {
  background:url('../img/arrow-prev-post.gif');
}

#postproduction .slideshow #next a {
  background:url('../img/arrow-next-post.gif');
}

.slideshow #prev a:hover,
.slideshow #next a:hover,
#postproduction .slideshow #prev a:hover,
#postproduction .slideshow #next a:hover {
  background-position:bottom left;
}

.project-details {
  position:relative;
}

.project-details p {
  margin:0;
  padding:0;
}

.project-details img {
  position:absolute;
  top:2px;
  left:0;
  z-index:1;
}

.project-details .big-image {
  background:url('../img/bg-big_image-hover.png') no-repeat top left;
  display:block;
  position:absolute;
  height:420px;
  width:746px;
  top:2px;
  left:0;
  z-index:2;
}

.project-details .big-image:hover {
  background:url('../img/bg-big_image-hover.png') no-repeat bottom left;
}

.project-details.page {
  margin-top:2px;
}

.kolofon {
  background:url('../img/bg-kolofon.png');
  float:right;
  margin-right:2px;
  position:relative;
  height:420px;
  width:185px;
}

.kolofon .title {
  background:#000;
  margin:10px 0 10px 0;
}

.kolofon .title span {
  color:#1ab4dd;
  display:block;
  font-size:15px;
  letter-spacing:-1px;
  padding:3px 0 0 10px;
}

#postproduction .title span {
  color:#efb019
}

.kolofon p {
  margin:0;
  padding:0 0 2px 10px;
}

.kolofon p span {
  color:#1ab4dd;
}

.kolofon a {
  position:relative;
  z-index:5;
}

#postproduction .kolofon a {
  color:#efb019;
}

#postproduction .kolofon p {
  color:#f5d995;
}

#postproduction .kolofon p span {
  color:#efb019;
}

.kolofon .icons {
  position:absolute;
  bottom:0;
}

.kolofon .icons a {
  margin-left:14px;
}

.kolofon .icons a .icon-title {
  background:#65cbe6;
  color:#000;
  display:none;
  font-size:12px;
  letter-spacing:-1px;
  padding:1px 2px;
  position:absolute;
}

#postproduction .kolofon .icons a .icon-title {
  background:#efb019;
}

.kolofon .icons a:hover .icon-title {
  display:block;
}

.edit-post {
  background:#000;
  padding:2px 5px;
  position:absolute;
  top:130px;
  left:0px;
  z-index:8;
}

#postproduction .edit-post .post-edit-link {
  color:#efb019;
}

/* Footer */

#footer {
  position:absolute;
  bottom:4px;
  width:100%;
}

#footer.single {
  position:relative;
  top:4px;
}

#footer .info-container {
  margin:0 auto;
  position:relative;
  height:15px;
  width:935px;
}

#footer .info-container .info {
  background:url('../img/bg-footer-info.png') repeat-x top left;
  color:#1ab4dd;
  font-size:9px;
  padding:2px 0 0 5px;
}

#postproduction #footer .info-container .info {
  color:#f5c040;
}

#footer .info-container .info a {
  color:#1ab4dd;
  text-decoration:underline;
}

#postproduction #footer .info-container .info a {
  color:#f5c040;
}

#footer .info-container .info a:hover {
  text-decoration:none;
}


#footer .info-container .info p {
  margin:0;
  padding:4px 0 0 10px;
}

#footer .trash {
  display:block;
  position:absolute;
  right:40px;
  bottom:20px;
}