/* ALGEMEEN */

* {
	font-family: "Trebuchet MS";
	color: #fff;
	font-size: 12px;
}

body, html {
	width: 100%;
	height: 100%;
	margin: 0px;
	overflow: hidden;
	/*display: block;*/
}

body {
	background-color: #3F3F3F;
}

h1 {
	margin-top: 30px;
	padding-left: 650px;
	text-align: center;
}
h2 {
	white-space: nowrap;
}
h3 {
	white-space: nowrap;
	font-size: 16px;
	color: #fc0;
	margin: 0px;
}
h4 {
	font-family: verdana;
	font-size: 11px;
	color: #fc0;
	margin-bottom: 2px;
}
h5 {
	font-family: verdana;
	font-size: 11px;
	color: #fc0;
	margin-bottom: 2px;
}
p {
	margin-top: 0px;
	line-height: 17px;
	margin: 4px 0px 12px 0px;
}
a {
}
a:hover {
	color: #C6ABC3;
}
ul {
	margin-top: 0px;
	padding-left: 15px;
}
/*ul>li {
}*/

.scroll-pane {
	width: 100%;
	height: 310px;
	overflow: auto;
	float: left;
}

form textarea, form input.input, form select, form select option {
	color: #000;
}

/* SPECIFIEK */
h1 a {
	margin: 0 auto;
	display: block;
	width: 178px;
	height: 125px;
	background: transparent url(logo.gif) 0px 0px no-repeat;
	font-size: 1px;
	color: #3F3F3F;
}
h1 a:hover {
	color: #3F3F3F;
}


div#pageholder {
	/*width:  769px; 781px */
	/*height: 414px; 426px */
	position: relative;
	width:  774px;/* 778px */
	height: 419px;/* 423px */
	margin: 0 auto;
	padding: 3px;
	background: transparent url(kader.png) 0px 0px no-repeat;
}
	div#page {
		position: relative;
		/*width:  703px; 781px */
		/*height: 388px; 426px */
		width:  707px;/* 778px */
		height: 392px;/* 423px */
		background: #444 url(bgpage_distressed.jpg) 0px 0px;
		background: #444 url(bgpage_fabric.jpg) 0px 0px;
		background: #444 url(bgpage_edward.jpg) 0px 0px;
		background: #444 url(bgpage_liquidcho.jpg) 0px 0px;
		background: #444 url(bgpage_lounge.jpg) 0px 0px;
		/*border: 1px solid #FC0;*/
		padding: 12px 32px 12px 32px;
	}
		/* MENU */
		ul#menu {
			position: relative;
			margin: 0px 0px 20px 0px;
			padding: 0px;
			list-style: none;
			z-index: 110;
			white-space: nowrap;
		}
		ul#menu li {
			display: inline;
			margin-left: 48px; /*ie49*/
		}
		ul#menu li.first {
			margin-left: 0px;
		}
		ul#menu li a {
			font-family: arial;
			font-weight: bold;
			font-size: 14px;
			text-decoration: none;
			text-transform: uppercase;
			color: #fff;
		}
		ul#menu li a:hover {
			color: #C6ABC3;
		}
		ul#menu li.selected a {
			color: #fc0;
		}

		/* CONTENT */
		div#content {
		}
		div#content>div {
			float: left;
			margin-left: 15px;
		}
		div#content>div.full {
			width: 703px;
		}
		div#content>div.half {
			width: 336px;/* 351px */
		}
		div#content>div.third {
			width: 224px;/* 234px */
		}
		div#content>div.twothird {
			width: 453px;/* 468px */
		}
		/*home*/
		div#content>div.home1 {
			width: 260px;
		}
		div#content>div.home2 {
			width: 310px;
			margin-left: 40px;
		}
		div#content>div.home3 {
			width: 93px;
			margin-left: 0px;
			text-align: right;
		}
		/*commercials*/
		div#content>div.comm1 {
			width: 368px;
		}
		div#content>div.comm2 {
			width: 304px;
			margin-left: 34px;
/*			position: relative;
			top: -4px;*/
		}
		/*soundclips*/
		div#content.soundclips>div {
			width: 300px;
			margin-left: 100px;
		}
		/**/
		div#content>div.first {
			margin-left: 0px;
		}
	/* corners */
	div#content>div#c_tl,
	div#content>div#c_tr,
	div#content>div#c_bl,
	div#content>div#c_br {
		clear: both;
		position: absolute;
		width: 10px;
		height: 8px;
		margin: 0px;
		overflow: hidden;
	}
	div#c_tl {
		top: 0px;
		left: 0px;
		background: transparent url(c_tl.png);
		z-index: 100;
	}
	div#c_tr {
		top: 0px;
		right: 0px;
		background: transparent url(c_tr.png);
		z-index: 100;
	}
	div#c_bl {
		bottom: 0px;
		left: 0px;
		background: transparent url(c_bl.png);
		z-index: 100;
	}
	div#c_br {
		bottom: 0px;
		right: 0px;
		background: transparent url(c_br.png);
		z-index: 100;
	}
	/* media */
	ul.media>li,
	ul.media>li * {
		line-height: 1px;
		font-size: 1px;
	}
	/*ul.media>li a img {
		margin: 0px 4px 4px 0px;
	}*/
	/* home */
	div#content.home ul.news {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	div#content.home ul.media {
		margin-top: 10px;
	}

	/* home / commercials */
	div#content.home ul.media,
	div#content.commercials ul.media {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}

	div#content.home ul.media {
		margin-top: 14px;
	}
	div#content.commercials ul.media>li {
		display: inline;
	}

	div#content.home ul.media>li a img {
		margin: 0px 0px 4px 0px;
	}
	div#content.commercials ul.media>li a img {
		margin: 0px 3px 4px 0px;
	}
	div#content.home ul.media>li a img,
	div#content.commercials ul.media>li a img {
		background: transparent url(commercialthumb.gif);
		padding: 1px;
	}
	div#content.home ul.media>li a:hover img,
	div#content.commercials ul.media>li a:hover img {
		background: none;
		padding: 1px;
	}

	div#content.home ul.media>li a img,
	div#content.commercials ul.media>li a img {
		border: 0px;/*border: 1px solid #fff;*/
		/*margin: 1px;*/
	}
	/*div#content.home ul.media>li a:hover img,
	div#content.commercials ul.media>li a:hover img {
		1px solid #722C69;
	}*/
	div#content.home ul.media>li p,
	div#content.commercials ul.media>li p {
		display: none;
	}

	/* audioclips */
	div#content.soundclips ul.media {
		width: 225px;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	div#content.soundclips ul.media a {
		font-size: 12px;
		line-height: 24px;
		font-weight: bold;
		text-decoration: none;
	}
	div#content.soundclips ul.media p {
		display: none;
	}
	/* contact */
	#googlemaps {
		/*display:none;*/
		visibility: hidden;
		width: 460px;
		height: 306px;
		border: 2px solid #fc0;
	}
	#googlemaps #gminfo {
	}
	#googlemaps h5 {
		margin: 0px;
		color: #da0;
	}
	#googlemaps #gminfo p a {
		color: #000;
	}
	/* screen */
	/*div#content.home div#screen, div#content.commercials*/
	div#screen {
		padding: 1px;
		background: transparent url(screenbg.gif) 0px 0px no-repeat;
	}
	div#content.commercials div#screen,
	div#content.home div#screen {
		background-position: 0px 68px;
	}
	div#content.soundclips div#screen {
		margin-top: 50px;
		background: none;
	}
	div#screen b,
	div#screen p {
		color: #fc0;
		height: 52px;
		overflow: hidden;
		/*display: none;*/
	}
	div#content.showreel div#screen {
		margin-top: 50px;
		margin-left: 200px;
	}
	ul#data {
		display: none;
	}
	/* client login */
	a#clientlogin {
		text-align: center;
		display: block;
		padding-right: 720px;
		color: #999;
	}

	/*div#screen>object, div#screen>embed {
		border: 1px solid #fc0;
	}*/
	/*div#content.ahome div#screen {
		position: absolute;
		top: 40px;
		left: 0px;
		width: 716px;
		height: 348px;
		z-index: 50;
		margin: 12px 32px 12px 32px;
	}
	a.close {
		position: absolute;
		top: 0px;
		right: 0px;
		font-size: 19px;
		font-weight: bold;
		color: #fc0;
		text-decoration: none;
	}*/

/* SCROLL PANE */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	/*background: #aaa;*/
	background: transparent url(bg_scroll_scrub.png);
}
.jScrollPaneDrag {
	position: absolute;
	/*background: #666;*/
	background: transparent url(bg_scroll_bar.png);
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	background: transparent url(bg_scroll_up.png);
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	background: transparent url(bg_scroll_down.png);
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}