/* -------------------------------------------------------------- 
   
   styles.css
   * The main style sheet.
   
-------------------------------------------------------------- */
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

body {	
	width: 800px; margin: 0 auto;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 76%;
	color: #000;
	background: #dbecf3;
}

a:focus, a:hover, a:active {
    outline: none;
}

#container {
	position: relative;
	width: 686px; height: 600px;
	margin: 0px auto;
	background: #dbecf3 url(../images/tunnel.jpg) scroll no-repeat left top;
}

h1 {
	text-indent: -9999px;
	display: none;
}

#navigation {
	position: absolute;
	top: 405px;	left: 474px;
	list-style-type: none;
}

#navigation li {
	margin-bottom: 10px;
}

#navigation a {		
	width: 182px; height: 39px;
	text-indent: -9999px;
	display: block;
}

#navigation a.fr {
	background: transparent url(../images/btn_fr.jpg) no-repeat scroll left top;	
}

#navigation a.fr:hover {
	background: transparent url(../images/btn_fr.jpg) no-repeat scroll left -39px;	
}

#navigation a.nl {
	background: transparent url(../images/btn_nl.jpg) no-repeat scroll left top;	
}

#navigation a.nl:hover {
	background: transparent url(../images/btn_nl.jpg) no-repeat scroll left -39px;	
}

p {
	text-align: center;
	color: #666;
}