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

/* CSS RESET */
/* meyerweb.com | v1.0 | 20080212 */

	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,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;

	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	
	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}



/* CSS Compuer Support & Services */
/* by Thomas Buyle | mgpix.be */

/* LAYOUT */

	body {
		background: #edf2f4;	
		/*font-family: Georgia, "Times New Roman", Times, serif;*/
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		line-height: 160%;
		color: #000;
	}
	
	.wrapper {
		display: block;
		width: 880px;
		margin: 0 auto;
	}
	
	#header {
		background: #002a46 url('images/header-bg.png') no-repeat center center;
		height: 157px;
		color: #fff;
	}



	/* header */
	
		#header .wrapper {
			background: url('images/header-wrapper-bg.gif') no-repeat 230px 23px;
			padding-top: 23px;
			height: 132px;
		}
		
		#header #branding {
			height: 103px;	
		}
		
		#logo {
			display: block;
			text-indent: -9000px;
			height: 67px;
			width: 242px;
			background: url('images/logo.gif') no-repeat 0 0;
			margin-left: 14px;
		}
		
		#header #mainNav {
			width: 605px;
			float: left;
			height: 31px;
		}
		
		/* menu */
		
			#header #menu {
				height: 31px;
				margin-bottom: -2px;
				overflow: hidden;
			}
			
			#header #menu LI {
				display: inline;
			}			

			#header #menu A {
				display: block; 
				float: left;
				height: 31px;
				background: url('images/tabs.png') no-repeat 0 -34px;
				text-indent: -9000px;
			}
						
			/* main navigation */

				#header #mainNav #homeTab A {width: 64px;}
				#header #mainNav #homeTab A:hover, #home #header #mainNav #homeTab A {background-position: 0 -1px;}
				
				#header #mainNav #aboutTab A {width: 92px; background-position: -64px -34px;}
				#header #mainNav #aboutTab A:hover, #about #header #mainNav #aboutTab A {background-position: -64px -1px;}	
				
				#header #mainNav #serviceTab A {width: 88px; background-position: -156px -34px;}
				#header #mainNav #serviceTab A:hover, #services #header #mainNav #serviceTab A {background-position: -156px -1px;}	
				
				#header #mainNav #solutionsTab A {width: 88px; background-position: -244px -34px;}
				#header #mainNav #solutionsTab A:hover, #solutions #header #mainNav #solutionsTab A {background-position: -244px -1px;}
				
				#header #mainNav #ressourcesTab A {width: 111px; background-position: -332px -34px;}
				#header #mainNav #ressourcesTab A:hover, #ressources #header #mainNav #ressourcesTab A {background-position: -332px -1px;}	
				
				#header #mainNav #referencesTab A {width: 108px; background-position: -443px -34px;}
				#header #mainNav #referencesTab A:hover, #references #header #mainNav #referencesTab A {background-position: -443px -1px;}	
	
				#header #mainNav #jobsTab A {width: 54px; background-position: -551px -34px;}
				#header #mainNav #jobsTab A:hover, #jobs #header #mainNav #jobsTab A {background-position: -551px -1px}	
			
			/* Side Navigation */
			
				#menu #sideNav A {
					float: right;
				}
				
				#sideNav #contactTab A {width: 119px; background-position: right -34px;}
				#sideNav #contactTab A:hover, #contact #sideNav #contactTab A {background-position: right -1px;}
		
	/* content */
	
		#content {
			background: url('images/content-bg.gif') top left repeat-x;	
			padding-top: 25px;
		}
		
		#content .wrapper {
			background: url('images/page-bg.png') repeat-y top left;
			overflow: hidden;
		}
		
		/* page */
		
			#page {
				float: 	left;
				width: 606px;
				padding: 0 0 3px;
				background: url('images/page-bg-top.png') no-repeat top left;
			}
			
			#page .article {
				margin: 0.3em 20px 0;
				border-top: 1px solid #e0e9ec;
				padding-top: 2.2em;
				overflow: hidden;
			}
			
			#page div.first {
				border-top: none;
				padding-top: 20px;
				margin-top: 0;
			}
		
			/* columns */
			
			#page .col25 {
				width: 25%;
				float: left;
				margin-top: -0.8em;
				padding-top: 0.8em;
			}
			
			#page .col75 {
				width: 75%;
				float: left;
				margin-top: -0.8em;
				padding-top: 0.8em;					
			}

			#page .col33 {
				width: 33%;
				float: left;
				margin-top: -0.8em;
				padding-top: 0.8em;					
			}

			#page .col66 {
				width: 66%;
				float: left;
				margin-top: -0.8em;
				padding-top: 0.8em;					
			}

		#page .col50 {
				width: 50%;
				float: left;
				margin-top: -0.8em;
				padding-top: 0.8em;					
			}

			#page .even {
				background-color: #f6fafb;	
			}
			
			#page .msg {
				background-color: #f6fafb;
				padding-left: 1ex;
				padding-right: 1ex;
				padding-top: 1ex;
			}
			
	
		
		/* side content */
		
			#sideContent {
				width: 257px;
				float: right;
				padding-top: 24px;
			}
			
			/* widgets */
			
				#widgets LI.widget {
					display: block;
					margin-bottom: 2.2em;
				}
			
				.widgetHead {
					background:url(images/widget-head-bottom.png) no-repeat center bottom;
					position: relative;
					padding: 0 4px 12px;
				}
				
				.widgetHead A {
					font-size: 108%;
					position: absolute;
					right: 4px;
					bottom: 11px;
					display: block;
				}
				
				.widgetHead H2 {
					font-size: 150%;
					font-weight: normal;
					color: #506a77;
				}
				
				.widgetHead H2 A:link, .widgetHead H2 A:active, .widgetHead H2 A:visited, .widgetHead H2 A:hover {
					display: inline;
					position: relative;
					color: #506a77;
					font-size: 100%;
					bottom: 0;
					right: 0;
				}
				
				.widgetBody {
					padding: 0 4px;	
				}
				
				/* links list */
				
					.linksList LI {
						display: block;
						border-bottom: 1px solid #d6e1e5;
						line-height: 290%;
					}
				
				/* picture lists */
				
					.picsList {
						overflow: hidden;	
					}
				
					.picsList LI {
						width: 124px;
						height: 123px;
						background: url('images/piclist-item-bg.png') no-repeat center center;
						float: left;
						overflow: hidden;
						margin-top: 0.8em;
					}
					
					.picsList A {
						display: block;
						height: 92px;
						width: 92px;
						background: #FFF;
						line-height: 92px;
						text-align: center;
						margin: 8px auto 0px;
						border: 1px solid #e3e5e9;
					}
					
				/* hcard */
				
					.vcard {
						color: #3E3E3E;	

					}
					
					.vcard .widgetBody {
						padding-top: 0.6em;
					}
					
					.vcard .tel .type {
						background: url(images/side-icons.gif) no-repeat top left;
						text-indent: -9000px;
						display: block;
						float: left;
						width: 16px;
						height: 16px;
						margin: 2px 2px 0;
					}
	
					.vcard .fax .type {
						background-position: -17px 0;
	
					}
					
				/* widget icons */
				
					#lastNews h2 {
						background: url(images/side-icons.gif) no-repeat -16px -20px;
						padding-left: 20px;
					}

					#randomRef h2 {
						background: url(images/side-icons.gif) no-repeat -16px -50px;
						padding-left: 20px;
					}

	/* footer */
	
		#footer {
			background: url('images/footer-bg.png') repeat-x 0 35px;
			color: #506a77;
	
		}
		
		#footer .wrapper {
			padding: 35px 0 3em;
			line-height: 27px;
			background: url('images/page-bg-bottom.png') no-repeat top left;
			overflow: hidden;
		}
		
		#footer #quickContact {
			float:left;
			width: 500px;
			margin-left: 20px;
		}
		
		#footer #footNotes {
			float: right;
			width: 200px;
			margin-right: 20px;
		}
		
		

/* STYLE */

#page P, #page UL, #page DL, #page OL {
		padding-bottom: 1.6em;	
	}
	
#page acronym {
	border-bottom: 1px dotted #c5d2d8;	
}

	/* lists */
	
		#page UL LI, #page DD {
			list-style: outside disc;
			margin-left: 1.6em;
			display: list-item;
		}
		
		#page OL LI {
			list-style: outside decimal;
			margin-left: 1.6em;
			display: list-item;				
		}
		
		#page LI UL {
			padding-bottom: 0;	
		}
		
		#page LI UL LI {
			list-style: inside circle;
			margin-left: 0;
		}
		
		#page DT {
			padding-top: 1.6em;	
		}

		#page DT.first {
			padding-top: 0;	
		}
		
		#page .refList LI {
			margin-left: 0;
			list-style:none;
			text-align:center;
		}

		#page .refList LI .valign {
			display: table-cell;
			vertical-align: middle;
			text-align: center;
			height: 120px;
		}
		
		#page .refList {
			padding-bottom: 1.6em;	
		}
		
	/* columns */
	
		#page .col25 P, #page .col25 UL, #page .col25 OL, #page .col25 DL, #page .col75 P, #page .col75 UL, #page .col75 OL, #page .col75 DL, #page .col66 P, #page .col66 UL, #page .col66 OL, #page .col66 DL, #page .col33 P, #page .col33 UL, #page .col33 OL, #page .col33 DL {
			padding-right: 0.2em;
			padding-left: 0.8em;
		}
		
		#page .col25 H2, #page .col25 H3, #page .col25 H4, #page .col75 H2, #page .col75 H3, #page .col75 H4, #page .col66 H2, #page .col66 H3, #page .col66 H4, #page .col33 H2, #page .col33 H3, #page .col33 H4 {
			padding: 0 0.4em;	
		}
		
		#page .col25 UL LI, #page .col75 UL LI, #page .col66 UL LI, #page .col33 UL LI {
			margin-left: 0.6em;			
		}
		
		#page .col25 LI UL LI, #page .col75 LI UL LI, #page .col66 LI UL LI, #page .col33 LI UL LI {
			margin-left: -1em;			
		}		
	
		
	
	/* sub-pages List */
	
		#page .pageList DT {
			font-size: 116%;
			padding-left: 13px;
			background:	url('images/pagelist-bullet.png') no-repeat 0 0.7ex;
			margin-top: 1.6em;
			padding-top: 0;
		}

		#page .pageList DT.first {
			margin-top: 0;
		}

		#page .pageList DD {
			list-style: none;
			padding-top: 1.6em;	
			display: block;			
		}
		
		#page .pageList DD.first {
			padding-top: 0;
		}
		
		#page .pageList DD UL {
			padding-bottom: 0;	
		}

	/* Headings */
	
		#page H1 {
			font-weight: normal;
			font-size: 233%;
			margin-bottom: 0.9em;
		}
		
		
		
		#page H2 {
			color: #4d6067;
			font-size: 140%;
			font-weight: normal;
			font-style: italic;
			margin-bottom: 1.07em;
		}
		
		#page H3 {
			font-size: 100%;
			font-weight: normal;
			font-style: italic;
			margin-bottom: 1.6em
		}
		
		#page H4, #page H5, #page H6 {
			font-size: 100%;
			font-weight: normal;
			margin-bottom: 1.6em
		}
		
	/* images */
	
		#page IMG, #page IMG.left {
			float: left;
			display: block;
			padding: 0 9px 9px 0;
			background:url(images/image-shadow.png) no-repeat right bottom;
			margin: -0.5em 1em 1ex 0;
		}
		
		#page IMG.right {
			float: right;
			margin: -0.5em 0 1ex 1em;
		}
		
		#page IMG.center {
			float: none;
			margin: 0 auto 1em
		}


	/* Contact Form */
	
		#page .contactForm LI {
				display: block;
				padding: 0 0 1.6em 0.8em;
				margin: 0;
		}
		
		#page .contactForm label {
			display: block;
			margin-left: -0.8em;
		}
		
		#page .contactForm .txtinput input {
			width: 17em;
			border: 1px solid #becace;
		}
				
		#page .contactForm textarea {
			border: 1px solid #becace;
			width: 36.2em;
		}
		


	/* links */
	
		A:link, A:active {
			color: #005e78;	
		}
		
		A:visited {
			color: #002c48;
		}
		
		A:hover {
			color: #b6003b;
		}
		
		/* Page List links */
		
		.pageList DT A:link, .pageList DT A:visited, .pageList DT A:active, .pageList DT A:hover {
			text-decoration: none;
			color: #005e78;
		}
		
		/* article */
		
		#page H1 A:link, #page H1 A:visited, #page H1 A:active  {
			color: #000000;
			text-decoration: none;
		}
		
		#page H1 A:hover {
			text-decoration: underline;	
		}
		
		.readmore {
			text-align: right;	
		}
		
		/* Side Content Links */
	
			#sideContent A:link, #sideContent A:visited, #sideContent A:active {
				color: #005e78;	
				text-decoration: none;
			}
			
			#sideContent A:hover {
				color: #b6003b;
				text-decoration: underline;
			}
			
			#sideContent H2 A:link, #sideContent H2 A:active, #sideContent H2 A:visited {
				color: #506a77;	
			}
			
			#sideContent H2 A:hover {
				color: #b6003b;	
			}
		
			/* Links List */
			
				#sideContent .linksList A:link, #sideContent .linksList A:active, #sideContent .linksList A:visited {
					color: #3e3e3e;
					display: block;
					text-decoration: none;
					padding: 0 4px;
					border: 1px solid #edf2f4;
					margin: 0 -4px;
				}
				
				#sideContent .linksList A:link.active , #sideContent .linksList  A:active.active, #sideContent .linksList A:visited.active {
					background: #e5ecef;
				}
				
				#sideContent .linksList A:hover {
					background: #d6e1e5;
				}
		
		/* footer links */
		
			#footer A:link, #footer A:active, #footer A:visited {			
				color: #506a77;
				text-decoration: none;
				font-variant:small-caps;
			}
			
			#footer A:hover {
				color: #b6003b;
			}
			


/* Special Ovveride */

#services .col25 {
	height: 410px;	
	margin-bottom: 1em;
}

#references H2 {
	clear: both;	
}

#references .col25 {
	text-align: center;
	padding: 0;
	height: 120px;
}

#references #page LI IMG {
	display: inline;
	float: none;
	background: none;
}