body {
	margin: 0;
	padding: 0;
	
	background-color: #FFF;
	
	font-family: Arial, sans-serif;
	font-size: 62.5%;
}

img {
	border: none;
}

h1#title {
	position: absolute;
	top: -9999px;
	left: -9999px;	
}

img#splash {
	position: absolute;
	left: 50%;
	top: 50%;
	
	width: 857px;
	height: 538px;
	
	/* Negative margins combined with "top/left" attributes force this div to center in the browser window. */
	margin: -274px auto 0 -426px;
	
	background: url(../images/splash/bg-home-prelaunch.jpg) 0 0 no-repeat;
}

a img {

}

div#splash {
	position: absolute;
	left: 50%;
	top: 50%;
	
	width: 873px;
	height: 548px;
	
	/* Negative margins combined with "top/left" attributes force this div to center in the browser window. */
	margin: -274px auto 0 -436px;
	
	background: url(../images/splash/bg-home.jpg) 0 0 no-repeat;
}

div#splash h1 {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

div#splash ul.nav {
	list-style-type: none;
	
	position: absolute;
	left: 313px;
	top: 76px;
	
	margin: 0;
	padding: 0;
}

div#splash ul.nav li {
	display: inline; /* Fixes margin bug in IE. */
	margin: 0;
	padding: 0;
}

div#splash ul.nav li a {
	display: block;
	width: 73px;
	font-size: 1px;
	text-indent: -10000px;
	outline: none;
	
	background: transparent url(../images/splash/sprite-nav.gif) 0 0 no-repeat;
}

div#splash ul.nav li a.calgary         { background-position: 0         0; height: 14px; }
div#splash ul.nav li a.calgary:hover   { background-position: -73px     0;               }

div#splash ul.nav li a.edmonton        { background-position: 0     -14px; height: 14px; }
div#splash ul.nav li a.edmonton:hover  { background-position: -73px -14px;               }

div#splash ul.nav li a.montreal        { background-position: 0     -28px; height: 13px; }
div#splash ul.nav li a.montreal:hover  { background-position: -73px -28px;               }

div#splash ul.nav li a.ottawa          { background-position: 0     -41px; height: 14px; }
div#splash ul.nav li a.ottawa:hover    { background-position: -73px -41px;               }

div#splash ul.nav li a.toronto         { background-position: 0     -55px; height: 14px; }
div#splash ul.nav li a.toronto:hover   { background-position: -73px -55px;               }

div#splash ul.nav li a.vancouver       { background-position: 0     -69px; height: 10px; }
div#splash ul.nav li a.vancouver:hover { background-position: -73px -69px;               }