/* CSS Document */

/* html selectors -------------------------------------- */
BODY {width: 100%; text-align: center;}

/* ids */
#container {width: 754px; margin: 60px auto; background: URL(../Images/splash/bg_splash.gif) no-repeat;}
#splashbox {margin: 20px 0 40px 0;}
#logo IMG {height: 65px; width: 190px; padding-top: 15px; margin: 0 auto 15px auto;}
#innerbox {width: 674px; height: 221px; margin: 0 40px 10px 40px; background: URL(../Images/splash/bg_splashboxinner.gif) no-repeat;}
#englishbox {float: left; margin: 20px 0 0 30px;}
#frenchbox {float: left; margin: 20px 0 0 55px;}
#footer {clear: both; margin: 0 auto; text-align: center; font-size: 80%; width: 100%;}

/* classes */
.graybox {width: 280px; height: 181px; background: URL(../Images/splash/bg_splashgraybox.gif) no-repeat;}
.grayboxtext {text-align: left; height: 50px; margin: 8px 15px 12px 15px;}

.btnfrench, .btnenglish {position: relative; text-align: center; white-space: nowrap; display: block; width: 172px; height: 40px; margin: 0 auto; padding: 0;}
.btnfrench {background: url(../Images/splash/btn_splash_fr_f2.gif) no-repeat; }
.btnenglish {background: url(../Images/splash/btn_splash_en_f2.gif) no-repeat; }
.btnfrench a, .btnenglish a {display: block; color: #000000; font-size: 11px; width: 172px; height: 40px; display: block; float: left; color: black; text-decoration: none;}
.btnfrench img, .btnenglish img {width: 172px; height: 40px; border: 0}
* html a:hover {visibility:visible}
.btnfrench a:hover img, .btnenglish a:hover img {visibility:hidden}
.btnfrench span, .btnenglish span {visibility:hidden; position: absolute; left: 35px; top: 15px; margin: 0px; padding: 0px; cursor: pointer;} 

/* titles */
h1.swap {text-align: left; margin: 15px 15px 5px 15px; height: 46px; background-repeat: no-repeat;}
h1.swap span {display:none;} 
h1#t-en {background-image:url(../Images/splash/splash_welcome_en.gif);}
h1#t-fr {background-image:url(../Images/splash/splash_welcome_fr.gif);}