@charset "UTF-8";

/* Global Content Formatting and Styles */

body {
      color: #33000;
      line-height: 1.5em;
      font-family: Arial;
      font-size: 14px;
      background: #663300 url(../images/background_gradient.jpg) repeat 0px 0px;
}

.page {
       max-width: 980px;
       margin: 0px auto 0px auto;
       position: relative;
       background-color: #fff;
}

h1 { font-size: 2em; color: #663300; margin: 0 0 .5em 0; line-height: 1em; }
h2 { font-size: 1.7em; margin: 0 0 1em 0; }
h3 { font-size: 1.5em; margin: 0 0 1em 0; color: #663300; }
p {margin: 0 0 .75em 0; }
table { font-size: 1em;}
a {color: #663300; }
a:hover { color: #cc9966; }

footer { font-size: .85em; color: #fff; background-color: #663300; padding: 10px 10px 10px 0px; }

a.cta { 
      text-transform: uppercase;
      font-size: .9em;
      font-weight: bold;
      text-decoration: none;
      margin: .5em 0 0 0;
      padding: 0px 12px 0px 0px;
      background: url(../images/cta_arrow.png) no-repeat right 0px;
 }


a.cta:hover { background-position: right -50px; }

/* Responsive iFrame */
 
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.responsive-iframe-container iframe,   
.vresponsive-iframe-container object,  
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.promo h3 { font-size: 1.1em; margin: 0; }
.promo p { line-height: 1.2em; font-size: .9em; margin-bottom: .5em; }

.promo { background-repeat: no-repeat; }
.promo.one { background-image: url(../images/promo_1.jpg); }
.promo.two { background-image: url(../images/promo_2.jpg); }
.promo.three { background-image: url(../images/promo_3.jpg); }
.promo.four { background-image: url(../images/promo_4.jpg); }
.promo.five { background-image: url(../images/promo_5.jpg); }
.promo.six { background-image: url(../images/promo_6.jpg); }
.promo.seven { background-image: url(../images/promo_7.jpg); }
.promo.eight { background-image: url(../images/promo_8.jpg); }
.promo.nine { background-image: url(../images/promo_9.jpg); }
.promo.ten { background-image: url(../images/promo_10.jpg); }

footer a { color: #fff; }

nav a {
      color: #fff;
      text-transform: uppercase;
      text-decoration: none;
      display: inline-block;
      font-weight: bold;
      font-size: .9em;
}
nav a:hover { color: #cc9966; }

.clear-fix { clear: both; line-height: 1px; }