/*------------css Display Factory 2007 --------------*/

/*----------------- [NORMALIZING]------------------*/

		/* Normalizes margin and padding*/
		body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
				margin:0; padding:0;
		}
	
		/* Normalizes font-size for headers */
		h1, h2, h3, h4, h5, h6 {font-size:100%;}
	
		/* removes list style from lists */
		 ul {list-style:none;}
	
		/*Normalizes font weight and font-style to normal*/
		address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}
		
		/* tables */
		table {border-collapse:collapse; border-spacing:0;}
	
		/*removes border from fieldset and img */
		fieldset, img {border:0;}
	
		/* left-aligns text in captions and th */
		caption, th {text-align:left;}
		
		
/*---------------- general markup ------------------*/

		body {
			background:#e5e7ec url(../images/layout/bg_body.jpg) repeat-x;
			font-family:tahoma;
			font-size:11px;
			line-height:18px;}
			
		#wrapper {
			width:768px;
			margin:0 auto;
			background:#DEDEE0;
			}
			
		#nav {
			background:transparent url(../images/layout/bg_nav.gif) repeat-x;
			height:34px;
			width:100%;
			position:absolute;
			top:123px;
			left:0;
			}
			
		h1 {
			background:transparent url(../images/layout/bg_h1.gif) no-repeat top right;
			text-indent:-8000px;
			height:112px;}
			
		h1 a {
			background:transparent url(../images/layout/logo_displayfactory.gif) no-repeat top left;
			display:block;
			height:112px;
			}
			
		#contentContainer {
			background:#dedee0 url(../images/layout/bg_content.jpg) no-repeat bottom left;
			margin-top:44px;
			/*float:left;*/}
			
			
/*---------------------navigation----------------*/
			
		#nav ul {
			margin:0 auto;
			width:768px;
			height:34px;}
			
		#nav ul li {
			float:right;}
			
		#nav ul li a {
			text-indent:-7000px;
			display:block;
			overflow:hidden;
			height:34px;
			}
			
		#nav ul li a#home {
			background:transparent url(../images/layout/nav_home.gif);
			width:87px;}
		#nav ul li a#home:hover {background-position:0 -34px }
			
		#nav ul li a#partners,
		#nav ul li a#partenaires {
			background:transparent url(../images/layout/nav_partners.gif);
			width:87px;}
		#nav ul li a#partners:hover,
		#nav ul li a#partenaires:hover {background-position:0 -34px }
			
		#nav ul li a#gallery {
			background:transparent url(../images/layout/nav_gallery.gif);
			width:69px;}
		#nav ul li a#gallery:hover {background-position:0 -34px }
			
		#nav ul li a#news {
			background:transparent url(../images/layout/nav_news.gif);
			width:55px;}
		#nav ul li a#news:hover {background-position:0 -34px }
			
		#nav ul li a#references {
			background:transparent url(../images/layout/nav_references.gif);
			width:92px;}
		#nav ul li a#references:hover {background-position:0 -34px }
			
		#nav ul li a#aboutus,
		#nav ul li a#aboutusfr {
			background:transparent url(../images/layout/nav_aboutus.gif);
			width:77px;}
		#nav ul li a#aboutus:hover,
		#nav ul li a#aboutusfr:hover {background-position:0 -34px }
			
		#nav ul li a#products,
		#nav ul li a#produits {
			background:transparent url(../images/layout/nav_products.gif);
			width:79px;}
		#nav ul li a#products:hover,
		#nav ul li a#produits:hover {background-position:0 -34px }
			
		/*-----------active state--------------*/
		
		#b_home #nav ul li a#home, 
		#b_partners #nav ul li a#partners,
		#b_partenaires #nav ul li a#partenaires,
		#b_gallery #nav ul li a#gallery, 
		#b_news #nav ul li a#news ,
		#b_references #nav ul li a#references ,
		#b_aboutus #nav ul li a#aboutus,
		#b_aboutusfr #nav ul li a#aboutusfr,
		#b_products #nav ul li a#products,
		#b_produits #nav ul li a#produits {background-position:0 -34px}
		
/*-----==================== LANGUAGE =======================--------*/

		#language {
			position:absolute;
			right:15px;
			top:131px}
		
		#language li {
			display:inline;
			color:#fff;
			font-family:georgia, serif;
			font-weight:bold;
			}
			
		#language li a {
			color:#fff;
			text-decoration:none;}
			
		#language li a:hover {
			color:#000;
			}
			
		.lang_en #language li a#en { color:#000;} 
		.lang_fr #language li a#fr { color:#000;} 
		
		#language li img {margin-right:5px;}
		
		
/*-----===================== CONTENT =========================-------*/

		#contentContainer #left {
			background-color:#dedee0;
			width:222px;
			float:left}
			
		#contentContainer #right {
			width:486px;
			float:right;
			background-color:#fff;
			padding:26px 30px 50px 30px;}
			
		/*------------- left ------------------*/
		
		#contentContainer #left h2 {
			background:transparent url(../images/layout/bg_h2links.gif) no-repeat left top;
			text-indent:-9000px;
			height:60px;
			overflow:hidden;}
			
		#contentContainer #left h3 {
			color:#ec9e16;
			font-size:11px;
			padding:25px 0 8px 21px}
			
		#contentContainer #left ul#newsLeft {
			margin:0 15px 0 21px;}
			
		#contentContainer #left ul#newsLeft li {
			padding-bottom:20px;}
			
		#contentContainer #left ul#newsLeft li span.readMore {
			float:right;
			} 
			
		#contentContainer #left ul#newsLeft span {
			font-weight:bold;
			display:block;}
			
		/*#contentContainer #left a#risc {
			display:block;
			text-indent:-9000px;
			background:transparent url(../images/layout/riscGroup.jpg) no-repeat center;
			width:220px;
			height:123px;
			margin:35px 0 10px 0;
			
			}*/
			
		#contentContainer #left a#mojoRetailDesigners {
			margin:0 5px 0 25px;
			display:block;
			text-indent:-9000px;
			background:transparent url(../images/layout/mojo.jpg) no-repeat center;
			width:180px;
			height:40px;
			}
			
		#contentContainer #left a#riscRetailInsights {
			display:block;
			text-indent:-9000px;
			background:transparent url(../images/layout/retailInsights.jpg) no-repeat center;
			width:115px;
			height:86px;
			margin:0 0 5px 55px;
		}
			
		/*------------ right-----------*/
		
		#contentContainer #right h2 {
			font-size:16px;
			color:#010101;
			font-family:georgia, 'sans-serif';
			background:transparent url(../images/layout/bg_h2rechts.gif) no-repeat left center;
			margin:0 0 30px -5px;
			padding-left:25px;}
			
		#contentContainer #right h3 {
			font-family:georgia, 'sans-serif';
			font-size:13px;
			color:#010101;
			border-bottom:1px solid #010101;
			margin-bottom:13px;
			margin-top:20px}
			
		#contentContainer #right h4 {
			background:transparent url(../images/layout/bg_h4rechts.gif) no-repeat left center;
			color:#d48e14;
			letter-spacing:1px;
			text-transform:uppercase;
			margin-top:15px;
			padding:0px 0 0 15px;
			font-size:10px
			}
			
		#contentContainer #right em {color:#d48e14; font-weight:bold}
		
		#contentContainer #right ul {
			margin:10px 0 10px 20px;
			}
			
		#contentContainer #right ul li {
			list-style-image:url(../images/layout/bullet.gif);
			line-height:20px;
			color:#54595a}
			
		#contentContainer #right ul li a {
			color:#d48e14;
			}
			
		#contentContainer #right p {
			padding:5px 0 5px 0;}
			
		#contentContainer #right p img.right {
			float:right;
			padding:2px;
			margin:0 0 0 10px;
			border:1px solid #cccccc;}
			
			
		#contentContainer #right a {
			color:#d48e14;
			}
			
			
			/*============ FOTO op Home =========*/
			
	
			#contentContainer #right #gallery_left, #contentContainer #right #gallery_middle, #contentContainer #right #gallery_right {
				width:147px;
				float:left;
				margin:0;
				}
				
			#contentContainer #right #gallery_left li, #contentContainer #right  #gallery_middle li, 
			#contentContainer #right #gallery_right li {
				text-align:center;
				list-style-image:none;
				}
				
			 #gallery_middle li {
			 	border:1px solid #ec9e16;
				border-top:none;
				border-bottom:none;
				}
				
			#gallery_middle li.title { border:none;}
					
			#gallery_left li.title, #gallery_middle li.title, #gallery_right li.title {
				height:31px;
				background:#e8e9ec url(../images/layout/home_pic_left.gif) no-repeat top right;
				font-size:10px;
				font-weight:bold;
				color:#000;
				font-family:Georgia, 'serif';
				text-align:center;
				padding-top:13px;}
				
			#gallery_middle li.title {
				background:#e8e9ec url(../images/layout/home_pic_middle.gif) no-repeat;}
				
			#gallery_right li.title {
				background:#e8e9ec url(../images/layout/home_pic_right.gif) no-repeat top left;
				padding-top:6px;
				height:38px;}
				
			#gallery_left img, #gallery_middle img, #gallery_right img {
				border:1px solid #cccccc;
				padding:2px;
				margin:15px 0 7px 0;}
				
				
			/*=================	gallery form ==========*/
			
			
			#gallery_form {
				width:483px;
				height:210px;
				padding:29px 0 0 27px;
				margin-bottom:20px;
				background:transparent url(../images/layout/bg_form.jpg) no-repeat;
				position:relative;
				margin-top:-15px;
				border-bottom:1px solid #e69013; 
				}
				
			#gallery_form label {
				}
				
			#gallery_form label span {
				display:block;
				color:#fff;
				font-family:georgia, serif;
				text-transform:uppercase;
				font-weight:bold;
				font-size:10px;
				padding-top:11px}
				
			#gallery_form select {
				width:306px;
				font-size:13px;
				font-family:tahoma, 'sans-serif';
				padding-left:5px;}				
			
			
			input#search {
				position:absolute;
				top:130px;
				left:353px;}
				
			/*============ gallery images ============*/
			
			#right ul#gallery_list {
				margin-left:0;}
			
			#right ul#gallery_list li {
				float:left;
				width:155px;
				background:#eeeef0;
				text-align:center;
				height:230px;
				list-style-image:none;
				padding-top:8px;
				margin:0 5px 13px 0;
				border:1px solid #dedee0;
				overflow:hidden;}
				
			#right ul#gallery_list li p {
				width:140px;
				margin-top:0;
				padding:0 0 0 8px;
				font-size:10px;
				line-height:14px}
				
			
			#right ul#gallery_list li:hover {
				background:#ccc; }
				
			/*=============== references===============*/
			
			#right ul#references_list {margin-left:0}
			
			#right ul#references_list li {
				float:left;
				list-style-image:none;
				text-align:center;
				width:160px;
				height:130px;
				vertical-align:middle;
				}
			
			/*=============== partners ===============*/
			
			#contentContainer #right h3.partners {
				text-transform:uppercase;
				font-size:11px;
				}
			
			#contentContainer #right h3.partners img {
				float:right;
				margin-top:-19px;}
				
			#contentContainer #right ul.partners {
				margin-bottom:30px;}
				
			#contentContainer #right ul.partners li {
				list-style-image:none;}
				
			#contentContainer #right ul.partners li strong {
				font-size:9px;
				padding-right:5px;}
				
			#contentContainer #right ul.partners li img {
			float:right;}
			
			/*===================contact=================*/
		
			#right form#contact {
				width:480px;}
				
			#right form#contact label {
				float:left;
				width:240px;
				margin-bottom:7px;}
				
			#right form#contact label span {
				display:block;
				color:#D18313;
				font-weight:bold;}
				
			#right form#contact input {
				width:220px}
			
			#right form#contact input.button {
				width:130px}
				
			#right form#contact select {
				width:225px}
				
			#right form#contact textarea {
				width:460px;
				height:100px;}
				
			#right form#contact label.check {
				width:160px;}
				
			#right form#contact label#submit {
				border-top:1px solid #D18313;
				width:470px;
				padding-top:15px;
				margin:10px 0 30px 0;}
				
			#right form#contact label.check_large {
				width:350px;
				padding-top:10px;}
				
			#right form#contact label.check input, #right form#contact label.check_large input {
				width:15px;}
				
			#right form#contact div {
				font-size:11px;
				font-weight:bold;
				margin:15px 0 15px 0;
				}
				
			#right form#contact div.comment {
				font-size:10px;
				color:#D18313;}
	
/*-------------------------Footer--------------------*/		
			
		#footer {
			background:transparent url(../images/layout/bg_footer.jpg) repeat-x;
			height:66px;
			width:100%;
			}
			
		#footer p {
			width:768px;
			margin:0 auto;
			color:#082922;
			font-size:10px;
			padding:23px 0 0 20px;
			font-family:tahoma, 'sans-serif';}
			
		#footer p a {color:#082922;}
		
		#footer p span {
			float:right;
			margin:-20px 10px 0 0;
			}
		
		#footer p span a#instore, #footer p span a#popai, #footer p span a#gic {
			background:transparent url(../images/layout/logo_instore_geenkleur.gif) no-repeat;
			display:block;
			overflow:hidden;
			height:28px;
			width:72px;
			text-indent:-9000px;}
			
		#footer p span a#instore:hover {
			background:transparent url(../images/layout/logo_instore_kleur.gif) no-repeat;}
			
			
		#footer p span a#popai {
			background:transparent url(../images/layout/logo_popai_geenkleur.gif) no-repeat;
			float:left;
			margin-right:15px;}
			
		#footer p span a#gic {
			background:transparent url(../images/layout/logo_gic_geenkleur.gif) no-repeat;
			float:left;
			margin-right:15px;
			width:33px;}
			
		#footer p span a#gic:hover {
			background:transparent url(../images/layout/logo_gic_kleur.gif) no-repeat;
			}
			
		#footer p span a#popai:hover {
			background:transparent url(../images/layout/logo_popai_kleur.gif) no-repeat;}