root { 
    display: block;
}

* {
margin: 0;
padding: 0;
}
body{
    font-family:'AmericanTypwrterITCW02- 737097';
}
.main-bg{
    width: 100%;
    height: 100%;
    position: fixed;
    top:0px;
    bottom:0px;
    z-index:-1;
}
.main-bg img{
    width: 100%;
    
}

@font-face {
    font-family: 'BebasNeue';
    src: url('BebasNeue-webfont.eot');
    src: local('☺'), url('BebasNeue-webfont.woff') format('woff'), url('BebasNeue-webfont.ttf') format('truetype'), url('BebasNeue-webfont.svg#webfontf0WP9KEe') format('svg');
    font-weight: normal;
    font-style: normal;
}
h2, h3, h4, h5{font-weight: normal;}
h1{
    color:#BA270A;
    font-family:'Veneer';
    font-weight: normal;

}
#header{
    margin-left:36px;  
    
    
}
#header h1{
    text-transform: uppercase;
    margin-top: 16px;
    color:#256f4f;
    font-family: 'Veneer';
    font-size: 50px;
    
    -moz-text-shadow: 0px 1px 5px #999;
    -webkit-text-shadow: 0px 1px 5px #999;
    text-shadow: 0px 1px 5px #999;
}
#header h2,#header h3
{
   text-transform: uppercase; 
   color:#D72C21;   
   font-family:'HelveticaNeueW01-57Cn';
   font-weight: normal;
   letter-spacing: 1px;
   font-size: 22px;
   -moz-text-shadow: 1px 1px 1px #999;
    -webkit-text-shadow: 1px 1px 1px #999;
    text-shadow: rgba(101,117,190,0.84) 0px 0px 10px;
}
/**************************************************************************
*       slider
*/
.slider{
    position:fixed;z-index: 11;
    height: 100%;
    left:50%;
    margin-left:-473px;
    width: 946px;
    background:transparent url(../img/bg-slider-ptrn2.png) repeat-y;
    padding:0px 10px;
}
.slider ul{
    list-style-type: none;
}
.slider-arrows{
    display:block; 
    position:absolute;
    height:80px;
    width:40px;
    background-image:url(../img/paddles.png);
    margin-top:20%;
    cursor:pointer;
    opacity:0.85;
    z-index:33;
}
.slider-arrows:hover{
    opacity:1;
}
.slider-arrows.next{   
    background-position-x:-40px;
    right:20px;
}
.slider-arrows.prev{   
    background-position-x:0px;
    left:20px;
}
.slider-container{
    list-style-type: none;
    padding:20px 50px;
    margin:0px;
    width:946px;
    height:600px;
    position:absolute;
    z-index:30;    
    overflow:hidden;
    height: 60%;
}
.slider-container li{    
    display:none;
    position:absolute;
    width: 782px;
    text-align: center;    
}
.slider-dots{
    width:100%;  
    z-index: 22;
    position:absolute;
    bottom:200px;
    height:30px;
    text-align: center;
    left:50%;
    margin-left:-10%;
    z-index:33;
}
.slider-dots li{
    float:left;cursor:pointer;
    width:25px;height:25px;
    background-image:url(../img/indicators.png);
    background-position-x: -8px;
    background-position-y: -8px;
}
.slider-dots li.active{
    background-position-x: -31px;
}

.text-slide{
    background:url(../img/mission-bg.png) no-repeat 50% 50%;    
    /*height:500px;*/
    height: 484px;
    
    width: 778px;
    padding-top:10px;
 	-moz-box-shadow: 0px 0px 10px rgba(49,49,49,0.99);
	-webkit-box-shadow: 0px 0px 10px rgba(49,49,49,0.99);
	box-shadow: 0px 0px 10px rgba(49,49,49,0.99);
}

.text-slide h1{
    text-align:left;
    padding-left:50px;
    padding-bottom:20px;
    margin-top: 18px;
}

.slider-container li p{
    color:#5D3500;
    text-align:left;
    padding-left:70px;
    font-size:18px;
}
.text-slide p{
    color:#5D3500;
    text-align:left;
    padding-left:70px;
    width: 680px;
    line-height: 32px;
}

iframe {
	-moz-box-shadow: 0px 0px 10px rgba(49,49,49,0.99);
	-webkit-box-shadow: 0px 0px 10px rgba(49,49,49,0.99);
	box-shadow: 0px 0px 10px rgba(49,49,49,0.99);
}
ul.slide-container li.slider-container .text-slide{width: 778px;}

/**************************************************************************
*   red scroller
*/
.red-scroller{
    z-index: 22;
    position:absolute;
    bottom:20px;
    height:133px;
    width: 100%;
    overflow:hidden;
    background:url(../img/headline.png);
    background-size:100% 100%;
    -o-background-size:100% 100%;
    -ms-background-size:100% 100%;
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
}
.red-scroller ul{
    list-style-type: none;
    padding:0px;
    margin:50px;
    color:#f2f2f2;
}
.red-scroller ul li{
    position:absolute;
    font-size: 28px;
    display:none;
    width: 100%;
    text-align: center;
    font-family:'HelveticaNeueW01-67MdCn 692710';
    text-transform: uppercase;
}


/**************************************************************************
*   social icons
*/
.social-toolbar{
    position:absolute;
    left:50%;
    margin-left:-150px;
    bottom:20px;
    height:60px;
    width: 300px;
    z-index:44;
}
.social-toolbar a{
    float:left;
    margin-left:10px;
    width:65px;height:65px;
    opacity:0.85;
    cursor:pointer;
    background-top:13px;
    background-image:url(../img/social.png);
    
}
.social-toolbar a:hover{
    opacity:1;
}
.twitter-icon{background-position-x:-9px;}
.facebook-icon{background-position-x:-78px;}
.flickr-icon{background-position-x:-147px;}
.rss-icon{background-position-x:-216px;}

/*****************************************************************************
*   navigation menu
*/
.top-menu, .bottom-menu{
    position:relative;
    background: url("../img/nav-menu-bg.png");
    padding:20px;
    margin-left:-20px;
    color:white;    
}
.bottom-menu>h2,.bottom-menu>h1{
    font-family:'Veneer';
    text-align: center;
    color:#A7A2A2;
    margin-bottom:20px;
}
.top-menu{
    position:fixed;
    z-index: 22;
    top:0px;            
    visibility:hidden;
    height:auto;
    min-height: 150px;
    width:860px;
    left:50%;
    margin-left:-450px;
}
.bottom-menu{
    border-top:20px solid #BB301B;
    width:100%;
    left:0;
    min-height: 150px;
}
.main-menu li, .main-menu, sub-menu li, sub-menu{list-style-type:none;margin:0;padding:0;}
.main-menu{
    
}
.main-menu a{
    color:white;
    text-decoration:none;
}
.main-menu a:hover{
    color:#BA270A;
}
.main-menu>li{
    float:left;  
    margin-right:20px; 
    font-family:impact;
}
.main-menu>li.last{
    margin-right:0px;
}
.main-menu h3{
    font-weight:normal;
    text-transform: uppercase;
    font-size:16px;
}
.sub-menu {
    margin-top:30px;
    text-transform: capitalize;
    font-size:14px;
}
.sub-menu>li{
    
}
.top-menu-arrow{
    display:block;
    position:absolute;
    bottom:-65px;
    right: 50px;
    height:65px;
    width:71px;
    background-image: url("../img/menuarrows.png");
    opacity:0.9;
    cursor:pointer;
}
.top-menu-arrow:hover{
    opacity: 1;
}
.top-menu-arrow.down{
    background-position-x: -71px;
}
.top-menu-arrow.up{
    background-position-x: 0px;
}

/*************************************************************
*   internal pages content
*/
.main-container{
    position:relative;
    left:50%;
    margin-left:-472px;
    width: 864px;
    padding:40px;    
}
.main-container-bg{
  width: 98%;
  left:1%;
  background-color: white;
  opacity: 0.5;
  position: absolute;
  height: 100%;
  margin-top: -40px;
  z-index:-1;
  
}
.main-container-bg-left,.main-container-bg-right{
    width: 1%;
    height: 100%;
    /*background-color: #888;*/
    position: absolute;
    margin-top: -40px;
    opacity: 0.5;
}
.main-container-bg-left{
    left:0px;
    background-image: -webkit-linear-gradient(right, white, black);
}
.main-container-bg-right{
    right:0px;
    background-image: -webkit-linear-gradient(left, white, black);
}
.main-container #header{
    margin-left:0px;
    margin-bottom:20px;
}
.main-content{
    background:transparent url(../img/content-bg.png) repeat-y;
    padding:30px;
    margin-bottom: 30px;
    width:800px;
    color: #5D3500;    
    
    box-shadow: 0px 0px 10px #535353;
    -moz-box-shadow: 0px 0px 10px #535353;
    -webkit-box-shadow: 0px 0px 10px #535353;
    -o-box-shadow: 0px 0px 10px #535353;
}
.main-content h2{
    margin: 20px 0px;
    color:#BA270A;
    font-family:'Veneer';
}
.main-content h3{
    margin: 10px 0px;
    color:#BA270A;
}
.main-content img{
    border: 12px solid white;    
    margin: 10px;
    
    box-shadow: 0px 0px 10px #535353;
    -moz-box-shadow: 0px 0px 10px #535353;
    -webkit-box-shadow: 0px 0px 10px #535353;
    -o-box-shadow: 0px 0px 10px #535353;
}