/* Base styles: opinionated defaults */
html,button,input,select,textarea { color:#222 }
body { font-size:1em; line-height:1.4 }

/* Remove text-shadow in selection highlight: h5bp.com/i */
::-moz-selection { background:#b3d4fc; text-shadow:none }
::selection { background:#b3d4fc; text-shadow:none }

/* A better looking default horizontal rule */
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0 }

/* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
img { vertical-align:middle }
fieldset { border:0; margin:0; padding:0 }
textarea { resize:vertical }
table { width: 100%; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }


/* ==========================================================================
   Basic Styles
   ========================================================================== */

html, body, .pole { height: 100% }
body { font-size: 18px; line-height: 1.2; color: #000;  }
html, body.ios-only, body.ios-only #container { min-width: 940px; width: 100%; }
.wrap { width: 940px; margin: 0 auto; padding: 0 10px; position: relative; }
.image-right, .image-left { display: inline-block; float: right; margin: 10px 0 10px 10px; }
.image-left { margin: 10px 10px 10px 0; float: left; }

.pole { position: fixed; top: 15px; z-index: 1; width: 100%; height: 100%; background: url(../images/pole.png) no-repeat top center; }
.ios-only .pole { display: none; }
#container { position: absolute; z-index: 1; width: 100%; height: 100%; }
#container .wrap { background: url(../images/poles-2.png) repeat-y -10px 42px; padding: 10px 0; }
#main { background: url(../images/bg-main.png) repeat-y top center; color: #FFF; height: 242px; padding: 50px; }
#main a { color: #FFF; }
#main article a { color: #EA0C8A }
#main .wrapper { overflow: auto; height: 235px; padding-bottom: 20px; }
#main .wrapper > aside { float: left; width: 140px; }
#main .wrapper > aside ul { list-style: none; margin: 0;padding: 0; }
#main .wrapper > aside .selected a { text-decoration: underline; }
#main .wrapper > article { width: 820px; }
#main .wrapper > article h1 { margin: 0; }
#main .wrapper > article h2 { margin: 0; }
#main .wrapper > article h3 { margin: 0; }
#main .wrapper > article h4 { margin: 0; }
#main .wrapper > article h5 { margin: 0; }
#main .wrapper > article h6 { margin: 0; }

#footer { padding: 10px 0 20px 0; }
#footer .slider { background: url(../images/bg-slider.png) no-repeat; width: 406px; height: 166px; float: left; padding: 29px 28px 25px 28px; }
#footer .slider + .slider { float: right; }

/* Header
=================================================================== */


/* Mainnav
=================================================================== */
header h1 { margin: 0 0 10px 0; }
header #logo { text-indent: -9999em; display: block; background: url(../images/logo.png) no-repeat; height: 202px; width: 941px; }
header > nav { height: 90px; background: url(../images/bg-nav.png) no-repeat top left; line-height: 82px; padding: 0 20px; font-family: "Trebuchet MS", "Lucida Grande", sans-serif; font-weight: bold; margin-bottom: 10px; }
header > nav ul { margin: 0;padding: 0; list-style: none }
header > nav li { display: inline-block; font-size: 28px; }
header > nav li.home { margin: 0 10px 0 0; }
header > nav li.separator { margin: 0 10px }
header > nav li a { padding: 9px 10px; border-radius: 5px; color: #000; vertical-align: middle; text-shadow: 0 1px 1px rgba(255,255,255,1); }
header > nav li.home a { text-indent: -9999em; width: 51px; height: 51px; background: url(../images/icon-home.png) no-repeat; display: inline-block; padding: 0; vertical-align: middle; }

.ie7 header > nav li { display: inline; }
.ie7 header > nav li a { position: relative; top: 10px; }
.ie7 header > nav li.selected a { position: relative; top: 7px; }
.ie7 header > nav li.home a { display: block; top: -5px; }

header > nav .selected a:hover { text-decoration: none; }
header > nav .selected a {
  background-color: #405FDB;
  text-shadow: 0 1px 1px rgba(0,0,0,0.6);
  color: #FFF;
  background-image: linear-gradient(bottom, rgb(52,81,200) 0%, rgb(64,95,219) 100%);
  background-image: -o-linear-gradient(bottom, rgb(52,81,200) 0%, rgb(64,95,219) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(52,81,200) 0%, rgb(64,95,219) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(52,81,200) 0%, rgb(64,95,219) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(52,81,200) 0%, rgb(64,95,219) 100%);

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(52,81,200)),
    color-stop(1, rgb(64,95,219))
);
}


/* Flexslider
=================================================================== */

.flexslider { position: relative; zoom: 1; box-shadow: none; margin: 0; padding: 0; border-width: 1px; border-color: #000; background: #000 }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.flex-container a, .flexslider a, .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
.flex-viewport { width: 100%; background: url(../images/bg-slider.png) no-repeat center  }

.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; background: transparent; }
.flexslider .slides img { max-width: 100%; display: block; height: auto !important; width: 100% !important; display: inline-block !important; }
.flexslider .slides a, .flexslider .slides img { display: block; }

.flexslider .slides { zoom: 1; top: -1px; position: relative; }
.flex-container { zoom: 1; position: relative; }
.flexslider .slides > li, .flex-container .container { position: relative }
.flex-direction-nav { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; }
.flex-control-nav { bottom: auto; top: 30px; width: 86%; padding: 0 7%; text-align: right; overflow: hidden }
.flex-control-nav a { text-indent: 9999em !important; width: 19px; height: 19px; }
.flex-control-paging li a { background: #FFF; border: 1px solid #FFF; box-shadow: none; }
.flex-control-paging li a.flex-active { background: #339900; border-color: #008C00; }

.flexslider .container { position: absolute; width: 32%; right: 0; top: 0; padding: 40px 40px 40px 25px; display: none; }
.flex-caption h2 { font-size: 50px; color: #FFF; line-height: 1; margin: 0; }

/* Content
=================================================================== */


/* Forms
=================================================================== */


/* Footer
=================================================================== */


/* Clearfix floats
=================================================================== */

.clearfix:before,.clearfix:after { content: " "; display: table; }
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/* ==|== print styles ======================================================= */

@media print {

  /* basic styling  */
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 1cm 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }

}