body {
	margin: 0px;
	padding: 0px;
	font-size: 100.01%;
}
#wrapper {
	background: url(../images/background_wrapper.gif);
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 3000px;
	position: absolute;
}
#mainContent {
	margin: 0px;
	padding: 0px;
	height: 1000px;
	width: 2000px;
}
#box1 {
	background: #FFF;
	height: 600px;
	width: 200px;
	padding-top: 20px;
	/* For IE */
	filter:alpha(opacity=10);
	/* For CSS3 standard */
	opacity: .9;
	position: fixed;
	z-index: 6;
	top: 0px;
	left: 50px;
	}
#box1 h1 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 1em;
	letter-spacing:1px;
	font-weight: bold;
	padding-left: 15px;
	line-height: 1em;
}
#box1 h2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.85em;
	letter-spacing:1px;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 5px;
	line-height: 1em;
}
#box1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#box1 ul li {
	margin: 0;
	padding: 0;
	}
#box1 ul li a {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.75em;
	letter-spacing:1px;
	color: #000;
	line-height: 30px;
	margin: 0;
	display: block;
	width: 170 px;
	padding-left: 15px;
	text-decoration: none;
	font-weight: normal;
	}
#box1 li a:hover {
	color: #fff;
	background: #000 -30px;
	/* For IE */
	filter:alpha(opacity=25);
	/* For CSS3 standard */
	opacity: .75;
}
#box1 li a.current, #box1 li a.current:hover, #header li a.current:active {
	color: #000;
	cursor: default;
	text-decoration: line-through;
	background: #FFF;
}
#box2 {
	background: #FFF;
	height: 600px;
	width: 200px;
	padding-top: 20px;
	/* For IE */
	filter:alpha(opacity=10);
	/* For CSS3 standard */
	opacity: .9;
	position: fixed;
	z-index: 6;
	top: 0px;
	left: 275px;
	}
#box2 h1 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 1em;
	letter-spacing:1px;
	font-weight: bold;
	padding-left: 15px;
	line-height: 1em;
}
#box2 h2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	padding-left: 15px;
	line-height: 1.2em;
	margin-bottom: -10px;
}
#box2 p {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.7em;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 1.4em;
}
#box2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#box2 ul li {
	margin: 0;
	padding: 0;
	}
#box2 ul li a {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.7em;
	color: #000;
	line-height: 20px;
	margin: 0;
	display: block;
	width: 170 px;
	padding-left: 15px;
	text-decoration: none;
	font-weight: normal;
	}
#box2 li a:hover {
	color: #fff;
	background: #000 -30px;
	/* For IE */
	filter:alpha(opacity=25);
	/* For CSS3 standard */
	opacity: .75;
}
#box2 a.gray:link ,a.gray:visited {
	color: #333;
	text-decoration: underline;
}
#box2 a.gray:hover {
	color: #999;
	text-decoration: underline;
}
#box3 {
	background: #FFF;
	height: 600px;
	width: 200px;
	padding-top: 20px;
	/* For IE */
	filter:alpha(opacity=10);
	/* For CSS3 standard */
	opacity: .9;
	position: fixed;
	z-index: 6;
	top: 0px;
	left: 500px;
	}
#box3 h1 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 1em;
	letter-spacing:1px;
	font-weight: bold;
	padding-left: 15px;
	line-height: 1em;
}
#box3 h2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	padding-left: 15px;
	line-height: 1.2em;
	margin-bottom: -10px;
}
#box3 p {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.7em;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 1.4em;
}
#box3 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#box3 ul li {
	margin: 0;
	padding: 0;
	}
#box3 ul li a {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.7em;
	color: #000;
	line-height: 20px;
	margin: 0;
	display: block;
	width: 170 px;
	padding-left: 15px;
	text-decoration: none;
	font-weight: normal;
	}
#box3 li a:hover {
	color: #fff;
	background: #000 -30px;
	/* For IE */
	filter:alpha(opacity=25);
	/* For CSS3 standard */
	opacity: .75;
}
#box4 {
	background: #FFF;
	height: 600px;
	width: 200px;
	padding-top: 20px;
	/* For IE */
	filter:alpha(opacity=10);
	/* For CSS3 standard */
	opacity: .9;
	position: fixed;
	z-index: 6;
	top: 0px;
	left: 725px;
	}
#box4 h1 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 1em;
	letter-spacing:1px;
	font-weight: bold;
	padding-left: 15px;
	line-height: 1em;
}
#box4 h2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	padding-left: 15px;
	line-height: 1.2em;
	margin-bottom: -10px;
}
#box4 p {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.7em;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 1.4em;
}
#box4 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#box4 ul li {
	margin: 0;
	padding: 0;
	}
#box4 ul li a {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.75em;
	letter-spacing:1px;
	color: #000;
	line-height: 30px;
	margin: 0;
	display: block;
	width: 170 px;
	padding-left: 15px;
	text-decoration: none;
	font-weight: normal;
	}
#box4 li a:hover {
	color: #fff;
	background: #000 -30px;
	/* For IE */
	filter:alpha(opacity=25);
	/* For CSS3 standard */
	opacity: .75;
}
#box5 {
	background: #FFF;
	height: 600px;
	width: 200px;
	padding-top: 20px;
	/* For IE */
	filter:alpha(opacity=10);
	/* For CSS3 standard */
	opacity: .9;
	position: fixed;
	z-index: 6;
	top: 0px;
	left: 950px;
	}
#box5 h1 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 1em;
	letter-spacing:1px;
	font-weight: bold;
	padding-left: 15px;
	line-height: 1em;
}
#box5 h2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	padding-left: 15px;
	line-height: 1.2em;
	margin-bottom: -10px;
}
#box5 p {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.7em;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 1.4em;
}
#box5 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#box5 ul li {
	margin: 0;
	padding: 0;
	}
#box5 ul li a {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.75em;
	letter-spacing:1px;
	color: #000;
	line-height: 30px;
	margin: 0;
	display: block;
	width: 170 px;
	padding-left: 15px;
	text-decoration: none;
	font-weight: normal;
	}
#box5 li a:hover {
	color: #fff;
	background: #000 -30px;
	/* For IE */
	filter:alpha(opacity=25);
	/* For CSS3 standard */
	opacity: .75;
}
.italic {
	font-style: italic;
}
.diploma {
	font-style: normal;
	color: #333;
}
.university {
	color: #333;
	font-weight: normal;
	font-style: italic;
}
.title {
	font-size: 0.75em;
	font-weight: lighter;
	letter-spacing: 1px;
}
.FR {
	color: #336;
}
.EN {
	color: #600;
}
html, body, #bg, #bg table, #bg td  {
    height:100%;
    width:100%;
}

#bg { 
    position: fixed; 
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}
img.bg {
			min-height: 100%;
			min-width: 1024px;
			width: 100%;
			height: auto;
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}