/* 	GLOBAL CSS

	SILVER:		#CCC
	GREY: 		#999
	PURPLE:		#623376
	PARME:		#E0D6E4
	TAN: 		#BD9E77

--------------------------------------- */
html, body {
	height:100%;
}
body {
	background:#fff;
	color:#999;
	font:normal 13px/1.4 'HermesFBRegular', Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%; 
	-webkit-tap-highlight-color: rgb(255,255,0);
	padding-top: 10px;
}
h1, h2, h3 {
	font:normal 'HermesFBSemiBold', Arial, Helvetica, sans-serif;
}
.wrap {
	overflow:hidden;
	background:#fff;
}

/* 	LINKS
--------------------------------------- */
a:link, a:visited {text-decoration:none;}
a:hover, a:active, a:focus {outline:none;}
a img {display:block; border:none;}
.toolbar a{color:#BD9E77;}

::selection 	 	{background: #CCC;}
::-moz-selection 	{background: #CCC;}
img::selection 		{background: transparent;}
img::-moz-selection {background: transparent;}

/* 
--------------------------------------- */
#less-grid {
	margin-left:15px !important;
}

/* Abstractions */
.nav {
	list-style:none;
	}
	.nav li {
		display:inline;
		}
		.nav li a {
			display:inline-block;
			}

/* TOOLBAR
--------------------------------------- */
.utils p {
	font-size:12px;
	text-align:right;
	padding-top:10px;
	padding-bottom:10px;
	background:url(/assets/images/line_short_single.png) right bottom no-repeat;
	}
	.utils a {
		color:#BD9E77;
		}
		.utils a:hover {
			color:#999;
		}

/* HEADER
--------------------------------------- */
.header {
	margin-bottom:10px;
	}
	.header .primary, 
	.header .secondary {
		position:relative;
		height:70px;
		}
		#site_name, #site_slogan {
			position:absolute;
			bottom:10px;
			left:0;
			}
			#site_name {
				z-index:100;
			}
		.header .secondary .nav {
			position:absolute;
			bottom:10px;
			left:0;
			font:normal 15px/1 'HermesFBRegular', Arial, Helvetica, sans-serif;
			text-transform:lowercase;
			}
			.header .secondary .nav li {
				margin-right:50px;
				}
			.header .secondary .nav li a {
				color:#999;
				}
				.header .secondary .nav li a.current, 
				.header .secondary .nav li a:hover {
					color:#623376;
				}

/* SUBNAV
--------------------------------------- */
.subnav {
	margin-bottom:10px;
	overflow:hidden;
	position:relative;
	}
	
	
/* GRID PROPERTIES FOR MISSING CLASSES */
.subnav ul li {
	display:inline;
	float: left;
	position: relative;
	margin-left: 30px;
	}
	.subnav ul li:first-child {
		margin-left:0;
	}
	.subnav .primary li {
		width:240px;
	}
	.subnav .secondary li {
		width:105px;
	}
	
	.subnav .primary {
		margin-bottom:0px;
	}

.subnav .primary li {
	height:27px;
	font:normal 12px/27px 'HermesFBRegular', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	}
	.subnav .primary li a {
		display:block;
		width:100%;
		height:100%;
		text-indent:10px;
		color:#fff;
		background:#CCC url(/assets/images/subnav_cut.png) 900px 900px no-repeat;
		}
		.subnav .primary li a.current {
			background:#623376 url(/assets/images/subnav_cut.png) center right no-repeat;
			}
			.subnav .primary li a.current:hover {
				background:#623376 url(/assets/images/subnav_cut.png) center right no-repeat;
				cursor:default;
			}
		.subnav .primary li a:hover {
			background:#999;
		}

/* SUBNAV CATEGORIES */
.subnav .secondary li {
	height:27px;
	font:normal 12px/27px 'HermesFBRegular', Arial, Helvetica, sans-serif;
	}
	.subnav .secondary li a {
		display:block;
		width:100%;
		height:100%;
		text-indent:10px;
		color:#fff;
		background:#CCC;
		}
		.subnav .secondary li a:hover {
			background:#999;
		}
		.subnav .secondary li a.current {
			background:#BD9E77;
			}
			.subnav .secondary li a.current:hover {
				background:#BD9E77;
				cursor:default;
			}
			
/* RETOUR */
.nav_retour {
	position:absolute;
	right:15px;
	bottom:0;
	}
.nav_retour a {
	height:15px;
	width:69px;
	font-size:12px;
	text-transform:lowercase;
	background:#BD9E77 url(/assets/images/retourbg.png) 0 -15px no-repeat;
	display:block;
	width:60px;
	height:15px;
	line-height:12px;
	text-align:right;
	border-right:9px solid #BD9E77;
	color:#fff;
	}
	#presentation .header .nav_retour a, 
	#actualites .header .nav_retour a, 
	#recrutement .header .nav_retour a, 
	#contact .header .nav_retour a, 
	.subnav .nav_retour a {
		background-position:0 0;
	}
	.nav_retour a:hover {
		background-color:#999;
		border-color:#999;
		}

#presentation .about p {
	margin-bottom:24px;
}
#presentation .about .secondary {
	margin-bottom:24px;
}
#presentation .about .secondary p {
	margin-bottom:12px;
}
#presentation .about ul {
	list-style:circle;
}

/* HOME PAGE MAIN
--------------------------------------- */
.home {
	margin-bottom:30px;
}
.home a {
	min-height:540px;
	position:relative;
	}
	.home a img {
		min-width:100%;
		height:auto;
		min-height:540px;
		display:block;
		position:absolute;
		top:0;
		left:0;
	}
	.home a h2 {
		display:none;
		width:300px;
		height:300px;
		background: url(/assets/images/home_hover.png) center center no-repeat;
		position:absolute;
		z-index:100;
		top:50%;
		margin-top:-150px;
		left:50%;
		margin-left:-150px;
		text-align:center;
		font:normal 36px/1 'HermesFBThin', Arial, Helvetica, sans-serif;
		color:#fff;
		}
		.home a h2 span.headline {
			display:block;
			width:250px;
			margin:0 auto;
			margin-top:60px;
		}
		.home a h2 span.category {
			display:block;
			background:url(/assets/images/line_long_w.png) top center no-repeat;
			margin:15px 0 0 0;
		}
		.home a h2 strong, 
		.home a h2 em {
			font-style:normal;
			font-weight:normal;
			font-size:12px;
			}
			.home a h2 strong {
				text-transform:uppercase;
				color:#BD9E77;
			}

		.home a:hover h2 {
			display:block;
			}
		
		#home .footer .contact {
			background:url(/assets/images/box_bottom.png) bottom right no-repeat;
			border-bottom:none;
			height:300px;
		}

/* ABOUT
--------------------------------------- */
#presentation .header {
	position:relative;
	height:107px;
	margin-bottom:18px;
	}
	
.about {
	background:url(/assets/images/line_long_single.png) 15px 0 no-repeat;
	margin-bottom:15px;
	}
	.about h2 {
		background:url(/assets/images/line_short_single.png) bottom left no-repeat;
		font:normal 36px/1 'HermesFBThin', Arial, Helvetica, sans-serif;
		color:#623376;
		padding-top:15px;
		padding-bottom:15px;
		}
	.about h3 {
		font:normal 24px/28px 'HermesFBThin', Arial, Helvetica, sans-serif;
		color:#000;
		padding-top:15px;
		padding-bottom:15px;
	}
	
.about .secondary {
	background:url(/assets/images/line_short_single.png) 0 0px no-repeat;
	margin-top:-1px;
}
.about .secondary, .about .tertiary {
	padding-top:20px;
}

/* TEAM */
.team {
	background:url(/assets/images/line_long_single.png) 15px 0 no-repeat;
	position:relative;
	padding-bottom:60px;
	margin-bottom:30px;
	}
	.team .main {
		margin-bottom:30px;
	}
	.team h2 {
		font:normal 36px/1 'HermesFBThin', Arial, Helvetica, sans-serif;
		color:#BD9E77;
		background:url(/assets/images/line_short_single.png) bottom left no-repeat;
		padding-top:15px;
		padding-bottom:15px;
		margin-bottom:15px;
		}
		.team .list h3 {
			font:normal 24px/28px 'HermesFBThin', Arial, Helvetica, sans-serif;
			color:#BD9E77;
			background:url(/assets/images/line_short.png) bottom left no-repeat;
			padding:0 0 8px 0;
			margin:0 0 8px 0;
		}
		
	.team .list {
		width:195px;
		margin:0 0 0 15px;
		}
		.team .list li {
			font:normal 12px/16px 'HermesFBRegular', Arial, Helvetica, sans-serif;			
			color:#999;
			}
			.team .list a {
				color:#999;
				}
				.team .list a:hover {
					color:#000;
					cursor:pointer;
				}
				
	.team .nav_retour {
		position:absolute;
		bottom:0;
		right:15px;
	}

/* Team Member */
.team_member {
	width:210px;
	height:315px;
	background:#623376;
	color:#fff;
}
.team_member img {
	display:block;
	margin-bottom:7px;
}
.team_member h3 {
	font:normal 18px/1 'HermesFBThin', Arial, Helvetica, sans-serif;
	color:#BD9E77;
	background:url(/assets/images/line_short_w.png) bottom left no-repeat;
	padding:0 0 7px 0;
	margin:0 0 5px 10px;
}
.team_member p {
	margin:0 0 0 10px;
	line-height:16px;
	}
	.team_member p a {
		color:#BD9E77;
		display:block;
		}
		.team_member p a:hover {
			color:#fff;
		}

/* TEAM RANDOM */
#teambox{
	width:1050px;
	height:315px;
}
#teambox #infos{
	position:absolute;
	width:210px;
	top:0;
	left:0;
	opacity : 0;
    -moz-opacity : 0;
    -ms-filter: "alpha(opacity=0)"; /* IE 8 */
    filter : alpha(opacity=0); /* IE < 8 */
}
#teambox #infos a.bt-close{
	background:url(/assets/images/bt_close.png) no-repeat;
	position:absolute;
	top:0;
	right:0;
	width:27px;
	height:26px;
	z-index:2;
	cursor:pointer;
}
#teambox .reload{
	position:absolute;
	display:block;
	z-index:2;
	top:0;
	right:0;
	width:105px;
	height:105px;
	background:url(/assets/images/random.png) no-repeat;
	cursor:pointer;
}
#teambox  .cell{
	width:105px;
	height:105px;
	float:left;
	background-repeat:none;
	display:none;
}
#teambox  .cell a{
	width:105px;
	height:105px;
	cursor:pointer;
	display:block;
	background:url(/assets/images/corner.png) no-repeat;
}
#teambox  .cell a:hover{
	background-position:-105px 0;
}
#teambox  .cell-clear{
	clear:both;
}
#teambox .bg-1{
	background-position:0 0;
}
#teambox .bg-2{
	background-position:-105px 0;
}
#teambox .bg-3{
	background-position:0 -105px;
}
#teambox .bg-4{
	background-position:-105px -105px;
}
.team .list a.on{
	color:#000;
}

/* PROJECTS LIST
--------------------------------------- */
.projects.list {
	background:url(/assets/images/vignette_blank.png) 15px 11px;
	position:relative;
	padding-top:10px;
	padding-bottom:20px;
	}
	.projects.list .nav_retour {
		position:absolute;
		bottom:0;
		right:15px;
		}

a.project {
	position:relative;
	display:block;
	width:240px;
	height:300px;
	margin-bottom:10px;
	border-top:1px solid #CCC;
	overflow:hidden;
	}
	a.project:hover {
		border-color:#000;
		}
		
	a.project div {
		background:url(/assets/images/vignettes_forme_1.png) 0 60px no-repeat;
		position:absolute;
		width:240px;
		height:300px;
		top:0;
		left:0;
		z-index:100;
		}
	a.project.type1 div {
		background:url(/assets/images/vignettes_forme_1.png) 0 60px no-repeat;
	}
	a.project.type2 div {
		background:url(/assets/images/vignettes_forme_2.png) 0 60px no-repeat;
	}
	a.project.type3 div {
		background:url(/assets/images/vignettes_forme_3.png) 0 60px no-repeat;
	}
	a.project.type4 div {
		background:url(/assets/images/vignettes_forme_4.png) 0 60px no-repeat;
	}
	a.project.type5 div {
		background:url(/assets/images/vignettes_forme_5.png) 0 60px no-repeat;
	}
	a.project.type6 div {
		background:url(/assets/images/vignettes_forme_6.png) 0 60px no-repeat;
	}
	a.project.type7 div {
		background:url(/assets/images/vignettes_forme_7.png) 0 60px no-repeat;
	}
	a.project.type8 div {
		background:url(/assets/images/vignettes_forme_8.png) 0 60px no-repeat;
	}
	a.project.type9 div {
		background:url(/assets/images/vignettes_forme_9.png) 0 60px no-repeat;
	}

		a.project:hover div {
			background-position:-240px 60px;
		}
		
		a.project.new div {
			background-position:-480px 60px;
			}
			a.project.new:hover div {
				background-position:-720px 60px;
			}
			
	a.project img {
		display:block;
		position:absolute;
		bottom:0;
		left:0;
		}
		a.project:hover img {
			left:-240px;
		}

	a.project h2 {
		font:normal 21px/1 'HermesFBRegular', Arial, Helvetica, sans-serif;
		color:#000;
		border-top:2px solid #fff;
		padding:5px 0 11px 0;
		background:url(/assets/images/line_short.png) 0 32px no-repeat;
		word-spacing:-2px;
		letter-spacing:-0.01em;
		}
		a.project:hover h2 {
			border-color:#000;
			background-position:-240px 32px;
		}
		a.project p {
			font:normal 12px/1 'HermesFBRegular', Arial, Helvetica, sans-serif;
			color:#999;
			padding:0 0 8px 0;
			}
			a.project em {
				font-style:normal;
				color:#000;
				text-transform:uppercase;
			}

/* ACTUS
--------------------------------------- */
#actualites .header {
	position:relative;
	height:107px;
	margin-bottom:18px;
}
.wrap.actus .body img {
	display:block;
	max-width:100%;
	height:auto;
	margin-bottom:20px;
	}
		
.wrap.actus .nav h3, 
.wrap.actus .main h2 {
	padding:5px 0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	font:normal 22px/1 'HermesFBThin', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#000;
	}
	.wrap.actus .main h2 {
		color:#BD9E77;
		text-align:center;
		margin-bottom:30px;
		padding-bottom:6px;
		}
		.wrap.actus .main h2 em {
			font-style:normal;
			font-size:15px;
			margin-bottom:30px;
			}

.wrap.actus .main h3 {
	font:normal 50px/1 'HermesFBThin', Arial, Helvetica, sans-serif;
	color:#000;
	margin-bottom:30px;
	}
	
.wrap.actus .meta {
	margin-bottom:30px;
	font-size:12px;
	}
	.wrap.actus .meta .alpha {
		text-transform:uppercase;
		color:#000;
	}
	.wrap.actus .meta p, 
	.wrap.actus .meta .like {
		background: url(/assets/images/line_short.png) -240px 0 no-repeat;
		padding-top:5px;
		}
		
.wrap.actus .links, 
.wrap.actus .intro {
	background: url(/assets/images/line_short.png) -240px 0 no-repeat;
	padding-top:5px;
	margin-bottom:30px;
	}
.wrap.actus .intro {
	font:normal 15px/1.5 'HermesFBThin', Arial, Helvetica, sans-serif;
	}
.wrap.actus .links {
	font-size:12px;
	}
	.wrap.actus .links h4 {
		font-weight:normal;
		color:#000;
		}
		.wrap.actus .links a {
			font-size:12px;
			color:#BD9E77;
			}

	.wrap.actus .nav ul {
		margin-top:-1px;
		border-bottom:1px solid #000;
	}

	.wrap.actus .nav ul li, 
	.wrap.actus .nav ul li a {
		display:block;
		width:240px;
		color:#999;
		}
	.wrap.actus .nav ul li {
		border-top:1px solid #000;
		font:normal 15px/24px 'HermesFBThin', Arial, Helvetica, sans-serif;
		}
		.wrap.actus .nav ul li a {
			overflow:hidden;
			border-top:1px solid #fff;
			height:24px;
			}
			.wrap.actus .nav ul li div {
				visibility:hidden;
				height:1px;
				}	
				.wrap.actus .nav ul li div img {
					display:block;
					max-width:100%;
					height:auto;
				}		
			.wrap.actus .nav ul li:hover div {
				visibility:visible;
				height:240px;
				overflow:hidden;
				cursor:pointer;
				}
			.wrap.actus .nav ul li:hover a,
			.wrap.actus .nav ul li a:hover {
					border-color:#000;
					color:#000;
					}

	.wrap.actus .nav ul li strong {
		display:block;
		float:left;
		font-weight:normal;
		}
	.wrap.actus .nav ul li em {
		display:block;
		float:right;
		font-size:12px;
		font-style:normal;
		line-height:24px;
		}

/* RECRUTEMENT
--------------------------------------- */
#recrutement .header {
	height:107px;
	position:relative;
}
.recrutement {
	position:relative;
	padding-bottom:200px;
	margin-bottom:30px;
	}

.recrutement .contact h2 {
	font:normal 36px/38px 'HermesFBThin', Arial, Helvetica, sans-serif;
	}

.recrutement .job {
	background:#E0D6E4 url(/assets/images/corner_recrut.png) bottom right no-repeat;
	color:#000;
	height:300px;
	}
	.recrutement .job h2 {
		font:normal 24px/28px 'HermesFBThin', Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#623376;
		text-indent:10px;
		padding:7px 0 5px 0;
		}
	.recrutement .job p {
		font-family:'HermesFBThin', Arial, Helvetica, sans-serif;
		font-size:12px;
		margin:0 10px;
		}
	.recrutement .job .jobtype, 
	.recrutement .job .jobdate {
		background:url(/assets/images/line_short.png) -240px 0 no-repeat;
		padding:7px 0;
		text-transform:uppercase;
		}
		.recrutement .job .jobdate {
			font-family:'HermesFBRegular', Arial, Helvetica, sans-serif !important;
		}

/* PROJECT INDIVIDUAL
--------------------------------------- */
.project_individual {
	position:relative;
	padding-top:10px;
	padding-bottom:20px;
	margin-bottom:30px;
	}
.project_individual .primary {
	border-top:1px solid #ccc;
	padding-top:10px;
	}
.project_individual .primary h2 {
	font:normal 36px/42px 'HermesFBThin', Arial, Helvetica, sans-serif;
	color:#000;
	margin-bottom:8px;
	padding-bottom:15px;
	background:url(/assets/images/line_short.png) bottom left no-repeat;
	}
.project_individual .primary .project-meta {
	margin-bottom:12px;
	}
	.project_individual .primary h5,
	.project_individual .primary h3,
	.project_individual .primary h4 {
		font:normal 12px/1 'HermesFBRegular', Arial, Helvetica, sans-serif;
		font-style:normal;
		background:url(/assets/images/line_short.png) bottom left no-repeat;
		padding-bottom:8px;
		margin-bottom:8px;
		}
		.project_individual .primary h5, 
		.project_individual .primary h4, 
		.project_individual .primary h3 em {
			text-transform:uppercase;
			font-style:normal;
			color:#000;
		}
		.project_individual .primary h5 {
			font:normal 12px/22px 'HermesFBSemiBold', Arial, Helvetica, sans-serif;
			color:#BD9E77;
			background:none;
			padding-bottom:0;
			margin-bottom:0;
			}
		.project_individual .primary p {
			font:normal 12px/16px 'HermesFBThin', Arial, Helvetica, sans-serif;
			color:#000;
			margin-bottom:8px;
			}
			
			.project_individual .primary .intro {
				background:url(/assets/images/line_short.png) top left no-repeat;
				margin:15px 0 8px 0;
				padding-top:8px;
				}
				.project_individual .primary .intro p {
					font:normal 12px/18px 'HermesFBRegular', Arial, Helvetica, sans-serif;
					}
				.project_individual .primary .links {
					background:url(/assets/images/line_short.png) top left no-repeat;
					margin-bottom:15px;
					overflow:hidden;
					padding-top:10px;
					}
				.project_individual .primary .sharing {
					margin-bottom:10px;
					}
				.project_individual .primary .links h5 {
					text-transform:none;
					color:#000;
					}
					.project_individual .primary .links ul li a {
						color:#BD9E77;
						}
						.project_individual .primary .links ul li a:hover {
							color:#000;
						}

		.project_individual .secondary {
			position:relative;
			}
			.project_individual .secondary .body p {
				margin-bottom:8px;
			}
			.newlabel {
				width:60px;
				height:60px;
				background:url(/assets/images/new.png) 0 0 no-repeat;
				text-indent:-9000px;
				position:absolute;
				top:15px;
				right:15px;
			}
			
			/* NEW LABEL */			
			.project_individual .secondary ul li em {
				display:block;
				width:60px;
				height:60px;
				position:absolute;
				top:15px;
				right:15px;
				background:url(/assets/images/new.png) 0 0 no-repeat;
				text-indent:-9000px;
				}
			
			.project_individual .secondary ul li img {
				margin:0 0 15px 0;
				max-width:100%;
				min-width:780px;
				height:auto;
				}

/* PAGINATION
--------------------------------------- */
#pagination #next, 
#pagination #prev {
	display:block;
	position:fixed;
	top:0;
	width:40px;
	height:100%;
	}
	#pagination #prev {
		left:15px;
	}
	#pagination #next {
		right:15px;		
		}
		#pagination #next a, 
		#pagination #prev a {
			display:block;
			width:100%;
			height:100%;
			text-indent:-5000px;
			}
			#pagination #prev a {
				background:url(/assets/images/page_prev.png) center left no-repeat;			
				}
				#pagination #prev a:hover {
					background-position:center right;
					}
			#pagination #next a {
				background: url(/assets/images/page_next.png) center right no-repeat;
				}
				#pagination #next a:hover {
					background-position:center left;
					}

/* FOOTER CONTACT BLOCK
--------------------------------------- */
.contact {
	position:relative;
	display:block;
	width:240px;
	height:299px;
	margin-bottom:10px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	overflow:hidden;
	}
	.contact:hover {
		border-color:#000;
		}
	.contact h2 {
		font:normal 21px/1 'HermesFBRegular', Arial, Helvetica, sans-serif;
		color:#000;
		border-top:2px solid #fff;
		padding:5px 0 11px 0;
		}
		.contact:hover h2 {
			border-color:#000;
		}
		.contact p {
			font:normal 12px/16px 'HermesFBRegular', Arial, Helvetica, sans-serif;
			color:#999;
			padding:8px 0 15px 0;
			background:url(/assets/images/line_short.png) top left no-repeat;
			}
			.contact:hover p {
				color:#000;
				}

		.contact a {
			color:#BD9E77;
			}
			.contact a:hover {
				color:#999;
			}

/* FOOTER ACTUS 
--------------------------------------- */
.footer .actus {
	display:block;
	position:relative;
	width:240px;
	height:300px;
	margin-bottom:10px;
	border-top:1px solid #CCC;
	overflow:hidden;
	}
	.footer .actus .actuswrap {
		position:absolute;
		bottom:0;
		left:0;
		width:240px;
		height:300px;
		background: url(/assets/images/vignettes_actubg.png) bottom left no-repeat;
		z-index:90;
		}
		.footer .actus:hover .actuswrap {
			background-position:bottom right;
		}
		
	.footer .actus:hover {
		border-color:#000;
		}
	.footer .actus .heading {
		width:240px;
		height:64px;
		position:absolute;
		top:0;
		left:0;
		background: url(/assets/images/actus_bg.png) bottom left no-repeat;
		z-index:100;
		border-top:2px solid #fff;
		}
		.footer .actus:hover .heading {
			border-color:#000;
		}
		.footer .actus:hover .heading h2 {
			color:#000;
		}
		.footer .actus .heading h2 {
			text-align:center;
			line-height:65px;
			font:normal 22px/28px 'HermesFBThin', Arial, Helvetica, sans-serif;
			color:#BD9E77;
			border-top:2px solid #fff;
			text-transform:uppercase;
			border-bottom:1px solid #ccc;
			}
			.footer .actus .heading h2 em {
				font-style:normal;
				font-size:15px;
				}
			.footer .actus .heading h3 {
				text-align:center;
				font:normal 15px/24px 'HermesFBThin', Arial, Helvetica, sans-serif;
				color:#000;
				}
		
	.footer .actus img {
		display:block;
		position:absolute;
		bottom:0;
		left:0;
	}

/* SOCIAL LINKS */
.nav_social, .nav_like {
	overflow:hidden;
	background:url(/assets/images/line_short_single.png) 0 0 no-repeat;
	padding-top:10px;
	}
	.nav_social li {
		display:inline;
	}
	.nav_social li a {
		display:inline-block;
		width:16px;
		height:16px;
		text-indent:-9000px;
		background:url(/assets/images/social_icons.png) 0 0 no-repeat;
		}
		.nav_social .nav_facebook a {
			background-position:0 0;
			}
			.nav_social .nav_facebook a:hover {
				background-position:-32px 0;
			}
		.nav_social .nav_twitter a {
			background-position:-16px 0;
			}
			.nav_social .nav_twitter a:hover {
				background-position:-48px 0;
			}

/* SOCIAL LINKS UPDATE 11 OCT 23*/

.nav_social_links li {
	display: inline-block;
	font-size: 18px;
}



/* CONTACT PAGE
--------------------------------------- */
#contact .header {
	height:107px;
	position:relative;
	margin-bottom:18px;
}
.contact_page {
	position:relative;
	padding-bottom:30px;
	margin-bottom:30px;
	}	

.contact_page .primary {
	background:#E0D6E4;
	color:#000;
	height:460px;
	position:relative;
	}
	.contact_page .primary h2 {
		font:normal 24px/36px 'HermesFBThin', Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		margin:0 10px 23px 10px;
	}
	.contact_page .primary form {
		margin:0;
		padding:0 10px;
	}
	.contact_page .primary form .zemText {
		background:url(/assets/images/line_short.png) -240px 0 no-repeat;
		border:none;
		width:375px;
		font:normal 12px/16px 'HermesFBRegular', Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		padding:5px 0 10px 0;
		}
		.contact_page .primary form input:focus, 
		.contact_page .primary form textarea:focus {
			outline:none;
			border:none;
		}
		.contact_page .primary form textarea {
			height:220px;
			background:url(/assets/images/line_long_single.png) 0 0 no-repeat;
			resize:none;
			}

		.contact_page .primary form .zemSubmit {
			padding:0;
			margin:0;
			position:absolute;
			bottom:10px;
			left:10px;
			color:#623376;
			background:none;
			border:none;
			text-transform:uppercase;
			font:normal 24px/1 'HermesFBRegular', Arial, Helvetica, sans-serif;
			}
			/*
			.contact_page .primary form .zemSubmit:focus {
				position:relative;
				top:1px;
			}
			*/
			.contact_page .primary form .zemSubmit:hover {
				color:#000;
				cursor:pointer;
			}

.contact_page .secondary {
	height:458px;
	}
	.contact_page .tertiary strong {
		font:normal 12px/16px 'HermesFBRegular', Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#BD9E77;
		}

.contact_page .tertiary {
	background: url(/assets/images/box_bottom.png) bottom left no-repeat;
	border-bottom:none;
	height:459px;
	position:relative;
	}
	
.contact .map {
	background:none;
	padding:0;
	margin:0;
	position:absolute;
	top:10px;
	right:0;
	}
	.contact .map a {
		display:block;
		width:60px;
		height:60px;
		background:url(/assets/images/map.png) 0 0 no-repeat;
		text-indent:-9000px;
		}
		.contact a:hover {
			background-position:-60px 0;
		}

/* FOOTER
--------------------------------------- */
.footer {
	}

/* COLOPHON
--------------------------------------- */
.colophon {
	text-align:center;
	text-transform:lowercase;
	padding-top:40px;
	padding-bottom:60px;
	font:normal 11px/14px 'HermesFBRegular', Arial, Helvetica, sans-serif;
	}
	.colophon strong {
		color:#000;
		font:normal 11px/14px 'HermesFBSemiBold', Arial, Helvetica, sans-serif;
		}
	.colophon a {
		color:#999;
		}
		.colophon a:hover {
			color:#000;
		}