/*
  red: #F10D0D (RGB 241,13,13)
  pale red: #F88686 (RGB 248,134,134)
  green: #53C42B (RGB 83,196,43)
  pale green: #A9E195 (RGB 169,225,149)
  blue: #2A50CB (RGB 42,80,203)
  pale blue: #94A7E5 (RGB 148,167,229)
  yellow: #FFE117 (RGB 255,225,23)
  pale yellow: #FEF08B (RGB 254,240,139)
  orange: #FF9100 (RGB 255,145,0)
  pale orange: #FFC880 (RGB 255,200,128)
  turquoise: #0A8C8C (RGB 10,180,180)
  pale turquoise: #62C4C4 (RGB 98,196,196)
*/

h3,h4,h5,h6,strong,p,a {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
ol,ul{list-style:none; display: inline;}

h1 {
font:36px Futura, Futura Medium, Arial, Helvetica, sans-serif;
font-weight:600;
margin:10px 0 0 19px; padding:0; border:0;
}

h2 {
font-family:Futura, Futura Medium, Arial, Helvetica, sans-serif;
font-size:26px;
font-weight:500;
margin-right:10px;
margin-left:20px;
display: inline;
}

h3 {
font-family:Futura, Futura Medium, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:500;
display: inline;
}

h4 {
font-family:Futura, Futura Medium, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:500;
display: inline;
}

strong{
font-weight:500;
}

hr {
border:0;
color:#fff;
background-color:#fff;
height:1px;
margin:5px 0 10px 0;
}

ul {
margin:0;
padding:0;
}

li {
margin:0;
padding:0;
display: inline;
}

body{
font-size:16px;
font-family:Futura, Futura Medium, Arial, Helvetica, sans-serif;
color:#fff;
margin:0;
padding:0;
}

 
#headerRed{
background-color:#F10D0D;
width:auto;
padding:0;
margin:0;
border:1px solid #F10D0D;
min-height:115px;
}

#headerRed a{
font-family:Futura, Futura Medium, Arial, Helvetica, sans-serif;
font-size:26px;
font-weight:500;
color:#fff;
text-decoration:none;
margin-right:10px;
margin-left:20px;
}

#headerRed a.red:hover {
  color: #F88686 ;
}
#headerRed a.green:hover {
  color: #A9E195 ;
}
#headerRed a.blue:hover {
  color: #94A7E5 ;
}
#headerRed a.yellow:hover {
  color: #FEF08B ;
}
#headerRed a.turquoise:hover {
  color: #62C4C4 ;
}

#headerGreen{
background-color:#53C42B;
width:auto;
padding:0;
margin:0;
border:1px solid #53C42B;
min-height:115px;
}

#headerGreen a{
font-family:Futura, Futura Medium, Arial, Helvetica, sans-serif;
font-size:26px;
font-weight:500;
color:#fff;
text-decoration:none;
margin-right:10px;
margin-left:20px;
}

#headerGreen a.red:hover {
  color: #F88686 ;
}
#headerGreen a.green:hover {
  color: #A9E195 ;
}
#headerGreen a.blue:hover {
  color: #94A7E5 ;
}
#headerGreen a.yellow:hover {
  color: #FEF08B ;
}
#headerGreen a.turquoise:hover {
  color: #62C4C4 ;
}

#headerBlue{
background-color:#2A50CB;
width:auto;
padding:0;
margin:0;
border:1px solid #2A50CB;
min-height:115px;
}

#headerBlue a{
font-family:Futura, Futura Medium, Arial, Helvetica, sans-serif;
font-size:26px;
font-weight:500;
color:#fff;
text-decoration:none;
margin-right:10px;
margin-left:20px;
}

#headerBlue a.red:hover {
  color: #F88686 ;
}
#headerBlue a.green:hover {
  color: #A9E195 ;
}
#headerBlue a.blue:hover {
  color: #94A7E5 ;
}
#headerBlue a.yellow:hover {
  color: #FEF08B ;
}
#headerBlue a.turquoise:hover {
  color: #62C4C4 ;
}
 
#headerYellow{
background-color:#FFE117;
width:auto;
padding:0;
margin:0;
border:1px solid #FFE117;
min-height:115px;
}

#headerYellow a{
font-family:Futura, Futura Medium, Arial, Helvetica, sans-serif;
font-size:26px;
font-weight:500;
color:#fff;
text-decoration:none;
margin-right:10px;
margin-left:20px;
}

#headerYellow a.red:hover {
  color: #F88686 ;
}
#headerYellow a.green:hover {
  color: #A9E195 ;
}
#headerYellow a.blue:hover {
  color: #94A7E5 ;
}
#headerYellow a.yellow:hover {
  color: #FEF08B ;
}
#headerYellow a.turquoise:hover {
  color: #62C4C4 ;
}

#headerOrange{
background-color:#FF9100;
width:auto;
padding:0;
margin:0;
border:1px solid #FF9100;
min-height:115px;
}

#headerOrange a{
font-family:Futura, Futura Medium, Arial, Helvetica, sans-serif;
font-size:26px;
font-weight:500;
color:#fff;
text-decoration:none;
margin-right:10px;
margin-left:20px;
}

#headerOrange a.red:hover {
  color: #F13C3C ;
}
#headerOrange a.green:hover {
  color: #A9E195 ;
}
#headerOrange a.blue:hover {
  color: #94A7E5 ;
}
#headerOrange a.yellow:hover {
  color: #FEF08B ;
}
#headerOrange a.orange:hover {
  color: #FFC880 ;
}

#left{
float:left;
width:200px;
padding:20px 0 10px 20px;
margin:0;
border:none;
}

#left a{
font-family:Futura, Futura Medium, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:500;
color:#fff;
text-decoration:none;
}

#left a em{
text-decoration:none;
}

em{
font-family:Futura, Futura Medium, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
}

#left hr {
border:0;
color:#fff;
background-color:#fff;
height:1px;
margin:20px 0 20px 0;
}

#left a.red:hover {
  color: #F88686 ;
}
#left a.green:hover {
  color: #A9E195 ;
}
#left a.blue:hover {
  color: #94A7E5 ;
}
#left a.blue2:hover {
  color: #6885E3 ;
}
#left a.yellow:hover {
  color: #FEF08B ;
}
#left a.orange:hover {
  color: #FFC880 ;
}

#right{
width:auto;
max-width:1000px;
padding:20px 0 10px 30px;
border:none;
margin:0 0 0 215px;
line-height: 140%;
}

.intro{
max-width: 600px;
margin-bottom: 30px;
}

.overlay496 {
   width: 496px;
   height: 320px;
   margin: 0 10px 10px 0; 
   float: left;
   overflow: hidden;
   position: relative; 
   cursor: default;
   }

.mask496{
   width: 496px;
   height: 72px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   -webkit-transform: translateY(320px);
   -moz-transform: translateY(320px);
   -o-transform: translateY(320px);
   -ms-transform: translateY(320px);
   transform: translateY(320px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

.overlay496 p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
   -webkit-transition: all 0.6s linear;
   -moz-transition: all 0.6s linear;
   -o-transition: all 0.6s linear;
   -ms-transition: all 0.6s linear;
	transition: all 0.6s linear;
	font-family:Futura, Futura Medium, Arial, Helvetica, sans-serif;
    font-size: 14px;
	line-height: normal;
    position: relative;
    color: #fff;
    padding: 10px 10px 10px 10px;
    text-align: left;
} 

.overlay496:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.overlay496:hover .mask496 {
   -webkit-transform: translateY(248px);
   -moz-transform: translateY(248px);
   -o-transform: translateY(248px);
   -ms-transform: translateY(248px);
   transform: translateY(248px);
}


.overlay240 {
   width: 240px;
   height: 320px;
   margin: 0 10px 10px 0; 
   float: left;
   overflow: hidden;
   position: relative; 
   cursor: default;
   }

.mask240{
   width: 240px;
   height: 72px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   -webkit-transform: translateY(320px);
   -moz-transform: translateY(320px);
   -o-transform: translateY(320px);
   -ms-transform: translateY(320px);
   transform: translateY(320px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

.overlay240 p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.6s linear;
   -moz-transition: all 0.6s linear;
   -o-transition: all 0.6s linear;
   -ms-transition: all 0.6s linear;
   transition: all 0.6s linear;
	font-family:Futura, Futura Medium, Arial, Helvetica, sans-serif;
    font-size: 14px;
	line-height: normal;
    position: relative;
    color: #fff;
    padding: 10px 10px 10px 10px;
    text-align: left;
}  

.overlay240:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.overlay240:hover .mask240 {
   -webkit-transform: translateY(248px);
   -moz-transform: translateY(248px);
   -o-transform: translateY(248px);
   -ms-transform: translateY(248px);
   transform: translateY(248px);
}

.overlay img {
   display: block;
   position: relative;
   }

.borderRed{
   border:3px solid #F10D0D;
   }
.borderGreen{
   border:3px solid #53C42B;
   }
.borderBlue{
   border:3px solid #2A50CB;
   }
.borderYellow{
   border:3px solid #FFE117;
   }
.borderOrange{
   border:3px solid #FF9100;
   }

.maskRed{
    background-color: rgba(241,13,13,0.8);
    }
.maskGreen{
    background-color: rgba(83,196,43,0.8);
    }
.maskBlue{
    background-color: rgba(42,80,203,0.8);
    }
.maskYellow{
    background-color: rgba(255,225,23,0.9);
    }
    
#introYellow{
width: 482px;
background-color:#FFE117;
padding: 10px;
margin-bottom: 10px;
font-family: Futura, Futura Medium, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:400;
color:#F10D0D;
}

#introYellow em{
font-weight:300;
font-size:14px;
}

#introYellow a{
  	color: #fff ;
	text-decoration:none;
}

#introYellow a.blue:hover {
  	color: #94A7E5 ;
	text-decoration:none;
}

#introRed{
width: 482px;
background-color:#F10D0D;
padding: 10px;
margin-bottom: 10px;
font-family:Futura, Futura Medium, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:400;
color:#FFE117;
}
    
#introGreen{
width: 482px;
background-color:#2A50CB;
padding: 10px;
margin-bottom: 10px;
font-family:Futura, Futura Medium, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:400;
color:#53C42B;
}
    
#introBlue{
width: 482px;
background-color:#53C42B;
padding: 10px;
margin-bottom: 10px;
font-family:Futura, Futura Medium, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:400;
color:#2A50CB;
}
    
#introBlue a{
  	color: #fff ;
	text-decoration:none;
}

#introBlue a.red:hover {
  	color: #F88686 ;
	text-decoration:none;
}

#introTurquoise{
width: 482px;
background-color:#FF9100;
padding: 10px;
margin-bottom: 10px;
font-family:Futura, Futura Medium, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:400;
color:#0A8C8C;
}

audio {
	width: 502px;
	margin: 0 10px 10px 0;
}

.quote {
padding: 25px 0 0 0;
max-width: 600px;
clear: both;
font-family:Futura, Futura Medium, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:400;
line-height: 130%;
color:#fff;
}

.subquote {
max-width: 600px;
clear: both;
font-family:Futura, Futura Medium, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:400;
line-height: normal%;
color:#fff;
}