@font-face {
        font-family: "Armalite Rifle";
        src: url('612823487-armalite_rifle.eot');
        src: url('612823487-armalite_rifle.eot?#iefix') format('embedded-opentype'),
        url('612823487-armalite_rifle.svg#Armalite Rifle') format('svg'),
        url('612823487-armalite_rifle.woff') format('woff'),
        url('612823487-armalite_rifle.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }

html 
{ 
height: 100% !important; 
}
body
{
height: 100% !important;
background-color:black;
margin:0px;

}
table {
    border: 0;
	border-collapse:collapse;
}
table td, table th {
    border: 2px solid black;
	text-align:center; 
    vertical-align:middle;
}
#BabakEtStephane{
position: relative;
text-align: justify;
width: 850;
font-family: "Armalite Rifle";
color: white;
font-size: 24;
margin: 0 auto;
display: table;
}
#slogan{
position:relative;
padding-bottom: 20px;
}
.Gold{
color:rgb(165, 160, 102);
}
.Blue{
/*color:rgb(50, 80, 150);*/
color:rgb(81, 110, 179);
}
#SocialMediaWrap{
background-color: rgba(255, 255, 255, 0.91);
width: 100%;
margin-top: 20px;
padding-top: 20px;
padding-bottom: 20px;
}

#SystemsWrap{
background-color: white;
width: 100%;
margin-top: 20px;
padding-bottom: 20px;
}
#AboutWrap{
background-color: rgba(255, 255, 255, 0.91);
width: 100%;
margin-top: 20px;
padding-bottom: 20px;
}

#AdvancedWrap{
background-color: black;
width: 100%;
margin-top: 20px;
padding-bottom: 20px;
}
#GalleryWrap{
background-color: black;
width: 100%;
margin-top: 20px;
padding-bottom: 20px;
}

#SocialBannerTxt{
margin-top:-20px;
}
#SystemsTxt{
margin-top:-20px;
}
#AboutTxt{
color: white;
margin-top:-20px;
}

#AdvancedTxt{
color: black;
margin-top:-20px;
}
#GalleryTxt{
color: black;
margin-top:-20px;
}

#MediaWrap{
position: absolute;
width: 100%;
bottom: -834px;
height: 760px;
text-align: center;
padding-bottom: 21px;
}

#wrapper
{
width: 100% !important;
height: 100% !important;
margin: 0 auto !important;
position: relative !important;
}
#jsCount
{
 height: 100px;
 width: 510px; 
 position:absolute !important;
 left:50% !important;
 margin-left: -255px;
 z-index:2;
}
#text
{
 height: 70px;
 width: 800px; 
 position:absolute !important;
 top:50px;
 left:50% !important;
 margin-left: -400px;
 z-index:2;
}
#border
{
 height: 200px;
 width: 720px; 
 position:absolute !important;
 left:50% !important;
 margin-left: -360px;
 margin-top: -50px;
 z-index:1;
}
#inner {
    display: table;
    margin: 0 auto;
	color:white;
	background:yellow;
}
#logo 	
{
 height: 100% !important;
 background:black !important;
 position:absolute !important;
 left:50% !important;
 top:55% !important;
}
.fit
{
max-height: 80% !important;
}
#mediabutt {
position: fixed;
top: 60px;
right: 10px;
z-index: 301;
display: block;
width:167px;
}
#poweredby{
position:absolute;
bottom:-1048px;
left:20px;
color:white;
z-index:4;
}

#SocialMedia{
display: table;
margin: 0 auto;
}
#FaceBookLikeBoxeS{
margin:5px;
width:300px;
height:546px;
-moz-box-shadow: 0 0 5px 5px #333;
-webkit-box-shadow: 0 0 5px 5px#333;
box-shadow: 0 0 5px 5px #333;
background:white;
overflow:hidden;
}
#FaceBookLikeBoxPic{
position: relative;
width: 294px;
height:100%;
margin: 3px;
}


#PinTwirest{
margin:5px;
width:300px;
height:546px;
-moz-box-shadow: 0 0 5px 5px #333;
-webkit-box-shadow: 0 0 5px 5px#333;
box-shadow: 0 0 5px 5px #333;
background:white;
overflow:hidden;
}

#SocialBanner{
background: transparent url("../img/MediaBanner.png") no-repeat;
color: #FFF;
font-family: "Armalite Rifle";
font-weight: normal;
font-style: normal;
margin: -1px auto;
padding: 0.75em 0 0.8em 0;
margin-top:-30px;
position: relative;
text-align: center;
text-transform: uppercase;
width: 260px;
}
#SystemsBanner{
background: transparent url("../img/MediaBanner.png") no-repeat;
color: #FFF;
font-family: "Armalite Rifle";
font-weight: normal;
font-style: normal;
margin: -1px auto;
padding: 0.75em 0 0.8em 0;
margin-top:-30px;
position: relative;
text-align: center;
text-transform: uppercase;
width: 260px;
top:-10px;
}
#AdvancedBanner{
background: transparent url("../img/MediaBanner2.png") no-repeat;
color: #FFF;
font-family: "Armalite Rifle";
font-weight: normal;
font-style: normal;
margin: -1px auto;
padding: 0.75em 0 0.8em 0;
margin-top:-30px;
position: relative;
text-align: center;
text-transform: uppercase;
width: 260px;
top:3px;
}
#GalleryBanner{
background: transparent url("../img/MediaBanner3Up.png") no-repeat;
color: #FFF;
font-family: "Armalite Rifle";
font-weight: normal;
font-style: normal;
margin: -1px auto;
padding: 0.75em 0 0.8em 0;
margin-top:-30px;
position: relative;
text-align: center;
text-transform: uppercase;
width: 260px;
top:3px;
}
#AboutBanner{
background: transparent url("../img/MediaBanner.png") no-repeat;
color: #FFF;
font-family: "Armalite Rifle";
font-weight: normal;
font-style: normal;
margin: -1px auto;
padding: 0.75em 0 0.8em 0;
margin-top:-30px;
position: relative;
text-align: center;
text-transform: uppercase;
width: 260px;
top:-10px;
}

.SocialIcon{
position: absolute;
z-index: 3;
margin: 14px;
}
.SocialCol {
margin-bottom:20px;
width: 360px; 
display: inline-block; 
margin:10px;
vertical-align: top;
background-color: white;
}
.AboutCol {
margin-bottom:20px;
background:white;
width: 310px; 
height: 470px;
display: inline-block; 
margin:10px;
vertical-align: top;
}
.AboutTitle{
font-family: Time New Roman;
font-size: 24px;
font-weight:bold;
margin-top: 10px;
}
.AboutText{
text-align:justify;
height:60%;
padding:15px;
}
#FaceBookWidget{
margin:0px;
border-radius: 5px;
box-shadow: 0 0 3px #aaa!important;
}
#LeftHeader{
background-color:#3B5998;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 14px;
color:white;
}
#MiddleHeader{
background-color:#4099FF;
font-family: Arial,sans-serif;
font-size: 14px;
color:white;
}
#RightHeader{
background-color:#C92228;
font-family: "Georgia",serif;
font-size: 14px;
color:white;
}
.SocialHeaders{
position:relative;
padding:30px;
position: relative;
text-transform: capitalize;
margin-bottom:20px;
}
.black{
color:white;
}
#CtiaiFooter{
font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
background-color: black;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
color: #999999;
font-size: 0.8em;
line-height: 19px;
}