﻿/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }

  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }

  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }

  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt;
    padding: 0pt;
    overflow: auto;
    letter-spacing: 0px;
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }

  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h1
  {
    visibility: hidden;
    font-family: Arial;
    font-size: 37px;
    letter-spacing: -6px;
    font-weight: normal;
    line-height: 1em;
  }

  .sIFR-active h1.tweaked
  {
    letter-spacing: 2px;
  }

  .sIFR-active h2.sifr
  {
    visibility: hidden;
    font-family: Arial;
    font-size: 23px;
    /* letter-spacing: -10px; */
    line-height: 1em;
    font-weight: normal;
  }

  .sIFR-active h2.sifr object
  {
    /* border: 1px solid #000; */
  }
}


/********************/
.banners {
    width: 948px; height: 318px; position:relative; border: 5px solid #e1e1e1; line-height:0; overflow: hidden;
}
.banner {
    width: 948px; height: 318px; overflow:hidden;
}
.banner .with_background {
	width: 100%; height: 100%; background-repeat: no-repeat; background-position: right top;
}
.banner .header, .banner .main_text, .banner .more {
	visibility: hidden;
}

.banner-1 {
    width: 948px; height: 318px; overflow:hidden;
}
.banner-1 .with_background {
	padding-top: 44px;
}
.banner-1 .header {
    margin: -5px 0px 5px 25px; font-family: gotham-bold, arial; font-size: 52px; color: #044b90; line-height: 51px; letter-spacing: 1px; visibility:visible; word-spacing: -5px;letter-spacing: -3px;
}
.banner-1 .header em {
    color: #a14b14; font-style:normal;
}
.banner-1 .main_text {
    margin: 8px 0px 13px 31px; font-family:Lucida Sans, Lucida Grande; font-size: 16px; color: #044b90; line-height: 22px; letter-spacing: 1px; word-spacing: -1px;
}
.banner-1 .text {
	margin-top: 6px;
}
.banner-1 .hr {
    border-bottom: 1px solid #c4c4c4; height:1px;  width: 370px; margin: 40px 0 13px 0; line-height:0; font-size:0px;
}
.banner-1 .more {
    padding-right: 15px; padding-left: 29px; background: url(/_images/home_page/arrow-banner1.png) no-repeat right 6px;
    font-family: gotham-bold, arial; font-size: 20px; color: #fd8e23; line-height: 18px; text-transform:uppercase; text-decoration: none; word-spacing: -2px;
}

.banner-2 {
    width: 948px; height: 318px; overflow:hidden;
}
.banner-2 .with_background {
	padding-top: 40px;
}
.banner-2 .header {
    margin: 0 0px 16px 27px; font-family: gotham-bold, arial; font-size: 56px; color: #fff; line-height: 51px; letter-spacing: normal; visibility:visible; letter-spacing: -3px; word-spacing: 5px;
}
.banner-2 .header .trade
{
    font-family: gotham-book;
    font-size: 43px;   
}
.banner-2 .main_text {
    margin: 0px 0px 14px 29px; font-family:Lucida Sans, Lucida Grande; font-size: 18px; color: #fff; line-height: 22px; letter-spacing: 1px;
}
.banner-2 .hr {
    border-bottom: 1px solid #c4c4c4; height:1px;  width: 369px; margin: 34px 0 10px 0; line-height:0; font-size:0px;
}
.banner-2 .more {
    padding-right: 17px; padding-left: 29px; background: url(/_images/home_page/arrow-banner1.png) no-repeat right 5px;
    font-family: gotham-bold, arial; font-size: 19px; color: #fd8e23; line-height: 18px; text-transform:uppercase; text-decoration: none;
}

.banner-3 {
    width: 948px; height: 318px; overflow:hidden;
}
.banner-3 .with_background {
	padding-top: 45px;
}
.banner-3 .header {
    height: 0; margin: 0 0px 16px 22px; font-family: gotham-bold, arial; font-size: 56px; color: #044b90; line-height: 51px; letter-spacing: normal; visibility:visible; letter-spacing: -2px; word-spacing: 5px;
}
.banner-3 .main_text {
    margin: 0px 0px 11px 24px; font-family:Lucida Sans, Lucida Grande; font-size: 18px; color: #fff; line-height: 22px; letter-spacing: 1px;
}
.banner-3 .hr {
    border-bottom: 1px solid #c4c4c4; height:1px;  width: 432px; margin: 37px 0 10px 0; line-height:0; font-size:0px;
}
.banner-3 .more {
    padding-right: 20px; padding-left: 25px; background: url(/_images/home_page/arrow-banner1.png) no-repeat right 6px;
    font-family: gotham-bold, arial; font-size: 20px; color: #fd8e23; line-height: 18px; text-transform:uppercase; text-decoration: none;
}

.banner-4 {
    width: 948px; height: 318px; overflow:hidden;
}
.banner-4 .with_background {
	padding-top: 45px;
}
.banner-4 .header {
    margin: 0 0px 0 31px; font-family: gotham-bold, arial; font-size: 42px; color: #fff; line-height: 36px; letter-spacing: normal; visibility:visible; letter-spacing: -2px; word-spacing: 5px;
}
.banner-4 .header sup
{
    font-size: 34px;
}
.banner-4 .main_text {
    margin: 0px 0px 11px 28px; font-family: gotham-bold, arial; font-size: 36px; color: #fff; line-height: 37px; letter-spacing: -1px;
}
.banner-4 .main_text span
{
    font-size: 58px;
    line-height: 48px;
    letter-spacing: -3px;
}
.banner-4 .main_text em
{
    color: #d61f1f;
    text-transform: uppercase;
    font-style: normal;
    display: inline-block;
    margin-top: -20px;
    position: relative;
    top: 20px;
}
.banner-4 .hr {
    border-bottom: 1px solid #c4c4c4; height:1px;  width: 388px; margin: 72px 0 10px 0; line-height:0; font-size:0px;
}
.banner-4 .more {
    padding-right: 13px; padding-left: 31px; background: url(/_images/home_page/arrow-banner1.png) no-repeat right 6px;
    font-family: gotham-bold, arial; font-size: 20px; color: #fd8e23; line-height: 18px; text-transform:uppercase; text-decoration: none;
}

.banner-5 {
    width: 948px; height: 318px; overflow:hidden;
}
.banner-5 .with_background {
	padding-top: 33px;
}
.banner-5 .header {
    margin: 0 0px 12px 22px; font-family: gotham-bold, arial; font-size: 56px; color: #fff; line-height: 51px; letter-spacing: normal; visibility:visible; letter-spacing: -2px; word-spacing: 5px;
}
.banner-5 .header span
{
    display: block;
    font-size: 66px;
    line-height: 71px;
    margin-top: -8px;
}
.banner-5 .text
{
    margin-top: 6px;
}
.banner-5 .main_text {
    margin: 0px 0px 11px 29px; font-family:Lucida Sans, Lucida Grande; font-size: 18px; color: #fff; line-height: 24px; letter-spacing: 1px;
}
.banner-5 .hr {
    border-bottom: 1px solid #c4c4c4; height:1px;  width: 432px; margin: 38px 0 10px 0 !important; line-height:0; font-size:0px;
}
.banner-5 .more {
    padding-right: 20px; padding-left: 30px; background: url(/_images/home_page/arrow-banner1.png) no-repeat right 6px;
    font-family: gotham-bold, arial; font-size: 20px; color: #fd8e23; line-height: 18px; text-transform:uppercase; text-decoration: none;
}

.carousel {
    position:absolute; bottom: 12px; right: 16px; font-size:0;
}
.carousel input {
    width: 13px; height: 13px; background: #eaeaea; border: 1px solid #c4c4c4; margin-left: 10px; cursor: pointer; 
}

.carousel input.carousel-active-item {
    background: #fd8e23;
}

.testimonial {
    width: 950px; height: 105px; position:relative; border: 4px solid #3471ad; line-height:0; background: #044b90; overflow: hidden;
}
.prev-testimonial {
    position:absolute; left:0; margin: 23px 0 0; width: 23px; height: 51px; border:none; background: #3471ad url(/_images/testimonial/button-testimonial.png) no-repeat -35px 18px; cursor: pointer; z-index: 10;
}
.next-testimonial {
   position:absolute; right:0; margin: 23px 0 0; width: 23px; height: 51px; border:none; background: #3471ad url(/_images/testimonial/button-testimonial.png) no-repeat 5px 18px; cursor: pointer; z-index: 10;
}

.testimonial-content {
    float:left; padding: 17px 5px 5px 17px; position:relative; margin-left: 16px; width: 910px;
}
.testimonial-content blockquote {
    float:left; width: 580px; height:85px; margin-right:20px; display: none;
}
.testimonial-content blockquote p {
    padding: 0px 10px 5px 10px;
    font-family: gotham-book; font-size: 14px; line-height: 12px; color: #fff;
}
.testimonial-content blockquote .quote-left {
    width: 28px; height: 24px; background-image: url("/_images/testimonial/q-l.gif"); background-repeat: no-repeat;
}
.testimonial-content blockquote .quote-right {
    width: 28px; height: 24px; background-image: url("/_images/testimonial/q-r.gif"); background-repeat: no-repeat;
}
.testimonial-content .icon {
    float:left; width: 58px; height: 58px;
}
.testimonial-username {
    float:left; width: 190px; height: 60px; margin: 0 0 0 10px; overflow: hidden;
}
.testimonial-username strong {
    display:block; font-family: gotham-bold; font-size: 12px; color:#fff; text-transform:uppercase; line-height: 12px;
}
.testimonial-username span {
    display:block; font-family: gotham-medium; font-size: 8px; color:#fff; text-transform:uppercase; line-height: 12px;
}
.testimonial-content .super_line,
.testimonial-content p span {
	font-size: 19px; line-height: 19px;
}
.testimonial-content .border_line {
	font-size: 18px; line-height: 18px;
}
.all-testimonials {
    position:absolute; right: 60px; top: 82px; display:block; padding-right: 15px; background: url(/_images/testimonial/arrow.png) no-repeat right 3px;
    font-family: gotham-medium; font-size: 14px; color:#fff; text-transform:uppercase; text-decoration: underline; line-height: 14px;
}
.all-testimonials:hover {
    text-decoration: none;
}

