/* CSS Document */
html	{height:100%;}

body {
background-color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #666;
margin:0;
padding:0 0 28px;
text-align: left;
}
p, div, ul, ol, li, h1, h2, h3, h4, h5 {margin-top: 0px;}
img a {border:0;}
a img {border:none;}
h1, h2, h3, h4, h5	{font-family: Verdana, Arial Narrow, Arial, Helvetica, sans-serif;}

h2 {color:#a07011;}
a:link		{color:#336799; text-decoration:none;}
a:visited	{color:#336799; text-decoration:none;}
a:hover		{color:#CC6600; text-decoration:underline;}

.clear	{clear:both;}
.italic {font-style:italic;}
.headline {color:#FF6633;font-weight:bold;}
#container	{width:901px; margin:0 auto;}

#top_area	{
	height:130px;
	width:901px;
	z-index: 10;
}
		#logo	{float:left; }
			#logo img	{height:53px; width:447px; z-index:10; border:none; padding-top:10px; padding-left:10px;}
/*			#logo h1 {display:none;}*/
		#top_area .library {float:left; height:70px; width:54px; margin-left: 65px;}
		#top_area .engineers {float:left; height:70px; width:74px; margin-left: 15px;}
		#top_area .partners {float:left; height:70px; width:65px; margin-left: 15px;}
		#top_area .search {float:left; height:70px; width:77px; margin-left: 15px;}
		#top_area .tollfree {float:left; height:70px; width:121px; margin-left: 15px;}
		#navigation	{padding-left:10px; width:900px; }
		
#navigation	{
	background: url(../images/mainNavleft.jpg) no-repeat left top;
	text-transform:lowercase;
	height:40px;
	width:880px;
	float:left;
	padding-left:4px;
	margin-left:4px;
}
#search {
	background: url(../images/mainNavBg.jpg) repeat-x;
/*	background: url(../images/mainNavright.jpg) no-repeat right top;*/
	width:260px;
	height:36px;
	float:left;
	text-align:right;
	}
	.search_form {
		background: url(../images/mainNavright.jpg) no-repeat right top;
/*		background: url(../images/mainNavBg.jpg) repeat-x;*/
		height:36px;
		padding:0;
		margin:0;
		padding-top:5px;
	}
	.search_form input{
	width:150px;
/*	background: #fff url(../images/searchBg.jpg) no-repeat left bottom;*/
	}
	.search_form a {
		color:#ffffff;
		height:36px;
		text-decoration:none;
		padding-right:10px;
/*		background: #3277b4 url(../images/searchBtn.jpg) right bottom;*/
	}

/*styles for navigation drop-down menu*/
  .menu {
		 /* solve a Opera7/IE display bug */
		float:left;
		z-index: 10;
		background: url(../images/mainNavBg.jpg) repeat-x;
		font-family: Tahoma, Arial, Helvetica, sans-serif; 
		font-size:14px; 
		color:#FFFFFF; 
		text-decoration:none; 
		margin:0;
		padding:0;
		display:block;
		height:36px;
		width:618px; /* important for Opera7 */
		position:relative;
		}
.menu ul {
    position: absolute; /* important */
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 0;
	z-index:15;
	float:left;
	display:block;
}
* html .menu ul {
	float:none;
}
	.menu li ul {
	visibility:hidden;
	width:800px;
	margin: 0;
	display:inline;
	left:0px;
	top:30px;
	float:left;
}
ul.menu a {
	color: #fff;
}
.menu li a {
    display:block;
    text-decoration:none;
	color: #fff;
    text-align: center;	
/*	height:16px;*/
	padding:0px 6px 0px 6px;
	margin: 10px 0px 15px 0px;
	background:url(../images/navdivider.jpg) repeat-y left top;
	line-height:13px;
}
.menu li a.sa1 {
	background:none;
}
.menu ul li a:link {color: #3277b4;}
.menu li a:hover,.menu li.onstate a.toplevel {
	color:#fff;
/*	background-image: url(../images/mainNavBg_over.jpg);
	background-repeat: repeat;*/
	background-color:#000;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);	
}

.menu li a img {
	border: 0;
}

.menu li li a {
	background:none;
	text-align:left;
	color:#3277b4;
	/*    display:block;*/
    text-decoration:none;
	margin-left: 0px;
	padding:0px 5px 0px 5px; /* em units can creat little graphic bug in mozilla */
	/* last number above is left padding; need to adjust width accordingly here only so that 10px+140px=150px*/
	font-size: 12px;
	font-weight: normal;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CC6600;
	line-height: 18px;
/*width: 171px;*/
}
.menu li li a.sub {
 	border:none;
}

#navigation ul.menu li li a.top_item	{background-image: url(../images/bg_subnav_item_top.png); padding-top:8px;}
#navigation ul.menu li li a.bottom_item	{background-image: url(../images/bg_subnav_item_bottom.png); padding-bottom:8px;}

#navigation ul.menu li li a:hover {color:#35679a; font-weight:normal; background-image:none;background-color:#D7D3C6;}
#navigation ul.menu li li a.top_item:hover	{background-image: url(../images/bg_subnav_item_top.png);}

.menu li li {
/*	width: 191px;*/
    border: 0px;
	padding: 0px 0px 0px 0px;
/*    display:block;*/
	font-size: 11px;
	font-weight: bold;
    float: left;
	margin-left: 0px;
}
.menu li li ul {

	width: 191px;
    position:absolute; /* pour sortir la liste du flux de donnée */
    top:auto;
    left:0;
	font-size: 11px;
    margin-left:-100px;
    margin-top:-23px; /* move the sub menu verticaly */

}
.menu li {
	float:left;
    display:inline;
    list-style:none;
    margin:0;
    padding:0;
					/* for mac ie5 */
					float: left;
					width:auto;
					/* for others, mac ie5 cant see it \*/
					width:auto;
					float: none;
					float/**/:left;
					/* end mac ie5 hack */
	margin-left: 0px;
}


#banner_area	{
	width:900px;
	height:362px;
	padding:0;
	margin:0;
}
#content {margin:0;padding:0;}
#content p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height:16px;
	background-color: #FFFFFF;
	text-align: left;
	text-indent: 0px;
	padding-left:0px;
	padding-right:5px;
}
#content h2 {text-align:left;}

	#news_events, #client_spotlight, #shop_online {
		float:left; 
		width:285px;
		padding: 5px 5px 0px 5px;
		margin-right:0px;
	}
	#shop_online {
		background-color: transparent;
		background-image: url(../images/featured.jpg);
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: 10px top;
		padding-top: 50px;
		padding-left: 10px;
		margin-bottom:0px;
	}
	#shop_online h2 {
		text-align:left;
		font-size:16px; font-weight:normal; color:#a07011;margin:0px 0 3px 0px;padding:5px 0px 5px 0px;;
	}
	#shop_online p {padding-left:0px;}
	#news_events{
		background: url(../images/headers_01.jpg) no-repeat top center;
		padding-top: 50px;
	}
	#news_events ul, #leftcol_callout ul {
	margin:0;
	padding:0;
	}
	#leftcol_callout p {padding-left:8px;}
	#news_events li {
		list-style-type:none;
		margin-left:10px;
		margin-bottom:10px;
		padding: 0px 20px 0px 20px;
		background: url(../images/bluearrow.jpg) no-repeat top left;
	}
	#leftcol_callout ul {
	margin:0;padding:0;
	}
	#leftcol_callout li {
		list-style-type:none;
		margin-left:10px;
		margin-bottom:10px;
		padding: 0px 20px 0px 0px;
/*		background: url(../images/bluearrow.jpg) no-repeat top left;*/
	}
	.news_item {
		margin-left:10px;
		margin-bottom:10px;
		padding: 0px 20px 0px 0px;
/*		background: url(../images/bluearrow.jpg) no-repeat top left;*/
	}
	#content .news_item p {
		padding-left:0px;
	}
	#client_spotlight{
		background: url(../images/headers_02.jpg) no-repeat top center;
		padding-top: 50px;
		border-right: 1px dotted #666666;
		border-left: 1px dotted #666666;
	}
	#client_spotlight p, #client_spotlight h2 {
	padding-left:10px;
	}
	
	.center{text-align:center;margin:0px;padding-left:0px;}
	.center img {margin-bottom:10px;}
	.center p {padding-bottom:0px;}
	
	.right{text-align:right;}
	.right img {margin-bottom:10px;}
	.right p {padding-bottom:5px;}

.secondary_page	{}	
.secondary_page	#content	{padding:0px;}	
	#left_col	{padding:15px 9px 0; width:250px; float:left;}
		#secondary_nav	{}
			#secondary_nav h2	{font-size:14px; color:#32659a; font-family:Arial, Helvetica, sans-serif; margin:0 0 5px;}
			#secondary_nav h2 a { text-decoration:none; }
			#secondary_nav ul	{margin:0 0 20px; padding:0; list-style:none;}
			#secondary_nav .subnav a {padding: 0px 0px 0px 10px;line-height:20px;}
			#secondary_nav li	{padding:0px;}
			#secondary_nav li a	{line-height:27px; text-decoration:none; padding: 5px 0 5px 10px; margin-right:15px; color:#FF6633; font-size:14px; font-weight:bold; display:block; border-bottom:#000 1px dotted;}
			.active_header { font-weight:bold; }
			.inactive {display:none;}

				#secondary_nav li a.last	{border-bottom:none;}
				#secondary_nav li a:hover, #secondary_nav li a.sideon	{color:#35679a;}
				#secondary_nav li ul {
				padding:0px 0px 0 0;
				float: none;
/*				border-bottom: 1px dotted #cfcfcf;*/
				margin:0px;
				margin-right:15px;
				}
				
				#secondary_nav li li {
				padding: 0px 10px 0px 10px;
				background-color:#f5fafd;
				border-bottom: 1px dotted #cfcfcf;
				}
				#secondary_nav li li a	{
				font-size: 11px;
				display:inline;
				font-weight:normal;
				border-top: none;
				border-bottom: none;
				}
				#secondary_nav li li a:hover	{background-color: #f5fafd;}
				
	#left_col h2	{font-size:16px; font-weight:normal; color:#a07011;text-transform:lowercase;margin:10px 0 10px 8px;}

	#main_col	{padding:0; width:601px; float:left;border-left: 1px dotted #a07011;padding-left:0px;padding-bottom:5px;}
		#breadcrumb	{color:#336799; margin:2px 0 23px; padding:0; display:block;}
			#breadcrumb a {color:#336799; text-decoration:none; }
				#breadcrumb a:hover {color:#8aad1f;}
				#breadcrumb a:active {color:#336799;}
				#breadcrumb a:visited {color:#336799;}	
			#breadcrumb .current {color:#8aad1f;}	
	#main_col #top_banner {	margin:0 0 0 2px;padding:0;padding-left:20px;}
		#top_banner h1 {
			height:0px;
			display:none;
			font-size:0px;
			line-height:0px;
		}
	#main_col h2	{font-size:16px; font-weight:normal; color:#a07011; text-transform:lowercase; margin:10px 0 10px 0px;width:390px;}
	#main_col h3	{font-size:13px; font-weight:bold; margin:10px 0 10px 20px;color:#a07011;}
	#main_col #main_content {width:613px; margin:0; padding:0; margin-top:10px; border-top: 1px dotted #a07011;}
	
.item_wrapper {
  float:left;
  margin: 5px 10px 0px 0px;
  border-bottom: 1px dotted #c0c0c0;
  padding: 10px;
}
* html .item_wrapper {
	margin-right:2px;
	margin-left:0px;
}
.item_wrapper .thumbnail {
	width:170px;
	text-align:center;
  	float:left;
}
.item_wrapper img {
  padding:0px 5px 0px 5px;
  margin:0px;
}
.item_wrapper p, .item_wrapper h3 {
float:right;
width:370px;
}


	#main_col_text {float:left;margin-left:20px;}
	#middle_col_text {float:left;border-right: 1px dotted #a07011;}
	#main_col_text p img {padding:0; margin:5px 10px 5px 0px;border:1px solid #000000;float:left;}
	
		#main_col_text p, #main_col_text ul	{text-align:left; line-height:18px; margin:10px 5px 15px 0px;padding:0px;width:380px;}
		#middle_col_text p, #middle_col_text ul	{text-align:left; line-height:18px; margin:10px 5px 15px 20px;padding:0px;width:370px;}
		#middle_col_text ul {padding-left:10px;}
		#main_col_callout, #products_right_col #callout {float:right;margin:10px 0px;padding-right:0px;}
		#left_col #callout {float:left;margin:10px 0px;padding-left:20px;}
		#main_col_callout img {padding:0;margin:0;}
		#main_col_callout ul, #products_right_col #callout ul, #left_col #callout ul {margin: -3px 0px -6px 0px; padding: 3px 0px 3px 0px; background: url(../images/callout_bg_mid.jpg) top left repeat-y; } 
		#main_col_callout li, #products_right_col #callout li, #left_col #callout li {
	list-style: none;
	padding: 10px 5px 10px 15px;
	margin: 0px 0px 0px 9px;
	width: 163px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 12px;
} 
		#main_col_callout a, #products_right_col #callout a, #left_col #callout a {color:#000;text-decoration:none;font-size:13px;} 
		#main_col_callout a:hover, #products_right_col #callout a:hover, #left_col #callout a:hover {text-decoration:underline;} 

		#products_main_col	{padding:0; width:408px; float:left;border-left: 1px dotted #a07011;border-right: 1px dotted #a07011;}

		#products_main_col_img {text-align:center;padding:10px;border-bottom: 1px dotted #a07011;}
		#products_main_col_text {padding:5px;}
		#products_main_col_text #buttons ul {list-style-type:none;margin:10px 0px 10px 0px;padding-left:0px;}
/*		#products_main_col_text #buttons li {display:inline;margin:0;padding:0;}*/
		#products_main_col_text #buttons li {float:left;margin:0;padding:0;}
		
		#buttons {text-align:center; margin-left:15px;}
		#buttons a {display:block;color:#000000; font-size:11px;width:142px; height:37px;padding-top:20px;}
		#buttons a.on {background: url(../images/prod_bg_on.jpg) no-repeat center;}
		#buttons a.off {background: url(../images/prod_bg_off.jpg) no-repeat center;}
		#main_col form, #products_main_col_text form {margin:10px 0px 10px 20px;}
		#products_main_col_text h2	{font-size:16px; font-weight:normal; color:#a07011;margin:10px 0 10px 8px;padding:10px 0px 10px 10px;}
		.t_FF6600 { font-size:14px; COLOR: #ff6600; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica; TEXT-DECORATION: none}

		#products_main_col_text h3	{font-size:14px; font-weight:bold; color:#a07011;margin:5px 0 0px 8px;padding:5px 0px 5px 10px;}
		#products_main_col_text p	{text-align:left; line-height:18px; margin:10px 5px 15px 20px;padding:0px;width:380px;}
		#products_main_col_text table	{margin:10px 5px 15px 15px;padding:0px;}
		#products_main_col_text ul {line-height:18px;}	
		#products_main_col_text li {padding:0px 0px 5px 5px;}	
		#products_right_col	{padding:0; width:200px; float:left;}

		#products_right_col h3 {color:#0057a2;font-size:14px; text-transform:lowercase;font-weight:normal; margin:10px 0 10px 0px;padding:5px 0px 5px 10px;}
		#products_right_col ul {list-style-type:none;padding-left:10px;padding-right:0;margin:5px 0 5px 0px;}
		#products_right_col .linkwrap {padding-left:18px;margin:5px 0 5px 0px;}
		#products_right_col li {padding:4px 0px 4px 0px;} 
		#products_right_col li a,#products_right_col .linkwrap a {text-decoration:underline; color:#000000;} 
		#products_right_col li a:hover {color:#0057a2;} 
		
ul.sitemap {
	margin-left: 15px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
}
ul.sitemap li	{
	background-image:none;
	padding: 5px 0 5px 0px;
	margin:0;
	margin-left: 10px;
}
		
	#col_separation {width:1px; height:820px; float:left; background:url(../images/sep.gif) repeat-y; margin:0 0 0 6px;}
	
	#right_col	{padding:0; width:222px; float:left;}	
	 #whitebox{margin:0 0 40px 3px;}
		#whitebox_top {background:url(../images/whitebox_top.gif) no-repeat left top; height:11px; width:217px; }
		#whitebox_mid {background:url(../images/whitebox_mid.gif) repeat-y top; width:217px;}
		#whitebox_bottom {background:url(../images/whitebox_bottom.gif) no-repeat  bottom left; height:9px; width:217px;}
			#whitepaper { margin:0; padding:0 0 10px 15px;}
				#whitepaper h2 {color:#336799; font-weight:normal; font-size:16px; margin:0 0 10px; padding:0;}
				#whitepaper form { background: url(../images/logo_pdf.gif) no-repeat; background-position:-5px 0px; padding:0 0 0 65px; margin:0;}
					#whitepaper input {width:100px; margin:0 0 2px 0; color:#666; display:block;}
						#whitepaper input#button{width:75px;  margin:0;  color:inherit;}
	.secondary_page a.demo	{margin:0 0 25px 6px; display: block; color:#fff; font-size:14px; font-weight:bold; text-align:center; height:144px; width:210px; padding:51px 0 0; background:url(../images/bg_demo_banner_secondary.png) no-repeat top; text-decoration:none;}
	* html .secondary_page  a.demo	{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_demo_banner_secondary.png',sizingMethod='scale'); background:none;}			
		.secondary_page a.demo .live_demo_button {display:block; margin:35px auto 0; line-height:54px; width:133px; text-transform:uppercase; color:#fff; font-weight:bold; font-size:14px; background:url(../images/bg_live_demo_button.png) no-repeat center; text-align:center;}
		 * html .secondary_page a.demo .live_demo_button	{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_live_demo_button.png',sizingMethod='scale'); background:none;}			
			
	#right_text p{font-family: Trade Gothic, Arial Narrow, Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; text-align:center; display:block; width:186px; padding:0 18px;}
		#right_text p a	{text-decoration:none; color:#666;}

#footer	{width:900px; margin:0; padding:0;border-top: 1px dotted #a07011;}
	#footer p	{ margin:0; line-height:21px; padding:0 0 0 6px;font-size:10px;}

/* StratiMind inserted CSS additions */
.homepage {padding-left:20px;padding-right:5px;padding-top:10px;border-top:1px dotted #666666;margin-top:0px;}
.homepage h1 { font-size:16px}
.homepage h2 { font-size:16px; font-weight:normal; text-transform: lowercase;margin:0px 0 3px 0px;padding:5px 0px 5px 0px;}
#content .homepage p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height:18px;
	background-color: #FFFFFF;
	text-align: left;
	text-indent: 0px;
	padding-left:0px;
	padding-right:0px;
}
.heading2 { 
	font-size:14px;
	font-family: Verdana, Arial Narrow, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.heading2_mainCol {
	font-size:16px; 
	font-weight:normal; 
	color:#a07011; 
	text-transform:lowercase; 
	margin:10px 0 10px 0px;
	width:100%;
	font-family: Verdana, Arial Narrow, Arial, Helvetica, sans-serif;
}
.seocopy {
	border-top: 1px dotted #666666;
	padding-top:10px;
	padding-left:20px;
}
#main_col .seocopy h1 { font-size:16px}
#main_col .seocopy h2 { width:100%;}
#content .seocopy p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height:18px;
	text-align: left;
	text-indent: 0px;
	padding-left:0px;
	padding-right:0px;
}

/* end StratiMind CSS additions */