/* This css is loaded for users with a screen resolution higher then 1024x768 */

/* GENERAL - START */
/*******************/

html {
	overflow: auto;	/* Removes unwanted vertical scrollbar in IE... */
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}

a:active
{
	outline: none;
}

:focus
{
  -moz-outline-style: none;
}

.hidden {
	display: none;
	visibility: hidden;
}

.hidden_on_screen {
	/* Hidden on screen but shown for other media (print, handheld, ...) */
	display: none;
	visibility: hidden;
}

.hidden_on_print {
	/* Hidden on printed pages but shown for screen view... */
}

.flash_not_installed img {
	*margin-top: -6px;
	border: 0;
}

/*******************************/

/* PAGE SPECIFIC - START */
/*************************/

#container {
	/*_*/
}


a, li { background-repeat: no-repeat;}
a:hover { background-position: left bottom;}
.selected { background-position: left bottom;}

#top {
	height: 50px;
	background-image: url('images/focusing_on_your_senses.gif');
	background-repeat: no-repeat;
	background-position: top left;
}
#container #top p {
	display: none;
}

#logo {
	position: absolute;
	bottom: 535px;
	right: 0px;
	height: 85px;
	width: 100%;
	text-align: right;
	background-image: url('images/tinctuur_logo.gif');
	background-repeat: no-repeat;
	background-position: right top;
}

#logo a {
	position: absolute;
	display: block;
	right: 0px;
	height: 85px;
	width: 250px;
}

#content {
	position: absolute;
	bottom: 175px;
	right: 0px;
	height: 360px;
	width: 100%;
	background-image: url('images/content_background.gif');
	background-repeat: repeat-x;
}

#block_production{
	position: absolute;
	bottom: 16px;
	right: 878px;
	height: 146px;
	width: 146px;
	background-image: url(images/design_buble.gif);
	background-repeat: no-repeat;
}

#block_production ul {
	position: absolute;
	bottom: 40px;
	width: 105px;
	height: 72px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	left: 25px;
}

#block_production ul li{
	margin: 0px;
	*margin-bottom: 2px; /* IE Hack */
	padding: 0px;
	list-style: none;
	font-size: 6px;
}
#block_production ul li h1   {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: normal;
}

#block_production a {
	display: block;
	height: 18px;
	width: 105px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
#block_production ul li h1 a span {
	color: #FFF;
}
#block_production ul li a.design {
	color: #BB2F1B;
}
#block_production ul li a.design:hover span , #block_production ul li.selected a.design span{
	color: #BB2F1B;
}
#block_production ul li a.audiovisual {
	color: #B0B39C;
}
#block_production ul li a.audiovisual:hover span , #block_production ul li.selected a.audiovisual span{
	color: #B0B39C;
}
#block_production ul li a.communication {
	color: #6C695A;
}
#block_production ul li a.communication:hover span , #block_production ul li.selected a.communication span{
	color: #6C695A;
}
#block_production ul li a.development {
	color: #F55300;
}
#block_production ul li a.development:hover span , #block_production ul li.selected a.development span{
	color: #F55300;
}

#block_meta {
	position: absolute;
	bottom: 162px;
	right: 878px;
	height: 184px;
	width: 146px;
	background-color: #DD5B1F;
}

#block_meta ul{
	position: absolute;
	height: 72px;
	width: 90px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	left: 25px;
	top: 50px;
}

#block_meta ul li {
	margin: 0px;
	*margin-bottom: 2px; /* IE Hack */
	padding: 0px;
	height: 18px;
}

#block_meta a {
	display: block;
	height: 18px;
	width: 80px;
	color: #FFF;
	text-decoration: none;
}
#block_meta ul li h1   {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
#block_meta ul li h1 a span   {
	color: #F55300;
}
#block_meta ul li h1 a:hover , #block_meta ul li.selected h1 a{
	color: #BB2F1B;
}
/************/
#block_meta ul li h1 a:hover span  , #block_meta ul li.selected h1 a span{
	color: #BB2F1B;
}

#block_category {
	position: absolute;
	bottom: 16px;
	right: 732px;
	height: 280px;
	width: 121px;
	padding-top: 50px;
	padding-left: 25px;
	background-color: #A73824;
}

#block_category ul {
	width: 121px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#block_category ul li {
	padding: 0px;
	margin: 0px;
	margin-bottom: 7px;
	*margin-bottom: 13px;
}

#block_category ul li a {
	display: block;
	height: 18px;
	width: 121px;
	color: #FFF;
	text-decoration: none;
}
#block_category ul li a:hover , #block_category ul li.selected a{
	color: #F55300;
}
#block_category ul li a span {
	color: #BB2F1B;
}
#block_category ul li a:hover span , #block_category ul li.selected a span{
	color: #F55300;
}
#block_category ul li h2 {
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#block_category ul ul {
	margin-left: 15px;
	margin-top: 7px;
	padding: 0px;
	list-style: none;
	*margin-top: 3px; 
	margin-right: 0px;
	margin-bottom: 0px;
}

#block_category ul ul li {
	display: block;
	height: 14px;
	margin: 0px;
	*margin-bottom: -5px;
	padding: 0px;
}
#block_category ul li ul li h3 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
}

#block_customer {
	position: absolute;
	bottom: 16px;
	right: 586px;
	height: 280px;
	width: 121px;
	padding-top: 50px;
	padding-left: 25px;
	background-color: #B0B39C;
}

#block_customer ul {
	width: 100px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	*margin-top: 3px; 
}

#block_customer ul li {
	height: 14px;
	margin: 0px;
	*margin-bottom: -5px;
	padding: 0px;
}
#block_customer ul li h4 {
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#block_customer ul li a {
	display: block;
	height: 14px;
	width: 115px;
	color: #FFF;
	text-decoration: none;
}
#block_customer ul li a:hover , #block_customer ul li.selected a{
	color: #6C695A;
}
#block_customer ul li a span  {
	color: #AFB49A;
}
#block_customer ul li a:hover span  , #block_customer ul li.selected a span{
	color: #6C695A;
}
#block_customer #overview h4 {
	font-size: 14px;
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#block_customer #overview h4 a {
	color: #FFF;
	text-decoration: none;
}
#block_customer #overview h4 a:hover , #block_customer #overview h4.selected a{
	color: #6C695A;
}
#block_customer #overview a span {
	color: #AFB49A;
}
#block_customer #overview a:hover span , #block_customer #overview h4.selected a span{
	color: #6C695A;
}

#block_description {
	position: absolute;
	bottom: 16px;
	right: 0px;
	height: 330px;
	width: 586px;
}
#block_description img.projectsbanner {
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 55px;
	width: 586px;
}
#block_description #projects-content {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 55px;
	overflow: auto;
}

#block_overview {
	margin-top: 40px;
	margin-left: 50px;
}

#block_overview img {
	border: 0px;
}

#block_overview a {
	display: block;
	width: 89px;
	height: 70px;
	float: left;
	text-decoration: none;
	border: 1px solid #bcbdac;
	padding: 2px;
	margin: 0px;
	margin-right: 4px;
	margin-bottom: 4px;
	background-position: bottom center;
	background-repeat: no-repeat;
	color: #6C695A;
}
#block_overview h4 {
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
}

#block_portfolio {
	margin-top: 14px;
}   

#block_them {
	margin-top: 40px;
	margin-left: 50px;
}

#block_them ul {
	margin: 0px;
	margin-right: 15px;
	padding: 0px;
	list-style: none;
	float: left;
}

#block_them ul li {
	height: 17px;
	margin: 0px;
	padding: 0px;
}

#block_them ul li a {
	display: block;
	height: 14px;
	width: 150px;
	color: #6C695A;
	text-decoration: none;
}   

#block_them  ul li a:hover{
	color: #AFB49A;
}  

#block_them  ul li a span{
	color: #ffffff;
} 

#block_them  ul li a:hover span{
	color: #AFB49A;
} 

#prevblock{
	float: left;
	width: 50px;
	height: 302px;
}

#prevblock a.previous_work {
	display: block;
	width: 50px;
	height: 274px;
	background-image: url('images/elements/prev_arrow.gif'); 
	background-position: center center;
	background-repeat: no-repeat;
}

#imgblock{
	float: left;
	width: 486px;
	height: 302px;
	margin: 0px;
	padding: 0px;
}

#imgblock img{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#imgblock a{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 486px;
	height: 274px;
	background-position: top left;
}

#imgblock div.imgplaceholder {
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 486px;
	height: 274px;
}

#imgblock div.description{
	background-position: center bottom;
	background-repeat: no-repeat;
	width: 486px;
	height: 28px;
}

#imgblock div.video_description{
	background-position: center bottom;
	background-repeat: no-repeat;
	width: 486px;
	height: 19px;
}

#imgblock div.description a{
	padding: 0px;
	margin: 0px;
	display: block;
	width: 486px;
	height: 28px;
}

#nextblock{
	float: left;
	width: 50px;
	height: 302px;
}

#nextblock a.next_work {
	display: block;
	width: 50px;
	height: 274px;
	background-image: url('images/elements/next_arrow.gif'); 
	background-position: center center;
	background-repeat: no-repeat;
}



#footer {
	position: absolute;
	bottom: 0px;
	height: 175px;
	width: 100%;
	background-color: #6C695B;
}

#address {
	position: absolute;
	bottom: 50px;
	height: 80px;
	width: 175px;
	right: 0px;
	color: #FFF;
	font-size: 12px;
}
#footer #address a  {
	color: #FFF;
	text-decoration: none;
}

#player img{
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 100;
}

/*************************/

/* LIGHTBOX	*/
/************/

#lightbox {
	background-color:#fff;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}

#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
}

#lightboxCaption { background-repeat: no-repeat; background-position: top center;}
#keyboardMsg { float: right; }
#closeButton { top: 5px; right: 5px; }

#lightbox img { border: none; clear: both;} 
#overlay img { border: none; }

#overlay {
	background-color: #6c695b;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/*************************
Slider
**************************/

#slider {
    width: 586px; /* important to be same as image width */
    height: 330px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 586px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
#slider .sliderImage {
    float: left;
    position: relative;
	display: none;
}
#slider .sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 586px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
#slider .clear {
	clear: both;
}
#slider .sliderImage span strong {
    font-size: 14px;
}
#slider .top {
	top: 0;
	left: 0;
}
#slider .bottom {
	bottom: 0;
    left: 0;
}
#slider ul { 
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/* VARIABLE CONTENT START */
#block_description .aim {
	font-size: 14px;
	line-height: 14px;
	display: block;
	width: 526px;
	height: 136px;
	/*background: #000;*/
	color: #fff;
	position: relative;
	bottom: 155px;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 3c0px;
	z-index: 2;
	/*filter:alpha(opacity=50); -moz-opacity:0.50; -khtml-opacity: 0.50; opacity: 0.50;*/
}

#block_description .block {
	display: block;
	width: 466px;
	height: 136px;
	background: #000;
	color: #fff;
	position: absolute;
	bottom: 0px;
	padding-top: 10px;
	padding-left: 70px;
	padding-right: 50px;
	z-index: 1;
	filter:alpha(opacity=50); -moz-opacity:0.50; -khtml-opacity: 0.50; opacity: 0.50;
}

#block_description .aim p {
	filter:alpha(opacity=100); -moz-opacity:1.00; -khtml-opacity: 1.00; opacity: 1.00;
}

#block_description .us {
	padding-top: 30px;
	padding-left: 40px;
}

#block_description .us p {
	font-size: 12px;
}
	
	#block_description .us .employee {
		clear: both;
	}

		#block_description .us .employee img {
			float: left;
			margin-right: 40px;
			margin-bottom: 30px;
		}
		
		#block_description .us .employee .details {
			display: block;
			width:  150px;
			height: 68px;
			float: left;
		}
			
			#block_description .us .employee .details .name {
				color: #605C4E;
			}
			
			#block_description .us .employee .details .eml {
				color: #DD5B1F;
			}
		
		#block_description .us .employee .function {
			display: block;
			width:  160px;
			height: 68px;
			float: left;
			padding-top: 12px;
			margin-right: 40px;
		}
		
		#block_description .us .employee .function p {
			color: #A73824;
		}

#block_description .them {
	padding: 30px;
	padding-top: 40px;
}

	#block_description .them ul {
		list-style: none;
	}
	
	#block_description .them ul li {
		float: left;
		margin-right: 30px;
		text-align: center;
	}
	
	#block_description .them p {
		font-size: 12px;
	}

#block_description .overview {
	padding: 30px;
	padding-top: 40px;
}

#block_description .overview .client{
	position: relative; /* FIRST SET THE CONTAINER BOX TO RELATIVE */
	display: block;
	float: left;
	width: 94px;
	height: 74px;
	padding: 0px;
	margin: 3px;
	border: 1px solid #B0B39C;
}

#block_description .overview .client .logo{
	text-align: center;
	width: 89px;
	margin: 0px;
	padding: 2px;
}

#block_description .overview .client .logo img{
	border: 0px;
	padding: 0px;
}

#block_description .overview .client .name{
	position: absolute; /* THE POSITIONING WILL BE RELATIVE TO THE PARENT BOX (WHICH HAS BEEN SET TO RELATIVE) */
	top: 54px;
	padding: 5px;
	width: 85px;
	height: 16px;
	text-align: center;
	color: #aaa;
	/*border-top: 1px solid #6C695B;*/
}

#block_description .overview .client .name p{
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}

.description, .project {
	padding-top: 30px;
	padding-left: 40px;
	padding-right: 40px;
	height: 300px;
	width: 506px;
	overflow: auto;
	position: relative; /* Needs to be in here for IE */
}

.description h1 {
	font-size: 16px;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}

.description h2 {
	font-size: 14px;
	margin: 0;
	padding: 0;
	margin-top: 20px;
}

.description .design {
	color: #A73824;
}

.description .development {
	color: #DD5B1F;
}

.description .audiovisual {
	color: #B0B39C;
}

.description .communication {
	color: #605C4E;
}

.description p.communication {
	color: #B0B39C;
}

.project h1 {
	font-size: 16px;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	color: #A73824;
}

.project h2 {
	font-size: 14px;
	margin: 0;
	padding: 0;
	margin-top: 20px;
	color: #DD5B1F;
}

.project p {
	line-height: 150%;
}

.project a {
	text-decoration: none;
	color: #B0B39C;
}

#contactform {
	padding-top: 30px;
	padding-left: 40px;
	padding-right: 40px;	
}

#contactform p {
	font-size: 12px;
}

#contactform input{
	width: 150px;
	font-size: 10px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #B0B39C;
}

#contactform textarea{
	margin-top: 4px;
	width: 400px;
	font-size: 10px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #B0B39C;
}

/* VARIABLE CONTENT STOP */