body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../img/bg-a.jpg);
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow:hidden;
}
#container {
	position:absolute;
	bottom:0;
	width:100%;
	height:551px;
	border: white;
	z-index:1;
}
#container2 {
	position:absolute;
	bottom:0;
	width:100%;
	height:551px;
	border: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-color:#f00;
	z-index:1;
}
#newsform {
	z-index:1;
}

#balk {
	position:absolute;
	bottom:0px;
	width:100%;
	height:143px;
	background-color: #333333;
	background-image: url(../img/bg.jpg);
}
#logo {
	position:absolute;
	top:-100px;
	width:172px;
	height:170px;
	z-index:1;
}

#menu {
	position:absolute;
	top:52px;
	width:172px;
	height:236px;
	z-index:3;
}

#submenu {
	position:absolute;
	left:-150px;
	top:172px;
	width:230px;
	height:236px;
	z-index:2;
}

/* MOVABLE ITEMS */



#portfolio-content {
	position:absolute;
	top:82px;
	width:566px;
	height:380px;
	left:24px;
	background-color:#000;
	overflow:auto;
}

/* #showvid1 - 16:9 div */
/* #showvid2 - 4:3 ratio div */

#showvid1 {
	cursor:default;
}

#showvid2 {
	position: absolute;
	top:22px;
	left:10px;
	width:360px;
	height:288px;
	color:#fff;
	cursor:default;
}

#audio {
	position: absolute;
	top:24px;
	left:10px;
	width:286px;
	height:85px;
	color:#fff;
}

#portfolio {
	background-image: url(../img/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#portfolio, #about, #showreel, #contact, #crew {
  cursor: move;
}

.sluit { 
	float: right;
 }
 
.close {
	position:absolute;
	width:25px;
	height:22px;
	z-index:1;
	left: 521px;
}

.close-contact {
	position:absolute;
	width:25px;
	height:22px;
	z-index:1;
	left: 390px;
}

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#f00;
}
.newsletter {
  width: 250px;
  height: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color:#f00;
  margin-left: 220px;
  margin-top: 370px;
  z-index:10;
  } 

.project {
	width:230px;
	height:73px;
	background-color:#000;
	color:#fff;
	font-size:11px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.textbox {
	height:42px;
}

.buttonview { padding-left:106px; }


.buttonview a { display: block; width:44px; height:20px; background: transparent url(../img/view.jpg) no-repeat; }
.buttonview a:hover { background-position: -44px 0; }

img {border: 0;}

.button1 a { display: block; width: 172px; height: 30px; background: transparent url(../img/menu-1.jpg) no-repeat; }
.button1 a:hover { background-position: -172px 0; }

.button2 a { display: block; width: 172px; height: 30px; background: transparent url(../img/menu-2.jpg) no-repeat; }
.button2 a:hover { background-position: -172px 0; }

.button3 a { display: block; width: 172px; height: 30px; background: transparent url(../img/menu-3.jpg) no-repeat; }
.button3 a:hover { background-position: -172px 0; }

.button4 a { display: block; width: 172px; height: 30px; background: transparent url(../img/menu-4.jpg) no-repeat; }
.button4 a:hover { background-position: -172px 0; }

.button5 a { display: block; width: 172px; height: 30px; background: transparent url(../img/menu-5.jpg) no-repeat; }
.button5 a:hover { background-position: -172px 0; }

.button1a a { display: block; width: 230px; height: 28px; background: transparent url(../img/menu-1a.jpg) no-repeat; }
.button1a a:hover { background-position: -230px 0; }

.button2a a { display: block; width: 230px; height: 28px; background: transparent url(../img/menu-2a.jpg) no-repeat; }
.button2a a:hover { background-position: -230px 0; }

.button3a a { display: block; width: 230px; height: 28px; background: transparent url(../img/menu-3a.jpg) no-repeat; }
.button3a a:hover { background-position: -230px 0; }

.button4a a { display: block; width: 230px; height: 28px; background: transparent url(../img/menu-4a.jpg) no-repeat; }
.button4a a:hover { background-position: -230px 0; }

.button5a a { display: block; width: 230px; height: 28px; background: transparent url(../img/menu-5a.jpg) no-repeat; }
.button5a a:hover { background-position: -230px 0; }

.button6 a { display: block; width: 172px; height: 30px; background: transparent url(../img/menu-6.jpg) no-repeat; }
.button6 a:hover { background-position: -172px 0; }