/* swerve css */

.hide {display: none;}
body {font-family: verdana; padding: 0; margin: 0; } 
div#wrapper {width: 800px;}

/* top navigation */
div#topnav  		{color: #fff;  background: #f60; font-size: 11px; border-left: 1px solid #fff; border-bottom: 5px solid #fff; height: 38px;   }
div#topnav img { border: 0;}
div#logo, div#products, div#manufactory,  div#contact   { float: left;  border-left: 1px solid #fff;  width: 198px;}
div#logo 			{border-left: 1px solid #f60; }
div#topnav ul 		{list-style-type: none; padding: 0; margin: 0; }
div#topnav li 		{padding: 3px 8px;}

#topnav a:link  	{font-weight: normal;	text-decoration: none;	color: #fff;		 background: transparent;}
#topnav a:visited  	{font-weight: normal;	text-decoration: none;	color: #fff;		border: 0; background: transparent;}
#topnav a:hover  	{font-weight: bold;	text-decoration: none;	color: #fff;	border: 0; background: transparent;}






/* content */
#home 	div#content 	{ height: 680px;  width: 798px;   border: 1px solid #fff;   background: #fff url(i/homebg_1.jpg)  top left no-repeat; margin: 0; 	}
#case	div#content 	{ height: 680px;  width: 798px;   border: 1px solid #fff;   background: #fff url(i/casestudybg_1.jpg) top left no-repeat; margin: 0;	}
#client	div#content 	{ height: 780px;  width: 798px;   border: 1px solid #fff;   background: #fff url(i/clientbg_2.jpg) top left repeat; margin: 0;	}
#fab	div#content 	{ height: 780px;  width: 798px;   border: 1px solid #fff;   background: #fff url(i/fabbg_1.jpg) top left repeat-y; margin: 0;	}
#fact	div#content 	{ height: 2080px;  width: 798px;  border: 1px solid #fff;   background: #fff url(i/factorybg_2.jpg) top left repeat-y; margin: 0;	}
#ground	div#content 	{ height: 3000px;  width: 798px;  border: 1px solid #fff;   background: #fff url(i/groundsbg.jpg) top left repeat-y; margin: 0;	}
#ground2	div#content 	{ height: 2400px;  width: 798px;  border: 1px solid #fff;   background: #fff url(i/groundbg2.jpg) top left repeat-y; margin: 0;	}
#press	div#content 	{ height: 980px;  width: 798px;   border: 1px solid #fff;   background: #fff url(i/pressbg_1.jpg) top left repeat-y; margin: 0;	}
		
	div#content div#copyspan 	{
	color: #fff;   
	font-size: 18px;   
	font-weight: bold;   
	padding: 30px;   
	margin: -792px 0 0 -30px;     
	width: 680px; 
	height: 270px;
	filter:alpha(opacity=85);
	-moz-opacity:.9;
	opacity:.9;
	background:  url(i/trasparent_green.png) top left repeat; }
	/*  border: 1px solid green; border: 1px solid red;	filter:alpha(opacity=85);*/
			div#content div#copyspan  	h1 			{ font-size: 18px; padding: 0 5px 5px 5px; margin: 0; }
			div#content div#copyspan  	h2 			{ font-size: 16px; padding: 0 5px 5px 5px; margin: 0; }
			div#content div#copyspan  	p 			{ font-size: 11px; padding: 0 0 0 5px; margin: 0; }

	div#content div#copy 	{
	color: #fff;   
	font-size: 18px;   
	font-weight: bold;   
	padding: 30px;   
	margin: 30px 0 0 50px;     
	width: 290px; 
	height: 260px;
	filter:alpha(opacity=85);
	-moz-opacity:.9;
	opacity:.9;
	background:  url(i/trasparent_black.png) top left repeat; }
	/*  border: 1px solid green; border: 1px solid red;	filter:alpha(opacity=85);*/
			div#content div#copy  	h1 			{ font-size: 18px; padding: 0 5px 5px 5px; margin: 0; }
			div#content div#copy  	h2 			{ font-size: 16px; padding: 0 5px 5px 5px; margin: 0; }
			div#content div#copy  	p 			{ font-size: 11px; padding: 0 0 0 5px; margin: 0; }

	div#content div#copy2 	{
	color: #fff;   
	font-size: 18px;   
	font-weight: bold;   
	padding: 30px;   
	margin: 30px 0 0 50px;     
	width: 290px; 
	height: 260px;
	filter:alpha(opacity=85);
	-moz-opacity:.9;
	opacity:.9;
	background:  url(i/trasparent_orange.png) top left repeat; }
	/*  border: 1px solid green; border: 1px solid red;	filter:alpha(opacity=85);*/
			div#content div#copy2  	h1 			{ font-size: 18px; padding: 0 5px 5px 5px; margin: 0; }
			div#content div#copy2  	h2 			{ font-size: 16px; padding: 0 5px 5px 5px; margin: 0; }
			div#content div#copy2  	p 			{ font-size: 11px; padding: 0 0 0 5px; margin: 0; }

	div#content div#copy3 	{
	color: #fff;   
	font-size: 18px;   
	font-weight: bold;   
	padding: 30px;   
	margin: 540px 0 0 30px;     
	width: 290px; 
	height: 260px;
	filter:alpha(opacity=85);
	-moz-opacity:.9;
	opacity:.9;
	background:  url(i/trasparent_blue.png) top left repeat; }
	/*  border: 1px solid green; border: 1px solid red;	filter:alpha(opacity=85);*/
			div#content div#copy3  	h1 			{ font-size: 18px; padding: 0 5px 5px 5px; margin: 0; }
			div#content div#copy3  	h2 			{ font-size: 16px; padding: 0 5px 5px 5px; margin: 0; }
			div#content div#copy3  	p 			{ font-size: 11px; padding: 0 0 0 5px; margin: 0; }


#prod	div#content div#copy 	{ background:  url(i/green.gif) top left repeat; filter:alpha(opacity=85); }
#prod	div#content div#copyspan 	{ background:  url(i/orange.gif) top left repeat; filter:alpha(opacity=85); }
#prod	div#content	#column_rt	{ position: absolute; left: 400px;  	top: 74px; padding-left: 16px;  width: 385px;}
#prod	div#content	#column_rt  h2 {color: #333; padding: 0; margin: 0 0 20px 0; font-size: 14px; font-weight: bold;}
#prod	div#content	#column_rt  .prod_thumb {float: left; display: inline; color: #333; text-align: center;  font-size: 11px; font-weight: normal; margin: 0 0 15px 0; height: 100px; width: 125px;  }
#prod	div#content	#column_rt  .prod_thumb img 	{ padding: 0;   margin:auto; border:0; }

#prod	div#content	#column_rt   .prod_label 		{ display: block; padding: 5px 0 0 0;    margin: 0 0 0 0; }
#prod	div#content	#column_rt   .prod_thumb  	a:link 		{color: #333; text-decoration: none; }
#prod	div#content	#column_rt   .prod_thumb	a:hover 	{color: #f60;  text-decoration: none;}
#prod	div#content	#column_rt   .prod_thumb 	a:active 	{color: #f60;  text-decoration: none;}
#prod	div#content	#column_rt   .prod_thumb 	a:visited 	{color: #333;  text-decoration: none;}

#prod	div#content	#column_rt  .prod_spread {float: left; display: inline; color: #333; text-align: center;  font-size: 11px; font-weight: normal; margin: 0 0 15px 38px; height: 100px; width: 300px;  }
#prod	div#content	#column_rt  .prod_spread img 	{ padding: 0;   margin:auto; border:0; }

#prod	div#content	#column_rt   .prod_slabel 		{ display: block; padding: 5px 0 0 20;    margin: 0 0 0 0; }
#prod	div#content	#column_rt   .prod_spread  	a:link 		{color: #333; text-decoration: none; }
#prod	div#content	#column_rt   .prod_spread	a:hover 	{color: #f60;  text-decoration: none;}
#prod	div#content	#column_rt   .prod_spread 	a:active 	{color: #f60;  text-decoration: none;}
#prod	div#content	#column_rt   .prod_spread 	a:visited 	{color: #333;  text-decoration: none;}


#prod_detail 	div#content div#copy 		{background:  url(i/trasparent_blue.png) top left repeat; filter:alpha(opacity=85);}
#prod_detail 	div#content div#copy ul 	{ color: #333; font-size: 11px; font-weight: normal; margin: 0 20px 20px 0; padding: 0px; list-style: none;  }
#prod_detail 	div#content div#copy2 		{background:  url(i/trasparent_green.png) top left repeat; filter:alpha(opacity=85);}
#prod_detail 	div#content div#copy2 ul 	{ color: #333; font-size: 11px; font-weight: normal; margin: 0 20px 20px 0; padding: 0px; list-style: none;  }
#prod_detail 	div#content div#buynow		ul {position: absolute; left: 80px;  	top: 350px; }
#prod_detail 	div#content div#downloads  	ul { position: absolute; left: 225px;  	top: 350px;  width: 170px;}
#prod_detail 	div#content a { color: #333;}
#prod_detail 	div#content a:hover { color: #f60;}

#prod_detail	div#content #column_rt							{ position: absolute; left: 412px;  top: 74px;}
#prod_detail	div#content #column_rt #pictures	{}
#prod_detail	div#content #column_rt #pictures	img			{ margin-bottom: 7px; }
		
#prod_detail	div#content #column_rt #thumbnails				{ width: 380px }
#prod_detail	div#content #column_rt #thumbnails 	img  		{padding: 0 0 3px 0;  margin: 0; border:0; }
#prod_detail	div#content #column_rt #specs					{ 	 width: 380px }
#prod_detail	div#content #column_rt #specs	ul				{ font-size: 12px; font-weight: normal; margin: 0 0 20px 0; padding: 0px; list-style: none; }
#prod_detail	div#content #column_rt #specs	li				{ line-height: 1.7;display: inline; padding: 0 12px 0 0;}
#prod_detail	div#content #column_rt #specs	li .opt			{ color: #f60;}


#prod_detail 	div#content #column_rt #specs h3 { color: #000; font-size: 12px; font-weight: bold; }

#prod_detail 	div#content #column_rt div .options  { color: #333; font-size: 11px; font-weight: normal; margin: 0 0 20px 0; }
#prod_detail 	div#content #column_rt div .options img	{padding: 0 2px 4px 0;  margin: 0; }





#case	div#content div#copy 	{ background:  url(i/trasparent_grey.png) top left repeat; filter:alpha(opacity=65);}

#case	div#content div#copy p 				{margin: 0 0 10px 0;}

#case	div#content div#copy p .hilight2 	{background: #f60; padding: 5px; margin: 0; }
#case	div#content div#copy img {border: 0;}
		
#case	div#content #pictures	img			{position: absolute; left: 400px;  	top: 74px;  }
		
#case	div#content #thumbnails				{position: absolute; left: 428px;  	top: 430px; width: 380px }
#case	div#content #thumbnails	img { padding: 0 0 2px 0; border: 0;}




	
		
#client	div#content	#column_rt		{position: absolute; left: 400px;  	top: 74px; padding-left: 16px;  width: 350px;}
#client	div#content	#column_rt h4 	{font-size: 12px; margin: 0 0 8px 0; padding: 0; }
#client	div#content	#column_rt ul 	{ font-size: 12px; font-weight: normal; margin: 0 0 20px 0; padding: 0px; list-style: none; width: 300px; }
#client	div#content	#column_rt li 	{ line-height: 1.7;}
#client	div#content	#column_rt li a {color: #fff;}
#client	div#content	#column_rt li a:hover {color: #f60;}


#fab	div#content div#copy 		{background:  url(i/trasparent_green.png) top left repeat; filter:alpha(opacity=85); }
#fab	div#content div#copy 	a 	{color: #fff;}
#fab	div#content	#column_rt		{position: absolute; left: 400px;  	top: 74px; padding-left: 16px;  width: 350px;}
#fab 	div#content .scenarios  	{color: #333; background: url(i/trasparent_white.png) top left repeat;  padding: 10px  20px  20px  20px; margin-bottom: 5px; }
#fab 	div#content .scenarios p	{font-size: 12px; font-weight: normal; margin-top: 15px; }
#fab 	div#content .scenarios h4 	{font-size: 14px; margin: 0 0 -15px 5px; padding: 0;}
#fab 	div#content .scenarios a:link 	{ color: #333;}
#fab 	div#content .scenarios a:hover 	{ color: #f60;}
#fab 	div#content .scenarios a:active { color:  #f60;}

#fact	div#content div#copy 		{background:  url(i/trasparent_blue.png) top left repeat; filter:alpha(opacity=85); }
#fact	div#content	#column_rt		{position: absolute; left: 400px;  	top: 74px; padding-left: 16px;  width: 350px;}
#fact 	div#content .profile  		{color: #333; background: #fff;  padding: 10px  20px  20px  20px; margin-bottom: 20px; }
#fact 	div#content .profile   h4	{font-size: 12px; margin: 0 0 8px 0; padding: 0; }
#fact 	div#content .profile  p 	{color: #333; background: #transparent;  font-size: 11px; font-weight: normal; text-align: justify; padding: 10px 0; margin: 0; width: 260px; }
#fact 	div#content .profile .viewmovie {float: right; }


#ground	div#content div#copy 		{background:  url(i/trasparent_orange.png) top left repeat; filter:alpha(opacity=85); }
#ground	div#content	#column_rt		{position: absolute; left: 400px;  	top: 68px; padding-left: 16px;  width: 350px;}
#ground div#content .profile  		{color: #333; background: #fff;  padding: 10px  20px  20px  20px; margin-bottom: 20px; }
#ground div#content .profile   h4	{font-size: 12px; margin: 0 0 8px 0; padding: 0; }
#ground div#content .profile  p 	{color: #333; background: #transparent;  font-size: 11px; font-weight: normal; text-align: justify; padding: 10px 0; margin: 0; width: 310px; }
#ground div#content .profile .viewmovie {float: right; }


#ground2	div#content div#copy 		{background:  url(i/trasparent_green.png) top left repeat; filter:alpha(opacity=85); }
#ground2	div#content	#column_rt		{position: absolute; left: 400px;  	top: 68px; padding-left: 16px;  width: 350px;}
#ground2 div#content .profile  		{color: #333; background: #fff;  padding: 10px  20px  20px  20px; margin-bottom: 20px; }
#ground2 div#content .profile   h4	{font-size: 12px; margin: 0 0 8px 0; padding: 0; }
#ground2 div#content .profile  p 	{color: #333; background: #transparent;  font-size: 11px; font-weight: normal; text-align: justify; padding: 10px 0; margin: 0; width: 310px; }
#ground2 div#content .profile .viewmovie {float: right; }


#press 	div#content #pictures	img		{	position: absolute; left: 400px;  	top: 74px; padding-left: 16px; padding-bottom: 12px;}
#press 	#articlelinks { }
#press 	#articlelinks {	position: absolute; left: 416px;  	top: 328px; width: 380px }
#press 	#articlelinks ul {color: #000; font-size: 11px; font-weight: normal; text-align: justify;  margin: 0 0 10px 0; padding: 0px; list-style: none; width:  350px; }
#press 	#articlelinks li {  } 
#press 	#articlelinks #latest  {margin-bottom: 35px; }
#press 	#articlelinks li.pub { font-weight: bold; }

#press 	#articlelinks  a  { color: #000;  }
 		
#press_article img#covershot  { float:left; margin:  0 14px;}
#press_article #article_info {margin: 45px 0 0 0; font-size: 11px;}
#press_article #article_info h1 { display: inline; font-size: 11px; }
#press_article #article_info h2 { font-weight: normal; font-size: 11px; margin-top: 0; }
#press_article #article_info ul { font-weight: normal; margin: 0 0 20px 0; padding: 0px; list-style: none;}
#press_article #article_copy {position: absolute; left: 400px; top: 74px; padding-left: 0px;  width: 350px;}
#press_article #article_copy p {color: #000; font-size: 11px; font-weight: normal;}
#press_article #article_info li a {color: #000;}
#press_article #article_info li a:hover {color: #f60;}

#arrow { vertical-align: text-bottom; padding-left: 8px; }

/* nav */
div#l_1nav 		{color: #fff;  font-size: 11px; font-weight: bold; }

div#l_1nav1 a:hover, div#l_1nav2 a:hover, div#l_1nav3 a:hover,  div#l_1nav4 a:hover 	{ background: #f60;}

#l_1nav ul { margin: 0px; padding: 0px; }
#l_1nav li { background: #333; margin: 0px; padding: 0px; list-style: none; border: 1px solid #fff; border-width: 2px 2px 2px 1px; height: 28px; width: 198px; }
#l_1nav div {}

/* nav - let's put the first level nav along the left side */
li#l_1nav1 { position: absolute; left: 0px; top: 430px;		background:  url(i/trasparent_black.png) top left repeat;}
li#l_1nav2 { position: absolute; left: 0px; top: 460px;		background:  url(i/trasparent_black.png) top left repeat;}
li#l_1nav3 { position: absolute; left: 0px; top: 490px;		background:  url(i/trasparent_black.png) top left repeat;}
li#l_1nav4 { position: absolute; left: 0px;	top: 520px; 	background:  url(i/trasparent_black.png) top left repeat;}


#l_1nav a { padding-left: 10px; line-height: 2.7;}

/*  #low_pics {position: absolute; top: 420px;} */

#l_1nav a:link, #l_1nav a:visited	{font-weight: bold;	text-decoration: none;	color: #fff;	background: transparent;	}
#l_1nav a:hover   	{font-weight: normal;		text-decoration: none;	color: #fff;	background: transparent;	}

li#l_1nav1:hover, li#l_1nav2:hover, li#l_1nav3:hover, li#l_1nav4:hover, li#l_2nav5:hover, li#l_2nav6:hover {background: #f60;}
li#l_2nav1:hover, li#l_2nav2:hover, li#l_2nav3:hover, li#l_2nav4:hover, li#l_2nav5:hover, li#l_2nav6:hover {background: #f60;}


/* nav - let's put the second level along side the first...  */
li#l_2nav0 { position: absolute; left: 200px;  	top: 400px;	 	background:  url(i/trasparent_black.png) top left repeat;}
li#l_2nav1 { position: absolute; left: 200px;  	top: 430px;	 	background:  url(i/trasparent_black.png) top left repeat;}
li#l_2nav2 { position: absolute; left: 200px; 	top: 460px;		background:  url(i/trasparent_black.png) top left repeat;}
li#l_2nav3 { position: absolute; left: 200px; 	top: 490px;		background:  url(i/trasparent_black.png) top left repeat;}
li#l_2nav4 { position: absolute; left: 200px;	top: 520px;		background:  url(i/trasparent_black.png) top left repeat;}
li#l_2nav5 { position: absolute; left: 200px;	top: 550px;		background:  url(i/trasparent_black.png) top left repeat;}
li#l_2nav6 { position: absolute; left: 200px;	top: 580px;		background:  url(i/trasparent_black.png) top left repeat;}

#l_2nav li { border-right: 2px solid #fff; }

/* nav - style the last label in the breadcrumb train consistant with the anchors */
 #page_lable  {line-height:2.5;padding-left:10px;}


/* lower navigation - used on the home page only */
div#lowernav 		{color: #fff;  font-size: 10px; font-weight: bold; }

#lowernav ul { margin: 0px; padding: 0px; list-style: none; }
#lowernav li {  background: #333; margin: 0px; padding: 0px;  position: absolute; top: 426px; border: 1px solid #fff; border-width: 2px 1px;  height: 28px;  }
#lowernav div {border-top: 2px solid #fff;}

#lowernav1 { left: 0px;   width: 198px; }
#lowernav2 { left: 200px; width: 198px; }
#lowernav3 { left: 400px; width: 198px; }
#lowernav4 { left: 600px; width: 198px; }

#lowernav a { line-height: 2.8; padding-left: 10px; }

#lowernav a:link, #lowernav a:visited  {font-weight: bold;	text-decoration: none;	color: #fff; background: transparent;}
#lowernav a:hover  {font-weight: normal;	text-decoration: none;	color: #fff; background: transparent;}
li#lowernav1:hover, li#lowernav2:hover, li#lowernav3:hover, li#lowernav4:hover {font-weight: normal; background: #f60; }

/* lower navigation - pictures are hot too... */
div#low_pics 		{position: absolute; top: 458px; color: #fff; background: #333; font-size: 11px; font-weight: bold; height: 40px; width: 800px;}
div#pic1, div#pic2, div#pic3,  div#pic4   { float: left; width: 198px; padding: 0; border: 1px solid #fff; border-width: 0px 1px; height: 150px;  }
div#pic1 img, div#pic2 img, div#pic3 img,  div#pic4 img { border: 0; } 



/*  footer  */
div#copywrite 		{ position: absolute; left: 0px; top: 595px; display: block; font-size: 11px; color: #666; margin: 15px; padding: 0;  width: 100%; filter:alpha(opacity=75); -moz-opacity:.80; opacity:.80;}
div#ticker 		{ position: absolute; left: 36px; top: 388px; display: block; font-size: 11px; color: #333; margin: 15px; padding: 0;  width: 100%; filter:alpha(opacity=70); -moz-opacity:.75; opacity:.75;}


/* vous etes ici */

#press 	li#l_1nav4, 
#case 	li#l_1nav2, 	
#fab 	li#l_1nav3,  	#fab 	li#l_2nav2,
#fact 	li#l_1nav3,  	#fact 	li#l_2nav3,
#ground	li#l_1nav3,  	#ground	li#l_2nav4,
#ground2	li#l_1nav3,
#client li#l_1nav2,  	#client li#l_2nav1,
#prod 	li#l_1nav1,
#prod_detail 	li#l_1nav1,  #prod_detail 	li#l_2nav1
 											{background: #f60;}

/* popup product menu */

#popitmenu{
position: absolute; background-color: #383838; filter:alpha(opacity=75); -moz-opacity:.80; opacity:.80; border:1px inset #fff; font: normal 10px Verdana; line-height: 12px; z-index: 100; visibility: hidden;
}

#popitmenu a{
text-decoration: none; padding-left: 6px; color: white; display: block; 
}

#popitmenu a:hover{ /*hover background color*/
background-color: #F60;
}