/* CSS Document */

/* CSS Reset - I needs me some clean slate */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* End of CSS Reset */



html {
	height:100%;
	text-align:center;
	background-color:#93d2fe;
	background-image:url(/images/gradient_bg.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	font-family:Arial, Helvetica, sans-serif;
}
body {
	height:100%;
	background-image:url(/images/water_bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
#Wrapper {
	margin:0 auto;
	text-align:left;

	width:894px;
}
#Header {
	position:relative;
	text-align:center;
	background-image:url(/images/goBlue_logo.jpg);
	background-position:40px 7px;
	background-repeat:no-repeat;
	height:40px;
	width:894px;
}

#Header_fr {
	position:relative;
	text-align:center;
	background-image:url(/images/goBlue_logo_fr.jpg);
	background-position:40px 7px;
	background-repeat:no-repeat;
	height:40px;
	width:894px;
}

#Home {
position:absolute;
z-index:500;
left:40px;
width:180px;
height:45px;
}

#Home a {
display:block;
width:180px;
height:45px;
}

#Nav {
	position:absolute;
	top:17px;
	left:235px;
	height:24px;
	width:437px;
	background-image:url(/images/nav_bg.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}

#Nav_fr {
	position:absolute;
	top:17px;
	left:235px;
	height:24px;
	width:437px;
	background-image:url(/images/nav_bg.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
}
#Share {
	width:894px;
	height:60px;
}
#Content {
	position:relative;
	margin:5px 0 10px 0;
	height:472px;
	width:894px;
}
#Content_Main {
	position:relative;
	padding-top:0px;
	padding-left:25px;
	float:left;
	width:475px;
	height:472px;
}
#Content_Main_Flash {
	position:relative;
	padding-top:0px;
	float:left;
	width:585px;
	height:472px;
}
#SlideShow {
	position:absolute;
	overflow:auto;
	width:511px;
	height:342px;
	bottom:4px;
	left:9px;
	background-image:url(/images/toggler_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
#SlideShow div {
	position:absolute;
	width:470px;
	height:300px;
	margin:12px;
}
#SlideShow img {
	float:left;
	margin:0 18px 15px 0;
}
#SlideNav {
	position:absolute;
	z-index:999;
	bottom:30px;
	right:0px;
}


#Imax_Flash {
	position:absolute;
	width:511px;
	height:342px;
	bottom:4px;
	left:9px;
	background-image:url(/images/Imax_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#Flash {
position:absolute;
bottom:25px;
left:60px;
}
#Content_Sub {
	position:relative;
	float:right;
	margin:10px 15px 0 0;
	width:270px;
	height:460px;
	padding-left:24px;
}
#Footer {
	position:relative;
	clear:both;
	width:846px;
	height:63px;
	padding:7px 0 0 40px;
}
#FooterBreak {
	float:left;
	margin-right:45px;
	width:2px;
	height:29px;
	background-color:#FFF;
}

#Contact {
text-align:center;
width:386px;
height:204px;
background-image:url(/images/contact_bg.png);
background-repeat:no-repeat;
background-position:top center;
position:absolute;
top:170px;
left:37%;
z-index:99999;
}

#Contact_Nav {
	position:absolute;
	top:-9px;
	right:5px;
	color:#005596;
}