/*
+-------------------------------------------------------------------------+
Title:		Kee
Author:		gjh @ nmm! for conbrio design
Version:	1.5
Copyright:	2008 - gjasonhead
Updated:	9/14/2008
+-------------------------------------------------------------------------+
*/

/* reset ----------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

html, body, div, span, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

:focus {outline: 0;}

address, caption, cite, code, dfn, th, var { 
	font-style:normal; 
	font-weight:normal;} 
	
caption, th {text-align:left;}

table {
	border-collapse: collapse;
	border-spacing: 0;}

ul {list-style: none;}

blockquote, q {quotes: none;}
	
/* Additional */
form label {cursor: pointer;}
fieldset {border: none;}
abbr, acronymn {text-decoration: none; border:0;	speak: spell-out;}

.clear {clear: both;}
#skip-nav, .hide, hr {display: none;}


/* body styles ----------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
body {
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: #999999 url(/fr/images/shared/bg.gif) top left repeat;
	color: #000000;
	margin: 0; padding: 0;	
	text-align: center;}
	
#kee {
	width: 980px;
	margin: 0 auto;
	background:#ffffff;
	text-align: left;
	position: relative;
	overflow:hidden;}
	
/* header styles --------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

#header {
	height: 107px;
	width: 980px;
	background: #ffffff url(/fr/images/shared/bg-header.jpg) top right no-repeat;}
	
	#index #header {padding-bottom: 32px;}
	
		#header h1 a {
		position: absolute;
		display: block;
		top:13px;
		left:34px;
		width: 91px;
		height: 93px;
		background: url(/fr/images/shared/logo-kee-safety.gif) top left no-repeat;
		text-indent: -5000px;}

/* navigation styles ----------------------------------------------------- */
/* ----------------------------------------------------------------------- */

/* utility nav */
#nav-utility li a {
	display: block;
	height: 23px;
	background-image: url(/fr/images/shared/nav-utility.gif);
	background-repeat:no-repeat;
	text-indent: -5000px;}
	
	#nav-utility li {position: absolute;top: 29px}
	
	#util-home {left: 343px;}
	#util-home a {width: 82px; 	background-position: 0 0;}
		#util-home a:hover {background-position: 0 -23px;}
		
	#util-abou {left: 425px;}
	#util-abou a {width: 75px; 	background-position: -86px 0;}
		#util-abou a:hover {background-position: -86px -23px;}
	
	#util-medi {left: 500px;}
	#util-medi a {width: 95px;  background-position: -161px 0;}
		#util-medi a:hover {background-position: -161px -23px;}
	
	#util-reso {left: 595px;}
	#util-reso a {width: 55px; background-position: -256px 0;}
		#util-reso a:hover {background-position: -256px -23px;}
	
	#util-cont {left: 650px;}
	#util-cont a {width: 78px; background-position: -311px 0;}
		#util-cont a:hover {background-position: -311px -23px;}
	
	#util-glob {left: 728px;}
	#util-glob a {width: 227px; background-position: -389px 0;}
		#util-glob a:hover {background-position: -389px -23px;}
		
/* main nav */
#nav-main li a {
	display: block;
	height: 35px;
	background-image: url(/fr/images/shared/nav-main.gif);
	background-repeat:no-repeat;
	text-indent: -5000px;}
	
	#nav-main li {position: absolute; top: 68px;}

	#main-prod {left: 280px;}
	#main-prod a {width: 103px;  background-position: 0 0;}
		#main-prod a:hover,
		#main-prod a.on {background-position: 0 -35px;}
	
	#main-acce {left: 383px;}
	#main-acce a {width: 139px;  background-position: -103px 0;}
		#main-acce a:hover,
		#main-acce a.on {background-position: -103px -35px;}
	
	#main-serv {left: 522px;}
	#main-serv a {width: 101px;  background-position: -242px 0;}
		#main-serv a:hover,
		#main-serv a.on {background-position: -242px -35px;}
	
	#main-indu {left: 623px;}
	#main-indu a {width: 199px;  background-position: -343px 0;}
		#main-indu a:hover,
		#main-indu a.on {background-position: -343px -35px;}
	
	#main-solu {left: 822px;}
	#main-solu a {width: 171px;  background-position: -542px 0;}
		#main-solu a:hover,
		#main-solu a.on {background-position: -542px -35px;}
	
/* kee container --------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
#index #kee-container {
	width: 940px; 
	margin-left:20px;}
	
#sub #kee-container {
	width: 980px; 
	background: url(/fr/images/shared/bg-subpage.gif) top left repeat-y;	}


/* content styles -------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

/* index page styles */
/* ----------------- */

/* right content */
#index-intro {
	width: 264px;
	min-height: 575px;
	padding: 20px 12px 40px;
	border: 1px solid #d7e1ec;
	background: #eaeff5;
	float: right;}

	#index-intro h2 {
	height: 66px;
	width: 240px;
	text-indent: -5000px;
	background: url(/fr/images/shared/welcome.gif) top left no-repeat;
	margin-bottom: 15px;}
	
	#index-intro p {margin-bottom: 1.2em;}

/*main content on home page */
#index-content {
	width: 634px;
	float: left;
	padding-bottom: 45px;}	
	
#highlight-text	{
	width: 634px;
	height: 290px;
	margin-bottom: 15px;
	text-indent: -5000px;
	background:url(/fr/images/shared/splash.jpg) top left no-repeat;}

#index-headlines {
	margin-top:16px;
	width: 335px;
	float: left;}
	
	#index-headlines h3 {
		width: 335px;
		height: 30px;
		margin-bottom: 2px;
		text-indent: -5000px;
		background: url(/fr/images/shared/fr-head.jpg) top left no-repeat;}
		
	#index-headlines dl {
		padding: 10px 0 10px;
		border-top: 1px solid #d6d6d6;}
		#index-headlines dl:first-child {border: none;}
		
		#index-headlines dl a {color: #000; text-decoration: none;}
			#index-headlines dl a:hover {color: #cc0000;}
			
	#index-headlines dt {color: #666;}	
	#index-headlines dd {font-weight: bold;}
	
	#more-headlines a {
		display: block;
		width: 73px;
		height: 11px;
		margin-top:10px;
		text-indent: -5000px;
		background:url(/fr/images/shared/but-morehead.gif) top left no-repeat;}
		
#index-casestudies {
	margin-top:16px;
	width: 273px;
	float: right;}
	
	#index-casestudies h3 {
		width: 273px;
		height: 30px;
		margin-bottom: 2px;
		text-indent: -5000px;
		background: url(/fr/images/shared/fr-case.jpg) top left no-repeat;}
		
	#index-casestudies dl {
		padding: 10px 0 10px;
		border-top: 1px solid #d6d6d6;
		clear: both;
		min-height: 80px;}		
		#index-casestudies dl:first-child {border: none;}
		
		#index-casestudies dl a {color: #cc0000; text-decoration: none; font-weight:bold;}
			#index-casestudies dl a:hover {color: #000000;}
		
		dl.case-study-img dt,
		dd.case-des {
			width: 162px;
			float: right;
			margin-bottom: .7em;}
			
			dd.case-img {width: 80px; height:80px;  float: left;}
				dd.case-img img {border: 1px solid #000000;}
		
div.item-container {
	padding: 5px 10px 15px;
	border: 1px solid #d6d6d6;
	background: #f7f7f7;
	min-height: 278px;}
	

/* sub page styles */
/* --------------- */

#nav-breadcrumb {
	font-size: 11px;
	color: #999999;
	font-weight: bold;
	padding: 8px 0 10px 178px;}
	#nav-breadcrumb a {
		font-weight: normal;
		color: #999999;
		text-decoration: none;}
		
#page-title {
	height: 58px;
	background: #336699 url(/fr/images/shared/bg-title.gif) bottom left repeat-x;}
	
	#page-title h2 {
		padding-left: 178px;
		padding-top: 12px;
		color: #ffffff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 28px;}
		
#sub-content {
	width: 782px;
	float: right;
	margin-right: 20px;
	padding: 30px 0 45px;}
	
	#sub-content h3 {
		font-size: 18px;
		font-weight: bold;
		padding: 5px 10px;
		color: #ffffff;
		margin-bottom: 15px;
		clear: both;}
		
		#sub-content h3.red {background: #ed1c24;} 
		#sub-content h3.lbl {background: #00b6cc;}
		
/* Media Centre */
#sub-content h3.blue {background: #3c6c9d; text-transform: uppercase; font-size: 14px;}
#media-news {width: 386px; float:left;}
#media-press {width:386px; float:right;}

/* Info Centre */
#info-col-a {width:386px; float:left;}
#info-col-b {width:386px; float:right;}
#info-col-full {width:755px; float:left;}

#info-col-a ul,
#info-col-b ul,
#info-col-full ul {
	margin: -5px 0 15px;
	background: #f7f7f7;
	border-top: 1px solid #e5e5e5;}

#info-col-a li,
#info-col-b li,
#info-col-full li {border-bottom: 1px solid #e5e5e5;}

#info-col-a li a,
#info-col-b li a,
#info-col-full li a {
	display: block; 
	padding: 3px 0 3px 20px;
	background: url(/fr/images/shared/info-bul.gif) 10px 50% no-repeat;
	color: #000000;
	font-weight: bold;}

#info-col-a li a:hover,
#info-col-b li a:hover,
#info-col-full li a:hover {color: #cc0000;}

/* displays stuff */

.multi-display-img {
	width: 366px;
	padding: 0 10px 25px;
	float: left;}
	
	.multi-a {clear: both;}
	.multi-b {margin-left: 10px;}
	
	.multi-display-img h4 {
		width: 276px;
		float: right;
		font-weight: bold;
		font-size: 15px;
		margin: 0 0 8px 0;
		color: #336699;}
		
			.multi-display-img h4 a {
				font-size: 14px;
				color: #336699;
				margin: 0 0 8px 0;
				text-decoration: none;}
				.multi-display-img h4 a:hover {text-decoration: underline;}
				
		
	.multi-display-img img {float: left; border: 1px solid #000000; width: 76px;}
	
	.multi-display-description {
		width: 276px;
		float: right;
		min-height: 110px;} 
				
		.multi-display-description p {margin-bottom:.8em;}
		
	.multi-display-links {
		background: #f8f8f8;
		width: 364px;
		clear: both;
		padding: 11px;}
		
	.multi-display-links li {float: left;}
		#link-ip {clear: left; margin-top: 5px;}/* this will always keep the IP on it's own line */

	.multi-display-links a {
		display: block;
		height: 36px;
		text-indent: -5000px;
		margin-right: 8px;}
		
			#link-oc a {
				width: 116px;
				background: url(/fr/images/shared/b-cat-onl.jpg) top left no-repeat;}
			#link-dc a {
				width: 134px;
				background: url(/fr/images/shared/b-cat-dow.jpg) top left no-repeat;}
			#link-pg a {
				width: 162px;
				background: url(/fr/images/shared/b-pro-gui.jpg) top left no-repeat;}
			#link-ip a {
				width: 184px;
				background:url(/fr/images/shared/b-int-pos.jpg) top center no-repeat;
				margin-left: 95px;}

.multi-display-img-wide {
	width: 732px;
	padding: 0 10px 25px;
	float: left;}
	
	#media-list div.multi-display-img-wide {
		width: 647px; float: none;}
	
	.multi-display-img-wide h4 {
		width: 552px;
		float: right;
		font-weight: bold;
		font-size: 15px;
		color: #336699;}
		
			.multi-display-img-wide h4 a {
				font-size: 16px;
				color: #336699;
				text-decoration: none;}
				.multi-display-img-wide h4 a:hover {text-decoration: underline;}
				
		
	.multi-display-img-wide img {float: left; border: 1px solid #000000; width: 76px;}
	
	.multi-display-description-wide {
		width: 552px;
		float: right;
		min-height: 110px;} 
		
		#media-list div.multi-display-description-wide {min-height: 70px;}
				
		.multi-display-description-wide p {margin-bottom:.8em;}
		
#media-story h4 {
	font-weight: bold;
	font-size: 15px;
	color: #336699;}

	#media-story h3 {
	color: #000000;
	margin-left:0;
	padding-left:0;
	font-weight: normal;
	font-size: 12px;}
	
	#media-story img {
		border: 1px solid #000000;
		margin: 0 0 15px 15px;
		float: right;}
	
	
		
/* sub detail styles */

    #ctl00_ContentPlaceHolder1_subcontentAC ul {
	    list-style-type:disc;
	    margin: 0 0 0 10px;
	    padding: 10px;}

    #ctl00_ContentPlaceHolder1_subcontentAC li {
	    padding: 0 0 2px 16px;
	    margin:0;}
    #ctl00_ContentPlaceHolder1_subcontentAC li a{color: #000000; text-decoration: none;}
    #ctl00_ContentPlaceHolder1_subcontentAC li a:hover{color: #000000; text-decoration: underline;}

    #ctl00_ContentPlaceHolder1_subcontentPRD ul {
	    list-style-type:disc;
	    margin: 0 0 0 10px;
	    padding: 10px;}

    #ctl00_ContentPlaceHolder1_subcontentPRD li {
	    padding: 0 0 2px 16px;
	    margin:0;}
    #ctl00_ContentPlaceHolder1_subcontentPRD li a{color: #000000; text-decoration: none;}
    #ctl00_ContentPlaceHolder1_subcontentPRD li a:hover{color: #000000; text-decoration: underline;}

    #ctl00_ContentPlaceHolder1_subcontentSVC ul {
	    list-style-type:disc;
	    margin: 0 0 0 10px;
	    padding: 10px;}

    #ctl00_ContentPlaceHolder1_subcontentSVC li {
	    padding: 0 0 2px 16px;
	    margin:0;}
    #ctl00_ContentPlaceHolder1_subcontentSVC li a{color: #000000; text-decoration: none;}
    #ctl00_ContentPlaceHolder1_subcontentSVC li a:hover{color: #000000; text-decoration: underline;}
    
    #ctl00_ContentPlaceHolder1_gallerydescription	{
    	font-size: 12px; color: #000000; width: 348px; padding: 15px 18px; border-top:1px solid #dae7c2;}
    
    #ctl00_ContentPlaceHolder1_gallerydescription	p {
        font-size: 12px; color: #000000; width: 350px;}
    
    #ctl00_ContentPlaceHolder1_ulHL li	{
    	padding: 4px 0 8px 0px;
    	}
    
    #ctl00_ContentPlaceHolder1_faq dd{
    	margin: 10px 0 10px 15px;
    	}
    
    #ctl00_ContentPlaceHolder1_f_list dt{
    	background-image: url(/fr/images/shared/bul_arrow_down.gif);
    	background-repeat: no-repeat;
    	background-position: 0pt 3pt;
    	padding: 3px 0 3px 16px;
    	border-top-width: 1px;
    	border-top-style: solid;
    	border-top-color: #e0e0df;
    	border-bottom-width: 1px;
    	border-bottom-style: solid;
    	border-bottom-color: #e0e0df;
    	margin-top: 10px;
    	}
    	
    #ctl00_ContentPlaceHolder1_f_list dd	{
    		}
    		
    #ctl00_ContentPlaceHolder1_faq  p strong	{
    text-decoration: underline;	}
    
     #ctl00_ContentPlaceHolder1_faq dl dt a.anc {
         background-image: url(/fr/images/shared/bul_arrow.gif);
         background-repeat: no-repeat;
    	background-position: 0pt 2pt;
    	text-decoration: none;
    	color: #b22222;
	margin: 10px 0 0 15px;
	padding: 0 0 0 14px;}

    #sub-content-copy-wide ul {
	    list-style-type:none;
	    margin: 0 0 0 10px;
	    padding: 10px;}

    #sub-content-copy-wide li {
	    padding: 0 0 2px 16px;
	    margin:0;}
    #sub-content-copy-wide li a{color: #000000; text-decoration: none;}
    #sub-content-copy-wide li a:hover{color: #000000; text-decoration: underline;}

    #sub-content-copy ul {
	    list-style-type:none;
	    margin: 0 0 0 10px;
	    padding: 10px;}

    #sub-content-copy li {
	    padding: 0 0 2px 15px;
	    background-color: transparent;
	    background-image: url(/fr/images/shared/info-bul.gif);
	    background-repeat: no-repeat;
	    background-position: 2px 4px;
	    margin:0;}
    #sub-content-copy li a{color: #000000; text-decoration: none;}
    #sub-content-copy li a:hover{color: #000000; text-decoration: underline;}

    #solutions-gallery li
    {
        list-style-type:none;
    }

#sub-content a {color: #b22222; text-decoration: underline;}
		#sub-content a:hover {text-decoration: none;}
		
#sub-content-copy-wide {
	width: 772px;
	float: left;}
	
	#sub-content-copy-wide p {margin-bottom: 1em;}

	#sub-content-copy-wide h3{
		background: #00b7c9;
		padding: 4px;}
	
	#sub-content-copy-wide h4 {
		color: #336699;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 1em;}
		
	#sub-content-copy-wide a {color: #cc0000; text-decoration: none; font-weight: bold;}
		#sub-content-copy-wide a:hover {text-decoration: underline;}
		
#sub-content-copy {
	width: 386px;
	float: left;}
	
	#sub-content-copy p {margin-bottom: 1em;}
	
	#sub-content-copy h3{
		background: #00b7c9;
		padding: 4px;}
	
	#sub-content-copy h4 {
		color: #336699;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 1em;}
		
	#sub-content-copy a {color: #cc0000; text-decoration: none; font-weight: bold;}
		#sub-content-copy a:hover {text-decoration: underline;}
		
	#sub-casestudies{
		border-bottom: 1px solid #d5d5d5;}
		
	#sub-casestudies h3 {
		width: 386px;
		height: 30px;
		margin-bottom: 0;
		text-indent: -5000px;
		background: url(/fr/images/shared/fr-case.jpg) top left no-repeat;}
		
		.sub-casestudies-item {
		border: 1px solid #d5d5d5;
		border-bottom: 0;
		margin:0;
		padding: 9px 9px 3px;
		background: #f5f5f5;
		width: 368px;}
		
		.sub-casestudies-item img {
			float: left; 
			width: 76px;
			border: 1px solid #000000;}
			
		.sub-casestudies-item h4  {
			float: right;
			width: 279px;}
			
			#sub-content-copy .sub-casestudies-item h4 a {font-size: 12px; color: #000; text-decoration: none; font-weight:bold;}
			#sub-content-copy .sub-casestudies-item h4 a:hover {color: #cc0000;}			
			
		#sub-content-copy .sub-casestudies-industries {
			clear: both;
			margin: 0;
			padding:6px;
			border-top: 8px solid #f5f5f5;
			background: #e4e4e4;
			font-size: 11px;
			text-transform: uppercase;
			width:356px;}

			#sub-content-copy .sub-casestudies-industries a {
				color: #c50d19;
				text-transform: none;
				font-weight: bold;}
				
				#sub-content-copy .sub-casestudies-industries a:hover {color: #000000;}

#sub-content-supporting {
	width: 386px;
	float: right;}

#slideshow p {
	height:596px;
	width:350px;
}

#slideshow-b p {
	height:380px;
	width:386px;
	text-indent: -5000px;
	background:url(/uk/images/shared/temp-flash2.jpg) top left no-repeat;}

	
/* faq's */
#faq ul {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;}

#faq li {
	background: url(/fr/images/shared/bul_arrow.gif) no-repeat 0 3px;
	padding: 0 0 2px 16px;
	margin:0;}
#faq li a{color: #000000; text-decoration: none;}
#faq li a:hover{color: #000000; text-decoration: underline;}

#faq a.anc {
	text-decoration: none;
	color: #669900;
	margin: 10px 0 0 15px;}

#faq dt {
	background: url(/fr/images/shared/bul_arrow.gif) no-repeat 0 6px;
	padding: 3px 0 3px 16px;
	border-top: 1px solid #E0E0DF;
	border-bottom: 1px solid #E0E0DF;}

#faq dd {margin-left: 25px;}
	
/* team */
#team table {	
	width: 650px;
	border-spacing: 8px;}
	
#team table tr	{
	height: 36px;}
	
#team table td.teamname	{
	background: url(/de/images/shared/team-bar.gif) no-repeat 0 8px;
	width: 185px;
	font-size:14px;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	padding: 8px 11px 8px 11px;
	float: left;
	height: 32px;
	}

#team table td.ttitle	{
	width: 200px;
	padding: 8px 11px 8px 11px;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	height: 32px;
	float: left;}

#team table td.temail	{
	width: 181px;
	padding: 8px 11px 8px 11px;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	height: 32px;
	float: left;
	 }
	
#teammember dl	{
}

#teammember dl dt	{
		font-size: 18px;
		font-weight: bold;
		color: #336699;
		}

#teammember dl dd.biotitle	{
		font-style:italic;
		font-size:14px;
		margin-bottom: 6px;
		
}

#teammember dl dd.bioaddress	{
		margin-bottom: 6px;
		
}

.bioimage	{
float: right;
border: 1px solid #333333;
margin-right: 300px;	}



/* gallery css */
#solutions-gallery {
	width: 384px;
	border: 1px solid #dae7c2;
	background: #f7faf2;
	float: right;
	min-height: 596px;}
	
	#solutions-gallery h3 {
		font-size: 18px;
		font-weight: bold;
		color: #336699;
		padding: 10px;
		border-bottom: 1px solid #dae7c2;
		background: #dae7c2;}
	
	#gallery-main {
		display: block;
		border: 1px solid #000000;
		margin: 4px auto;}
	
	#gallery-caption {
		font-weight: bold;
		font-size: 11px;
		color: #669900;
		padding: 8px 18px;
		border-top:1px solid #dae7c2;
		border-bottom:1px solid #dae7c2;}
		
		#gallery-caption p {margin-bottom: 1em;}
		
	#gallery-nav {
		position: relative;
		height: 100px;
		width: 384px;}
	
	#gallerythumbs {
		width: 336px;
		height: 78px;
		padding-top: 10px;
		margin: 0 0 12px 27px;}
		
		#gallerythumbs li {
			width: 78px;
			padding: 0 6px 0 0;
			float: left;}
			
			#gallerythumbs img {
				display: block;
				border: 1px solid #000000;}
	
	#gallery-control a {
		display: block;
		height: 13px;
		width: 13px;
		text-indent:-8000px;}
		
		#gallery-control li {
			width: 13px;
			height: 13px;
			position: absolute;
			top: 42px;}
			
		#g-prev {left: 10px;}		
		#g-prev a {background: url(/uk/images/shared/g-prev.gif) top left no-repeat;}
		
		#g-next {right: 10px;}
		#g-next a {background: url(/uk/images/shared/g-next.gif) top left no-repeat;}
	
	#gallerydescription {
		font-size: 12px;
		color: #000000;
		padding: 15px 18px;
		border-top:1px solid #dae7c2;}
		
		#gallerydescription p {margin-bottom: 1em;}

	


/* sub-navigation styles */

/* nav looks tricky at first, but it will make sense once you run through it */

#nav-sub {
	width: 158px;
	float: left;}
	

#nav-sub h4 {
	width: 158px;
	height: 31px;
	text-indent: -5000px;}
	
	#nav-prod {background: url(/fr/images/shared/subnav-products.gif) top left no-repeat;}
	#nav-acce {background: url(/fr/images/shared/subnav-accessories.gif) top left no-repeat;}
	#nav-serv {background: url(/fr/images/shared/subnav-services.gif) top left no-repeat;}
	#nav-indu {background: url(/fr/images/shared/subnav-industries.gif) top left no-repeat;}
	#nav-solu {background: url(/fr/images/shared/subnav-solutions.gif) top left no-repeat;}
	#nav-reso {background: url(/fr/images/shared/subnav-resources.gif) top left no-repeat;}
	#nav-comp {background: url(/fr/images/shared/subnav-company.gif) top left no-repeat;}
	#nav-medi {background: url(/fr/images/shared/subnav-mediacenter.gif) top left no-repeat;}
	
#nav-sub ul {
	font-size: 11px;
	font-weight: bold;}
	
	#nav-sub li a {
		display: block;
		background: url(/fr/images/shared/subnav-off.gif) top left no-repeat;
		padding: 5px 5px 4px 11px;
		color: #000000;
		text-decoration: none;
		width: 142px;}
		
		#nav-sub li a:hover,
		#nav-sub li a.on {
			color: #ffffff;
			background: url(/fr/images/shared/subnav-on.gif) top left no-repeat;}
			
		#nav-sub ul ul {
			padding-left: 4px;
			border-left: 6px solid #99b2cc;
			background: #ffffff;}
			
			#nav-sub ul ul a {
				width: 125px;
				padding-left:19px;
				background: #ffffff url(/fr/images/shared/subnav-bul.gif) 7px 8px no-repeat;
				border-top: 1px solid #e8e8e8;}
				#nav-sub ul ul:first-child {border-top:0;}

			#nav-sub ul ul a:hover,
			#nav-sub ul ul a.on,
			#nav-sub ul ul li.on a {
				width: 125px;
				padding-left:19px;
				color: #669900;
				background: #ffffff url(/fr/images/shared/subnav-bul.gif) 7px 8px no-repeat;}
				
	
/* footer styles --------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

#footer {
	clear: both;
	background: #e8e8e8 url(/fr/images/shared/bg-footer.gif) top left repeat-x;
	text-align: center;
	padding: 20px 0 50px;
	color: #999999;
	font-size: 11px;}
	
	#sub #footer {background: #dddddd url(/fr/images/shared/bg-sub.gif) top left repeat-x;}
	
	#footer p {margin-bottom: .2em;}
	
	#nav-footer-utility {
		text-transform:uppercase;
		font-weight: bold;}
		
		#footer a {color: #999999; text-decoration: none;}
			#footer a:hover {text-decoration: underline;}