/* Main index page, and curves */
#titlepage {
	background-image: url(images/grey-curve.png);
	background-repeat: no-repeat;
	height: 100%; /*Needed for IE6 to display sidebar*/
	}
	
#titlepage #titlepage-logo {
	position:absolute;
	z-index: 3;
	top: 50px;
	left: 40px;
	border: 0;
}

#titlepage #titlepage-english {
	position:absolute;
	z-index: 4;
	top: 150px;
	left: 280px;
	border: 0;
}

#titlepage #titlepage-francais {
	position:absolute;
	z-index: 4;
	top: 250px;
	left: 205px;
	border: 0;
}


#titlepage #titlepage-main {
	padding-top: 55px;
	margin-left: 325px;
	line-height: 16px;
	text-align: right;
	width: 325px;
}

#titlepage 	#titlepage-sidebar {
	position:absolute;
	z-index: 2;
	top: 0;
	left: 0;
	background-color: #006363;
	width: 135px;
	height: 100%;
	border-right: 4px solid #003131;
	}
	
#titlepage #titlepage-topbar {
	position:absolute;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #009C9C;
	height: 16px;
	border-bottom: 4px solid #003131;
	width: 100%;
	}

#titlepage .curve { 
	float: right;
	display: block;
	height: 16 px;
	clear: both;
   }

   #curve1 { width: 28px; }
   #curve2 { width: 25px; }
   #curve3 { width: 23px; }
   #curve4 { width: 21px; }
   #curve5 { width: 20px; }
   #curve6 { width: 20px; }
   #curve7 { width: 20px; }
   #curve8 { width: 21px; }
   #curve9 { width: 22px; }
   #curve10 { width: 24px; }
   #curve11 { width: 26px; }
   #curve12 { width: 29px; }
   #curve13 { width: 32px; } 
   #curve14 { width: 36px; } 
   #curve15 { width: 41px; } 
   #curve16 { width: 46px; } 
   #curve17 { width: 51px; } 
   #curve18 { width: 58px; }