@charset "UTF-8";

/*
 * @author: Timothee Giet
 * @email : timo@timotheegiet.com
 * @date  : 2012-2014
 */


/* 0 - FontsFace */


@font-face {
    font-family: 'clearSansRegular';
    src: url('/fonts/clearsans_regular/ClearSans-Regular-webfont.eot');
    src: url('/fonts/clearsans_regular/ClearSans-Regular-webfont.eot') format('embedded-opentype'),
         url('/fonts/clearsans_regular/ClearSans-Regular-webfont.woff') format('woff'),
         url('/fonts/clearsans_regular/ClearSans-Regular-webfont.ttf') format('truetype'),
         url('/fonts/clearsans_regular/ClearSans-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'clearSansItalic';
    src: url('/fonts/clearsans_italic/ClearSans-Italic-webfont.eot');
    src: url('/fonts/clearsans_italic/ClearSans-Italic-webfont.eot') format('embedded-opentype'),
         url('/fonts/clearsans_italic/ClearSans-Italic-webfont.woff') format('woff'),
         url('/fonts/clearsans_italic/ClearSans-Italic-webfont.ttf') format('truetype'),
         url('/fonts/clearsans_italic/ClearSans-Italic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'clearSansBold';
    src: url('/fonts/clearsans_bold/ClearSans-Bold-webfont.eot');
    src: url('/fonts/clearsans_bold/ClearSans-Bold-webfont.eot') format('embedded-opentype'),
         url('/fonts/clearsans_bold/ClearSans-Bold-webfont.woff') format('woff'),
         url('/fonts/clearsans_bold/ClearSans-Bold-webfont.ttf') format('truetype'),
         url('/fonts/clearsans_bold/ClearSans-Bold-webfont.svg') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'clearSansBoldItalic';
    src: url('/fonts/clearsans_bolditalic/ClearSans-BoldItalic-webfont.eot');
    src: url('/fonts/clearsans_bolditalic/ClearSans-BoldItalic-webfont.eot') format('embedded-opentype'),
         url('/fonts/clearsans_bolditalic/ClearSans-BoldItalic-webfont.woff') format('woff'),
         url('/fonts/clearsans_bolditalic/ClearSans-BoldItalic-webfont.ttf') format('truetype'),
         url('/fonts/clearsans_bolditalic/ClearSans-BoldItalic-webfont.svg') format('svg');
    font-weight: bold;
    font-style: italic;

}


body{
    margin: 0;
    background-color: #808080;
    font-family: 'clearSansRegular', ClearSans, sans-serif, Arial;
}


a:link{
 color: #424280;
 font-weight: 500;
 text-decoration:none;

}

a:hover{
 color: #626280;
 text-decoration:none;
}


a:visited{
 color: #424280;
 text-decoration:none;
}

#content, #footer{
    background-color: #808080;
    margin-left: auto;
    margin-right: auto;
    width: 940px;
    color: #424242;
}

#header{
  background-color: #000000;
  margin: 0px;
  padding: 0px;
  height: 45px;
}

#menu{
    background-color: #000000;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: 920px;
}

#menu ul{
   list-style: none;
   padding: 0;
   margin: 0;   
}

#menu li
{
  float: right;
  width: 92px;
}

#menu li a{
  height: 42px;
  line-height: 42px;
  display: block;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  color: #BBBBB5;
}

#menu li a:hover{
   background: url('/images/menu-hover.png') center no-repeat ;
   color: #fffff5;
}

#menu #active a{
   background: url('/images/menu-current.png') center;
   background-repeat:repeat-x;
   color: #fffff5;
}

/* Hide from IE5-Mac \*/
#menu li a
{
float: none
}
/* End hide */

#support{
    background-color: #232323;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    height: 42px;
    text-align: center;
}

#content{
  margin-top: 0px;
  background-color: #F9F9FF;
  filter: progid:DXImageTransform.Microsoft.Glow(Color=#555555,Strength=8);
  -moz-box-shadow: 0px 0px 12px #555555; 
  -webkit-box-shadow: 0px 0px 12px #555555;
  box-shadow: 0px 0px 12px #555555; 
}

.Title{
  font-size: 22px;
  font-weight: 500;
  color: #033281;
  position:relative;
  left: 20px;
  margin: 0;
  padding-top: 20px;
  padding-bottom: 0px;
}

.Columns{
  position:relative;
  left: 20px;
  width: 920px;
  columns: 260px 3;
  -webkit-columns: 290px 3; /* Safari and Chrome */
  -moz-columns: 290px 3; /* Firefox */
  -moz-column-gap: 12px; /* Firefox */
  -webkit-column-gap: 10px; /* Safari and Chrome */
  column-gap: 10px;
}

.MainText{
  position:relative;
  left: 40px;
  width: 880px;
  font-style: normal;
  font-size: 14px;
 }

 .Quote{
  font-size: 12px;
  font-style: italic;
 }


.TextLeft{
  float: left;
  margin-left: 24px;
  width: 472px;
}



.side-buttons ul{
  float: right;
  list-style: none;
  padding: 0;
  margin: 0;
}


.side-buttons li{
  float: bottom;
  margin: 16px 0px;
}


.side-buttons li a{
 background-color: #303030;
 height: 42px;
 line-height: 42px;
 float: right;
 width: 256px;
 display: block;
 margin-bottom: 16px;
 border-style: solid;
 border-color: #535353;
 border-right-style: none;
 font-size: 26px;
 text-align: center;
 vertical-align: middle;
 text-decoration: none;
}



#footer{
  margin-top: 20px;
  border-top-style: dashed;
  border-top-color: #808080;
  border-top-width: 1px;
  height: 32px;
  background: #C0C0C0;
  text-align:right;
}

#footer p{
  margin-right: 24px;
  font-size: 12px;
}

.embed {
  text-align: center;
}

.slides01 {
  text-align: center;
  padding: 20px;
}


.divider{
  margin-top: 20px;
  margin-bottom: 20px;
  opacity:0.3;
  filter:alpha(opacity=30); /* For IE8 and earlier */
}