body {
	margin: 30px 0 0 0;
	padding: 0;
	background: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

img, a, div, form { 
	border: 0;
	padding: 0;
	margin: 0;
}

h1 {
	/* I used text in the <h1> and set a background image.
	Better semantic mark-up to use text in headings.
	Better for search engines as well */
	margin: 0;
	padding: 0;
	width: 448px;
	height: 211px;
	background: url(/images/splash_logo.gif) 73px 30px no-repeat #fff;
}

/* this style makes the text in the <h1> not display so you only see the background image */
h1 span { display: none; }

#splashWrapper {
	text-align: center;
}

#splashBox {
	margin: 0 auto;
	text-align: left;
	width: 450px;
	height: 311px;
	border-left: 1px solid #C7C7C7;
	border-right: 1px solid #C7C7C7;
	border-top: 20px solid #C7C7C7;
	background: #C7C7C7;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 448px;
	height: 291px;
}
html>body>#splashBox {
	width: 448px;
	height: 291px;
}

#splashBox ul#splashLinks {
	/* english and french links - 1px wide background image - repeated along the entire width of the <div> */
	position: relative;
	margin: 5px 0 0;
	padding: 0;
	list-style: none;
	width: 448px;
	height: 20px;
	background: url(/images/splash_links_bg.gif) repeat-x;
}

ul#splashLinks li {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
}

#splashLinks li#en { left: 13px; }
#splashLinks li#fr { right: 13px; }

p#servEn, p#servFr {
	font-size: 11px;
	margin: 4px 0 0;
	padding: 0;
	/* this fixes the ie float/double-margin bug */
	display: inline;
}

p#servEn {
	float: left;
	color: #000000;
	margin-left: 34px;
}

p#servFr {
	float: right;
	color: #000000;
	margin-right: 34px;
}

p#copy {
	font-size: 10px;
	color: #A2A2A2;
	text-align: center;
	margin: 20px 0 5px 0;
}

span.title { text-decoration: underline; }

.link {
	font-size: 10px;
	color: #A2A2A2;
	text-align: center;
	margin: 20px 0 5px 0;
}