@charset "utf-8";

/* --------------------------------------------------------------------------------------------------- */
/*                                Wood Fashion :: general CSS document                                 */
/* --------------------------------------------------------------------------------------------------- */

/* -------------------- */
/* GLOBAL LAYOUT STYLES */
/* -------------------- */
* {
	margin:0;
	padding:0;
	border:0;
}

html {
	font-size:62.5%;	
}

body {
	font-family:arial, sans-serif;
	font-size:1em;
}


h1 {
	font-size:2.6em;
	color:#000;
	text-align:center;
	font-weight:normal;
	letter-spacing:0.2em;
	line-height:1.4em;
	border-bottom:1px #444 solid;
}
	h1.small {
		margin-top:0.2em;
		border:none;
		color:#888;
		font-size:1.2em;
	}

h2 {
	margin-bottom:1em;
	font-size:2em;
	font-weight:normal;
	color:#fc6;
}

h3 {
	font-size:1.6em;
	font-weight:normal;
	margin-bottom:0.3em;
}

h4 {
}

h5 {
}

h6 {
}

p {
	margin-bottom:1.2em;
}

a {
	color:#fff;
}
	a:hover {
		color:#fc6;
		text-decoration:none;
	}
	a:active {
		color:#fc6;
		text-decoration:none;	
		outline:none;
	}
	:focus {
		outline-style: none;
	}
	.active {
	}

em {
}

strong {
}

img {
	display:block;
}

.clearBoth {
	clear:both;
}

/* ------ */
/* HEADER */
/* ------ */
#header {
	width:100%;
	height:100px;
}
#branding_fr, #branding_nl, #branding_en {
	position:relative;
	width:960px;
	height:100px;
	top:0;
	left:50%;
	margin-left:-480px;
	text-align:center;
}
	#branding_fr span, #branding_nl span, #branding_en  span {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;	
		background-repeat:no-repeat;
	}
	#branding_fr span {
		background-image:url(../img/logo-woodfashion-fr.gif);
	}
	#branding_nl span {
		background-image:url(../img/logo-woodfashion-nl.gif);
	}
	#branding_en span {
		background-image:url(../img/logo-woodfashion-en.gif);
	}

/* ---------*/
/* NAV MAIN */
/* -------- */
#container_nav  {
	position:relative;
	width:100%;
	background-color:#333;
	height:20px;
	min-height:20px;	
	z-index:1;
}
#nav_main {
	position:absolute;
	top:0;
	left:50%;
	width:980px;
	height:20px;
	min-height:20px;	
	margin-left:-480px;
	|margin-top:-1.2em;
	_margin-top:-1.3em;
}
	#nav_main ul {
		float:left;
		list-style-type:none;
	}
		#nav_main ul li {
			position:relative;
			float:left;
			width:109px;
			height:20px;
			min-height:20px;
			margin-right:1px;
			background-color:#222;			
			color:#fc6;
			text-align:center;			
		}
		#nav_main ul li#catalogue {
			behavior:url("css/csshover.htc");
		}
			#nav_main ul li:hover ul {
				display:block;
			}
			#nav_main ul li a, #nav_main ul li .active, #nav_main ul li .catalogue {
				display:block;
				width:109px;
				height:17px;
				min-height:17px;
				padding-top:3px;
				_margin-top:-5px;
				background-color:#444;
				background-image:url(../img/triangle.gif);
				background-repeat:no-repeat;
				color:#fff;
				font-size:1.2em;
				text-decoration:none;
			}
				#nav_main ul li a:hover {
					color:#fc6;
					background-color:#222;
					background-image:url(../img/triangle.gif);
					background-repeat:no-repeat;
					background-position:left bottom;
				}
				#nav_main ul li:hover .catalogue {
					cursor:default;
					color:#fc6;
					background-color:#222;				
				}
			#nav_main ul li .active {
				background-color:#222;			
				color:#fc6;			
			}

		
/* ------- */
/* NAV SUB */
/* ------- */
ul#nav_sub {
	position:absolute;
	left:0;
	display:none;
}
	ul#nav_sub li {
		margin-top:0;
	}
		ul#nav_sub li a {
			height:17px;
			min-height:17px;
			padding-top:3px;	
			border-top:1px solid #0e0e0e;
		}


/* -------- */
/* NAV SUPP */
/* -------- */
#nav_supp {	
	margin-top:-1.3em;
	|margin-top:0;
}
	#nav_supp ul {
		float:right;
		list-style-type:none;
	}
	#nav_supp ul li, #nav_supp ul li a, #nav_supp ul li .active {
		width:45px;
		margin-right:0;
		margin-left:1px;
	}
		
	
/* ------------ */
/* MAIN CONTENT */
/* ------------ */
#container_main  {
	width:100%;
	background-image:url(../img/bg.gif);
	background-color:#0e0e0e;
}
	#container_main.home {
		height:480px !important;
	}
	#container_main.contact {
		height:480px !important;
	}

#content_main {
	position:relative;
	top:40px;
	left:50%;
	width:980px;
	height:334px;
	min-height:334px;
	margin-left:-480px;
	color:#fff;
	font-size:1.2em;
	line-height:1.7em;
}

#text {
	position:relative;
	float:left;
	width:340px;
	_width:320px;
	margin-bottom:60px;
}

#photo, #map{
	float:right;
	width:590px;
	height:390px;
	margin-bottom:60px;
	background-color:#222;
	border:5px solid #444;
}

#thumbnails {
	float:right;
	width:620px;
	margin-right:-20px;
	_margin-right:-40px;
	margin-bottom:40px;
}
	#thumbnails ul {
		list-style-type:none;
	}
	#thumbnails li {
		float:left;
		width:104px;
		height:78px;
		margin:0 20px 20px 0;
	}
	#thumbnails img {
		width:104px;
		height:78px;
	}