/**************************************************************
  Copyright 2009 Calgary Outdoor Festival. All rights reserved.
  This site has been hand-developed by Jason Moss.
   - www.jdmlabs.com           |  web
   - jason.moss@gmail.com  |  mail
   - +1-403-850-1496           |  voice
**************************************************************/
@media screen {

html { background-color: #3a4c57; background-image: url( '/_assets/images/ui/bg-html-home.png' ); color: #a9d4ed }

nav.sliders { display: block; margin: 0 auto }
  nav.sliders ul { float: left; width: 200px; margin: 2em 1em 0 0; }
  nav.sliders ul li { display: block; width: 100%; margin: 0; padding: .2em 0 .2em 1.5em; background: transparent url( '/_assets/images/icons/slider-link-arrow.png' ) no-repeat 0 52%; text-align: left; font-weight: bold; font-size: 120%; color: #1f6900; cursor: pointer }
  nav.sliders ul li.active { padding: .5em 0; background: transparent; line-height: 1.2em; text-align: center; font-weight: normal; font-size: 300%; color: #fff }

.home-banner-content { float: left; height: 320px; margin-bottom: 1em }
.home-banner-content #slider-1,.home-banner-content #slider-2,.home-banner-content #slider-3,.home-banner-content #slider-4 { position: relative; width: 390px; padding: 1.5em 1em 2em 360px }
  .home-banner-content #slider-1 .s-image { background-image: url( '/_assets/images/banners/home/slide1.png' ) !important; background-position: 0 7px }
  .home-banner-content #slider-2 .s-image { background-image: url( '/_assets/images/banners/home/slide2.png' ) !important; background-position: 0 7px }
  .home-banner-content #slider-3 .s-image { background-image: url( '/_assets/images/banners/home/slide3.png' ) !important; background-position: 0 7px }
  .home-banner-content #slider-4 .s-image { background-image: url( '/_assets/images/banners/home/slide4.png' ) !important; background-position: 0 7px }
  .home-banner-content #slider-1 .s-image, .home-banner-content #slider-2 .s-image, .home-banner-content #slider-3 .s-image, .home-banner-content #slider-4 .s-image { position: absolute; top: 0; left: 0; width: 360px; height: 328px; background-repeat: no-repeat }
.home-banner-content .s-header, .home-banner-content .s-p { position: relative }
  .home-banner-content .s-header { display: block; margin: .5em 1em 1em 0; text-align: right; line-height: 1.2em; font-size: 210%; color: #fff }
  .home-banner-content .s-p { display: block; margin: 0 1em 1em 0; line-height: 1.5em; font-style: italic; font-size: 125%; color: #002b00 }
  .home-banner-content .s-discover a:link, .home-banner-content .s-discover a:visited { display: block; float: right; width: 228px; height: 27px; margin: 2em 1em 0 0; padding: 5px 0 0 0; background: transparent url( '/_assets/images/buttons/discover.png' ) no-repeat 0 0; text-align: center; font-weight: bold; font-size: 110%; color: #002b00 }
  .home-banner-content .s-discover a:hover, .home-banner-content .s-discover a:focus, .home-banner-content .s-discover a:active { background-position: 0 -32px; color: #fff }

header.page-introduction { margin-bottom: 0 }
section.main-content { float: left; width: 50%; margin: 4em 0 2em .5em; padding: 0 }

section.main-content article, section.main-content article:hover, section.main-content article:focus { float: left; width: 90%; padding: 0; border: 0; background: transparent }
  section.main-content article h3 { margin: 0; line-height: 1.7em; font-size: 130% }
  section.main-content article p { margin: 2em 0; line-height: 1.7em; text-indent: 1em; font-style: normal; font-size: 120% }

aside.sponsor-block { float: left; width: 49%; margin: 1em 0 0; padding: 0 }
aside.sponsor-block nav.sponsors { float: left; margin: 0; padding: 0; text-align: center }
  aside.sponsor-block nav.primary { display: block; float: left; width: 90%; height: 240px; margin: 0 }
  aside.sponsor-block nav.secondary { display: block; float: left; width: 98% }
  aside.sponsor-block nav.primary dl { display: block; float: left; width: 50% }
  aside.sponsor-block nav dl dd { display: inline-block; float: none; margin: 0 .5em }

body footer { border-top-color: #33434d }

}