* {padding:0;margin:0}
p {clear:both;padding:0;margin:0}
html {overflow:-moz-scrollbars-vertical;font:11px Verdana, Arial, sans-serif}
html, body {height:100%;margin:0;padding:0}
body {background:#fff;color:#000}
body.film {background:#000;color:#fff}

	a:focus, object:focus { outline: none; -moz-outline-style: none; }
	.regulator {display:block;clear:both;line-height:0;font-size:0;height:0}
	.regulator2 {display:block;clear:both;line-height:0;font-size:0;height:7px}
	button::-moz-focus-inner, input[type=submit]::-moz-focus-inner {border:0;padding:0}
	img {border:0}
	
	.splash .background {position:absolute;width:50%;height:100%;background:#000;z-index:1}
	
	.splash .container {position:relative;left:50%;margin-left:-495px;width:990px;min-height:100%;height:auto !important;height:100%;z-index:2}		
		.container .bluebar {position:relative;width:590px;height:7px;line-height:0;font-size:0;margin:0 auto;background:#008fbc}
		.splash .container .logo {background:URL(/images/splash/pellicola.png);width:159px;height:157px;margin:0 auto;margin-top:52px}
		.splash .container .buttons {clear:both;width:590px;padding:54px 0 242px 0;margin:0 auto}
			.splash .container .buttons a {display:block;height:45px;float:left}
				.splash .container .buttons a.filmbtn {width:159px;background:URL(/images/splash/film.png)}
				.splash .container .buttons a.advertisingbtn {float:right;width:191px;background:URL(/images/splash/advertising.png)}
			.splash .container .buttons a:hover {background-position:0 -48px}
		
	.splash .footer {position:absolute;bottom:0;left:50%;margin:0 0 0 -295px;width:590px;height:7px;line-height:0;font-size:0;background:#008fbc}
	
	.container {position:absolute;width:590px;min-height:100%;height: auto !important;height:100%;top:0;left:50%;margin-left:-295px;z-index:2}
	.container_back {position:absolute;width:990px;min-height:100%;height: auto !important;height: 100%;top:0;left:50%;margin-left:-495px;z-index:1}
		
		.container_back .left {position:fixed;padding-left:15px}
			.film .container_back .left .logo {width:125px;height:77px;margin-top:61px;background:URL(/images/film/pellicola_film.png)}
			.advertising .container_back .left .logo {width:143px;height:77px;margin-top:61px;background:URL(/images/advertising/pellicola_advertising.png)}
			
			.container_back .left .menu {padding-top:65px}
				.container_back .left .menu a {display:block;clear:both;height:24px;margin-bottom:3px}
				.container_back .left .menu a span {display:none}
					.container_back .left .menu a.projectsbtn {width:80px;background:URL(/images/film/projects.png) 0 0}
					.container_back .left .menu a.aboutbtn {width:56px;margin-bottom:2px;background:URL(/images/film/about.png) 0 0}
					.container_back .left .menu a.contactbtn {width:73px;background:URL(/images/film/contact.png) 0 0}
					.container_back .left .menu a.indevelopmentbtn {width:135px;background:URL(/images/film/in_development.png) 0 0}
					.film .container_back .left .menu a.advertisingbtn {width:106px;margin-top:104px;background:URL(/images/film/advertising.png) 0 0}
					.advertising .container_back .left .menu a.projectsbtn {background:URL(/images/advertising/projects.png) 0 0}
					.advertising .container_back .left .menu a.aboutbtn {background:URL(/images/advertising/about.png) 0 0}
					.advertising .container_back .left .menu a.contactbtn {background:URL(/images/advertising/contact.png) 0 0}
					.advertising .container_back .left .menu a.filmbtn {width:40px;margin-top:104px;background:URL(/images/advertising/film.png) 0 0}
				.container_back .left .menu a:hover, .container_back .left .menu a.active, .advertising .container_back .left .menu a:hover, .advertising .container_back .left .menu a.active {background-position:0 -24px}
				.container_back .left .menu a:hover.advertisingbtn, .container_back .left .menu a.advertisingbtn.active {background-position:0 -22px}
				.container_back .left .menu a:hover.filmbtn, .container_back .left .menu a.filmbtn.active {background-position:0 -22px}
		
		.container .cnt {width:590px;padding-bottom:20px;min-height:410px}
			
			.whitetxt {color:#fff}
			.project {display:block;height:170px;margin-top:10px;text-decoration:none;color:#737577}
				.project .img {float:left;display:block;width:255px;height:170px;background:#737577}
				.project .description {float:left;width:315px;padding:11px 10px 0 10px}
					.project .description .title {display:block;width:315px;height:19px;overflow:hidden;font-size:13px;color:#fff;white-space:nowrap}
					.advertising .project .description .title {color:#000}
					.project .description .meta {display:block;width:315px;white-space:nowrap}
					.project .description .desc {display:block;width:315px;padding-top:19px;overflow:hidden;line-height:17px}
				.project .description:hover .title {color:#008fbc}
				
			.project_details {}
				.project_details .title, .contact .title {float:left;width:560px;padding:21px 0 15px 10px}
					.project_details .title .tit, .contact .title .tit {font-size:13px;padding-bottom:2px}
					.film .project_details .title .meta, .film .contact .title .meta {color:#737577}
					.advertising .project_details .title .meta, .advertising .contact .title .meta {color:#515254}
				.project_details a.closebtn {display:block;float:right;margin:34px 0 0 0;background:URL(/images/film/x_sluiten.png);width:13px;height:22px}
				.advertising .project_details a.closebtn {background:URL(/images/advertising/x_sluiten.png)}
				.project_details a.closebtn:hover {background-position:0 -22px}
				
				.project_details .video, .project_details .stills, .project_details .artwork, .contact .googlemaps {clear:both;width:590px;height:385px;background:#000;color:#000}
				.advertising .project_details .video, .advertising .project_details .stills, .advertising .project_details .artwork, .advertising .contact .googlemaps {background:#fff}
				.film .project_details .desc, .film .contact .desc {padding:16px 10px;color:#737577;line-height:17px}
				.advertising .project_details .desc, .advertising .contact .desc {padding:16px 10px;color:#515254;line-height:17px}
					.project_details .desc .white_tekst, .contact .desc .white_tekst {color:#fff}
					.project_details .desc .black_tekst, .contact .desc .black_tekst {color:#000}
				.advertising .project_details a {text-decoration:none;color:#515254}
					.advertising .project_details a:hover {color:#000}
				.film .project_details a {text-decoration:none;color:#737577}
					.film .project_details a:hover {color:#fff}
				
				.project_details ul.images {position:relative}
					.project_details ul.images li {position:absolute;left:0;top:0}
				
			.film .contact a {text-decoration:none;color:#737577}
				.film .contact a:hover {color:#fff}
				
			.advertising .contact a {text-decoration:none;color:#515254}
				.advertising .contact a:hover {color:#000}
			
			.regpage {}
				.regpage .title {width:580px;padding:21px 0 15px 10px;font-size:13px}
				.regpage .desc {width:580px;padding:13px 0 0 10px;line-height:17px}
				.film .regpage .desc {color:#737577}
				.advertising .regpage .desc {color:#515254}
			
		.container_back .right {position:fixed;margin:59px 0 0 834px}
			.container_back .right .submenu {padding-top:59px}
			.container_back .right a {display:block;height:22px;margin-bottom:5px}
				.container_back .right a.videobtn {width:50px;background:URL(/images/film/video.png)}
				.advertising .container_back .right a.videobtn {width:50px;background:URL(/images/advertising/video.png)}
				.container_back .right a.stillsbtn {width:56px;margin-bottom:4px;background:URL(/images/film/stills.png)}
				.container_back .right a.artworkbtn {width:81px;background:URL(/images/film/artwork.png)}
				.container_back .right a span {display:none}
			.container_back .right a:hover, .container_back .right a.active, .advertising .container_back .right a:hover, .advertising .container_back .right a.active {background-position:0 -22px}
			
			.container_back .prevnext {padding-top:24px}
				.container_back .prevnext a {float:left;width:24px;height:40px;margin:0;}
					.container_back .prevnext a.prev {margin-right:4px;background:URL(/images/film/pijl_links.png)}
						.advertising .container_back .prevnext a.prev {background:URL(/images/advertising/pijl_links.png)}
					.container_back .prevnext a.next {background:URL(/images/film/pijl_rechts.png)}
						.advertising .container_back .prevnext a.next {background:URL(/images/advertising/pijl_rechts.png)}
				.container_back .prevnext a:hover, .advertising .container_back .prevnext a:hover {background-position:0 -40px}
				
		.footer {position:absolute;bottom:0;width:590px;height:7px;line-height:0;font-size:0;background:#008fbc}