/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

html, body {
	text-align: center;
	font-size: 11px;
	font-family: "Lucida Grande", verdana, arial, sans-serif;
	color: #444;
	background: #154260; }


	/*** FONT STYLES ***/	
	h1 { 
		font-size: 18px; 
		font-weight: bold;
		color: #51789a;
		margin: 10px 0 10px 0; }
	
	a:link, a:visited { color: #fff; text-decoration: none; }
	a img { border: none; }
	
	p { margin-bottom: 16px; }
	
	a:focus, a:hover, a:active { outline:none; }


/************* STRUCTURE STYLES ***/
#wrapper {
	width: 780px;
	height: 558px;
	display: block;
	margin: 30px auto 0 auto; }
	
	#wrapper.english { background: url(../images/splash.jpg) top left no-repeat; }
	#wrapper.french { background: url(../images/splash_fr.jpg) top left no-repeat; }

	/*** HEADER ***/
	#header {
		width: 780px;
		height: 255px;
		float: left;
		margin: 141px 0 0 0; }

	/*** NAVIGATION ***/
	ul#nav { 
		width: 780px;
		height: 46px;
		margin: 60px 0 0 0;
		float: left;
		list-style: none; }
		
		ul#nav li { 
			float: left; 
			height: 46px; }	
			

/*** CLEARFIX ***/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; } /* SAFARI FIX */

* html .clearfix { height: 1%; } /* IE6 FIX */