@charset "utf-8";
/* CSS Document */

@font-face {  
font-family:'Nilland';  
src: url('/font/Nilland.ttf') format('opentype'); } 
@font-face {  
font-family:'Nilland-Black';  
src: url('/font/Nilland-Black.ttf') format('opentype'); }
@font-face {  
font-family:'Acidic';  
src: url('/font/Acidic.ttf') format('opentype'); } 

/* generic interface ATTRIBUTES go here */
* { margin:0; padding:0;}
body, html {height:100%;}
body { background-color:#210f19; color:#ffffff; font:11px Arial, Helvetica, sans-serif; padding:0;}
.wrapper { width:960px; margin:auto;/* border:solid 1px #fff; */}
.wrapper_solid { width:960px; margin:auto; position:absolute; top:250px; left:100px;/* border:solid 1px #fff; */}
section { display:block; position:relative;}
/*generic */


/* generic title, links ATTRIBUTES go here */


.links 		 	{color:#02c1ff; text-decoration:none; font:11px Arial, Helvetica, sans-serif;}
.links:hover 	{color:#ff7105; text-decoration:none; font:11px Arial, Helvetica, sans-serif;}
.links12px 		{color:#02c1ff; text-decoration:none; font:12px Arial, Helvetica, sans-serif;}
.links12px:hover{color:#ff7105; text-decoration:none; font:12px Arial, Helvetica, sans-serif;}


#hdr_sticky {
	position:fixed;
	height:36px;
	background-image:url(../images/bg_hdr.png);
	background-repeat:repeat-x;
	width:100%;
	min-width:960px;
	text-align:center;
	padding-top:3px;
	z-index:200;
}

.disclaimer {display:none;}
header {width:100%; height:141px; display:block;}
	 .logo{background:url(../images/hdr_logo_organic2.png) no-repeat; height:191px; width:823px; float:right; position:relative; top:10px; padding:0px 20px 0 0px; z-index:70;}
	 .html5_rub {background:url(../images/leaves.png) top no-repeat; height:270px; width:250px; float:right; position:relative; margin-top:10px; z-index:50;}


#flashAssetContainer {
	height:155px;
	width:885px;
	text-align:left;
	padding-left:0px;
	padding-top:0px;
	margin-left:0px;
	margin-top:0px;	
	}


/* CLASSES determining NAVIGATION  */
#nav_button1 		{background:url(../images/nav_inspiration_up.png) no-repeat; position:fixed; height:25px; width:124px; top:35px; left:20px;}
#nav_button1:hover 	{background:url(../images/nav_inspiration_over.png) no-repeat; position:fixed; height:25px; width:124px; top:35px; left:20px;}

#nav_button2		{background:url(../images/nav_process_up.png) no-repeat; position:fixed; height:25px; width:99px; top:59px; left:20px;}
#nav_button2:hover 	{background:url(../images/nav_process_over.png) no-repeat; position:fixed; height:25px; width:99px; top:59px; left:20px;}

#nav_button3 		{background:url(../images/nav_experimentation_up.png) no-repeat; position:fixed; height:25px; width:168px; top:83px; left:20px;}
#nav_button3:hover 	{background:url(../images/nav_experimentation_over.png) no-repeat; position:fixed; height:25px; width:168px; top:83px; left:20px;}

#nav_button4  		{background:url(../images/nav_intangibles_up.png) no-repeat; position:fixed; height:25px; width:129px; top:108px; left:20px;}
#nav_button4:hover 	{background:url(../images/nav_intangibles_over.png) no-repeat; position:fixed; height:25px; width:129px; top:108px; left:20px;}


#inspiration, #process, #experimentation, #intangibles {min-height:600px; height:100%; min-width:960px; position:relative; z-index:1;}

#inspiration {background-color:#210f19; background-repeat:repeat; z-index:1;}
#process {background-color:#2b180a;}
#experimentation {background-color:#61e5fd;}
#intangibles {background-color:#282725;}

#top {
	margin-top:0px;
	margin-left:0px;
	height:auto;
	width:auto;
	position:absolute;
}

.title_inspiration {margin:0 0 10px; background-image:url(../images/title_inspiration.png); height:34px; width:238px;}
.title_process {margin:0 0 10px; background-image:url(../images/title_process.png); height:33px; width:178px;}
.title_experiments {margin:0 0 10px; background-image:url(../images/title_experiments.png); height:30px; width:241px;}
.title_intangibles {margin:0 0 10px; background-image:url(../images/title_intangibles.png); height:34px; width:251px;}

.title_synopsisX {margin:0 0 10px;  background:url(../images/title_index_synopsis.png) no-repeat; padding:0 0 5px; width:155px; height:27px;}
.title_deliveryX {margin:0 0 10px;  background:url(../images/title_index_delivery.png) no-repeat; padding:0 0 5px; width:256px; height:27px;}
.title_contactX 	{margin:0 0 10px;  background:url(../images/title_index_contact.png) no-repeat; padding:0 0 5px; width:155px; height:27px;}


/* classes defining sky fade gradient ATTRIBUTES go here */
#sky_fadeBlue {
	border:5px;
	position:absolute;
	background-image:url(../images/sky_fadeBlue.png);
	background-repeat:repeat-x;
	height:400px;
	width:100%;
	margin-top:0px;
	margin-left:0px;
	z-index:2;
}

#sky_fadeBlueMini {
	border:5px;
	position:absolute;
	z-index:2;
	background-image:url(../images/sky_fadeBlueMini.png);
	background-repeat:repeat-x;
	height:300px;
	width:100%;
	margin-top:0px;
	margin-left:0px;
	opacity:.5;
}

#sky_fadeBrown {
	border:5px;
	position:absolute;
	z-index:2;
	background-image:url(../images/sky_fadeBrown.png);
	background-repeat:repeat-x;
	height:400px;
	width:100%;
	margin-top:0px;
	margin-left:0px;
}


#sky_fadePurple {
	border:5px;
	position:absolute;
	z-index:2;
	background-image:url(../images/sky_fadePurple.png);
	background-repeat:repeat-x;
	height:400px;
	width:100%;
	margin-top:0px;
	margin-left:0px;
}

#sky_fadeGrey {
	border:5px;
	position:absolute;
	z-index:2;
	background-image:url(../images/sky_fadeGrey.png);
	background-repeat:repeat-x;
	height:400px;
	width:100%;
	margin-top:0px;
	margin-left:0px;
}



#nav_shineGlow {
	position:absolute;
	margin-top:0px;
	margin-left:0px;
	height:91px;
	width:247px;
	background-image:url(../images/shine_logo_03.png);
	z-index:300;
	opacity:.90;
}



#ZIMA_logo:hover {}

#zima_logo_shine {
	position:absolute;
	height:91px;
	width:247px;
	background-image:url(../images/shine_logo_03.png);
	margin-top:-30px;
	margin-left:-160px;
	z-index:1;
}








#content {
	position:absolute;
	top:50%;
	margin-top:-150px;
	margin-left:-424px;
	left:50%;
	width:848px;
	height:420px;
	/*background-color:#FF0;*/
	text-align:left;
	z-index:10;
}

.bottom_textureA {
	position:absolute;
	bottom:0px;
	height:58px;
	left:0px;
	width:100%;
	min-width:776px;
	overflow-x:hidden;
	background-image:url(../images/bgd_footer_textureA.png);
	background-repeat:repeat-x;
	z-index:5;
}

.bgd_footer_p2 {
	position:absolute;
	bottom:0px;
	height:160px;
	left:0px;
	width:100%;
	min-width:952px;
	overflow-x:hidden;
	background-image:url(../images/bgd_footer_p2.png);
	background-repeat:repeat-x;
	z-index:5;
}

.bottom_textureC {
	position:absolute;
	bottom:0px;
	height:30px;
	left:0px;
	width:100%;
	min-width:952px;
	overflow-x:hidden;
	background-image:url(../images/bgd_footer_shuffle_p3.png);
	background-repeat:repeat-x;
	z-index:5;
}

.bgd_footer_p4 {
	position:absolute;
	bottom:0px;
	height:58px;
	left:0px;
	width:100%;
	min-width:776px;
	overflow-x:hidden;
	background-image:url(../images/bgd_footer_p4.png);
	background-repeat:repeat-x;
	z-index:5;
}


#header_process_leaves {
	position:absolute;
	top:10px;
	right:40px;
	padding:0px 20px 0 0px;
	height:272px;
	width:273px;
	background-image:url(../images/leaves_white.png);
	background-repeat:no-repeat;
	z-index:20;
	opacity:.5;
}	

#footer_inspiration_lilly {
	position:absolute;
	bottom:0px;
	height:437px;
	width:491px;
	overflow-x:hidden;
	background-image:url(../images/bgd_footer_lilly.png);
	margin-top:-363px;
	margin-left:-10px;
	z-index:105;
}	
	
#footer_leaves {
	position:absolute;
	bottom:0px;
	height:415px;
	width:591px;
	overflow-x:hidden;
	background-image:url(../images/bgd_footer_leaves1.png);
	margin-top:-354px;
	margin-left:30px;
	z-index:105;
}
	
	
	


/* CLASSES determining content specs for INSPIRATION section */
/* This is the FIRST SCREEN of the SHUFFLE section */

#content_inspiration {
	position:absolute;
	top:50%;
	margin-top:-150px;
	margin-left:-424px;
	left:50%;
	width:848px;
	height:420px;
	/*background-color:#f9ffff;*/
	text-align:left;
	z-index:10;
}





#b {
	position:absolute;
	width:848px;
	height:420px;
	background:none;
}
	
#process_txtr1 {
	border:5px;
	position:absolute;
	z-index:3;
	background-image:url(../images/bgd_txtr_process1.png);
	background-repeat:repeat-x;
	height:200px;
	width:100%;
	margin-top:0px;
	margin-left:0px;
}


	

.ZIMA_slogan {
	position:absolute;
	top:100px;
	right:400px;
	padding:0px 20px 0 0px;
	height:72px;
	width:359px;
	background-image:url(../images/SLOGAN_07-trans.png);
	z-index:10;
	}

.links_l 		{color:#ffffff; font-weight:bolder; text-decoration:none;}
.links_l:hover 	{color:#000000;}

#none {
	display:none;
}



#copy {
	position:absolute;
	margin-top:485px;
	margin-left:49px;
	height:auto;
	width:auto;
	color:#000;
	background:none;
}
	
	

/* FOR FLOATING 3 COLUMN LAYOUT TEST - START CODE */	


#container_spacer {height:150px;}	
	
#container { 
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
	padding-top:80px;
	z-index:3;
} 

#container_black { 
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
	padding-top:80px;
	color:#000000;
	z-index:100;
} 

#container_paper { 
	width: 912px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height:439px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
	padding-top:40px;
	background:url(../images/bgd_texture_paperBurned2.png) no-repeat;
	color:#000000;
	z-index:100;
} 
	

.TAGZONE {font-family:Nilland;  display:block; height:160px; margin:0 0 30px; z-index:1000;}
.TAGZONE .photoX { background:url(../images/photo_ond.png) no-repeat top; float:left; width:170px; height:151px; margin:20px 0 0; z-index:1000;}
.TAGZONE .tag { width:884px; float:left;  position:absolute; top:10px; margin:0px 0 0 30px; text-shadow:0 1px 2px #07394c; z-index:1000;}
.TAGZONE .tag h1 {font:nold 18px Arial, Helvetica, sans-serif; line-height:30px; z-index:1000;}
.TAGZONE .tag strong { font-family:Nilland-Black; z-index:1000;}

.SHOWCASEX {background:url(../images/bg_zone_visuel.png) repeat-x top; width:100%; height:421px; display:block; padding:30px 0 0;}
.portfolio {background:url(../images/bgd_portfolio.png) repeat-x top; width:100%; height:509px; display:block; padding:32px 0 0;}
.portfolio .contenu_case {background:url(../images/bg_transparent.png) repeat; width:913px; height:367px; margin:auto; -moz-border-radius:5px;-webkit-border-radius:5px;}
.portfolio .tag_portfolio {background:url(../images/tag_portfolio.png) top no-repeat; width:123px; height:123px; position:absolute; z-index:100; margin:0 0 0 23px;}

.title_synopsis {margin:0 0 10px;  background:url(../images/title_index_synopsis.png) no-repeat; padding:0 0 5px; width:155px; height:27px;}
.title_delivery {margin:0 0 10px;  background:url(../images/title_index_delivery.png) no-repeat; padding:0 0 5px; width:256px; height:27px;}
.title_contact 	{margin:0 0 10px;  background:url(../images/title_index_contact.png) no-repeat; padding:0 0 5px; width:155px; height:27px;}

.title_spacer {margin:0 0 10px; padding:0 0 5px; height:27px;}

.ZONE_TXT {padding:0 0 50px; z-index:100;}
.ZONE_TXT .bloc 	{font-size:12px; width:250px; float:left; margin:0 30px 0;}
.ZONE_TXT .bloc h3	{font:bold 17px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFFFFF;}
<!-- .ZONE_TXT .bloc  h2 { font-size:26px; color:#0c3d57; font-family:XXXNilland-Black; margin:0 0 10px;  background:url(../images/border_h2.png) repeat-x bottom;padding:0 0 5px; text-shadow:0 1px #86b4c3;} -->
	 .ZONE_TXT .about { font-size:12px;}
	 .ZONE_TXT .link_list {margin:15px 20px;}
	 .ZONE_TXT .link_list img {margin:0 10px 0; vertical-align:middle;}
	 .ZONE_TXT .link_list li {display:block; list-style:none; margin:0 0 5px;}
	 .ZONE_TXT .link_list li:hover {}
 	 
	 
	 .bloc .delivery_info {width:100%; padding:0px 0 10px;}
	 .bloc .delivery_info h3 {font-size:17px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff;}
	.png) no-repeat; z-index:50; margin-bottom:-760px; margin-left:500px;}
	 .blocX .cardX {background:url(../images/card.png) no-repeat; width:301px; height:195px; z-index:50; position:relative; margin:40px 0 -65px;}
	 


.card_shuffle_p2 {background:url(../images/card.png) no-repeat; width:301px; height:195px; z-index:50; position:relative; float:right; top:100px; margin:40px 0 -65px;}
.leaves_p2 {background:url(../images/bgd_footer_leaves_p2.png) no-repeat; width:273px; height:265px; overflow-x:hidden; position:absolute; bottom:0px; margin-top:-383px; margin-left:900px; z-index:50;}

footer { /*max-height:212px;*/ height:57px; background:url(../images/bgd_footer_texture.png) repeat-x; display:block; clear:both;}
footer p {position:relative; top:35px; text-align:center; margin:0 29px; font-size:11px;}
footer a {color:#cba674; text-decoration:none;}
/*carousel*/

.work 		{position:relative;}
.work ul	{list-style-type: none;overflow:hidden; width:900px; position:relative;}
.work ul li	{float:left; width:895px; height:350px; background:url(images/project.png) no-repeat 0 0; padding:8px;}
	 	.work-info				{float:left; width:290px; padding:10px; margin:0 0 0 20px; font-size:12px; line-height:18px;}
		.work-info b 			{color:#ff7105; text-transform:uppercase;}
		.work-info .title 		{font:bold 17px verdana, sans-serif; margin:0px 0 30px; color:#ffffff;}
		.work-info .cont_feat 	{height:30px; width:100%; padding:15px 5px 10px 0px; margin:0px 0 0; border-top:dashed 1px #71593e; line-height:30px;}
		
		.cont_feat .tag {box-shadow:0 1px #333; padding:2px 5px; font:bold 11px Arial, Helvetica, sans-serif; -moz-border-radius:2px; -webkit-border-radius:2px; text-transform: uppercase; margin-right:5px;}
			.xhtml	{background:#7a5e08; color:#ffffff;}
			.html	{background:#737264; color:#ffffff;}
			.css 	{background:#1298b5; color:#ffffff;}
		 	.php 	{background:#4ed419; color:#ffffff;}
		 	.jquery	{background:#4082ae; color:#ffffff;}
			.as3	{background:#ea46ec; color:#ffffff;}
			.as2	{background:#ea335a; color:#ffffff;}
			.cms	{background:#ec7a0b; color:#ffffff;}
		.link_visit 		{color:#02c1ff; border: solid 1px transparent; font:bold 10px; text-decoration:none; padding:0px;}
		.link_visit:hover 	{color:#ff7105;}
		.sign {-webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); float:right; margin:20px 0;}


.work ul li .work-image	{float:left; width:547px; height:351px; position:relative; overflow:hidden; font-size:0; line-height:0; margin:3px 0 0 5px;}
.work p {padding-bottom:15px;}
.work h4 {padding:5px 0 10px 0;}


	
	/** jCarousel **/
.projects .jcarousel-clip { width:913px; height:270px; overflow:hidden; position:relative; }

.jcarousel-prev,.jcarousel-next { font-size:0; line-height:0; width:49px; height:49px; cursor:pointer; position:absolute; top:136px; z-index:2;}
.jcarousel-prev { left:-30px; background:url(../images/btn_shwocase.png) right top; height:61px; width:30px; }
.jcarousel-next { right:-30px; background:url(../images/btn_shwocase.png) left top; height:61px; width:30px;  }

/*carousel*/