/****** Regatronics Splash CSS ******/

/****** 

Created By: Nick Foster 
nick@worldsitesmontreal.com 

******/


/****** Specific Divs ******/

h1{
background:url(images/h1_image_splash.jpg) 0% 0% no-repeat;
}

#splashContainer{
}

#splashHead{
height:60px;
voice-family: "\"}\""; 
voice-family:inherit;
height:54px;
width:100%;
background:url(images/splash_tile.jpg) repeat-x;
border-top:6px solid #ababab;
border-bottom:1px solid #ed4a40;
margin:0px 0px 0px 0px;
text-align:left;
}

#splashHead img{
margin:0px;
padding:0px;
}

#splashImage{
height:100px;
width:100%;
background:#ffffff;
border-top:6px solid #ababab;
border-bottom:1px solid #ed4a40;
}

#splashImage img{
float:left;
}

#contentWrap{
height:260px;
width:100%;
border-bottom:1px solid #ed4a40;
text-align:left;
background:#ffffff;
}

#splashContent{
width:630px;
margin:0 auto;
}

#frenchBox, #englishBox{
height:107px;
width:302px;
voice-family: "\"}\""; 
voice-family:inherit;
width:288px;
border:1px solid #7a7a7a;
background:url(images/homebox_tile.jpg) repeat-x;
margin:65px 0px 0px 0px;
padding:6px;
}

#frenchBox{
float:left;
}

#englishBox{
float:right;
} 

#square{
clear:both;
float:right;
margin:63px 3px 0px 0px;
}

#splashContainer{
top: 0; 
left: 0; 
width: 100%; 
height: 100%;
position: fixed; 
display: table-cell;
vertical-align: middle}

html, body {
margin:0;
padding:0;
height:100%;
}
#splashHolder { /*display:table and display:table-cell supported in all modern browsers except IE*/
display:table;
height:100%;
width:100%;
position:relative;
}
#splashHoldcell {
width:100%;
vertical-align:middle;
position:relative;
display:table-cell;
}
#splashContain {
position:relative;
}