/*----------------------------------------------------
Title:    Sled the Rockies
Author:   Drake Cooper - DrakeCooper.com
Updated:  9/2009
Valid:    You know it!
----------------------------------------------------*/

/* Import CSS Files */
@import url(/assets/css/reset.css);
@import url(typo.css);


@media screen {
  /* Framework */
  body {
    background-color: #1C303E;
    margin: 0;
    padding: 0;
    margin-top: 0;
  }

  /* Page Container */

  div#wrapper {
    background: transparent url(images/bg_wrapper.jpg) no-repeat scroll top center;
    margin: 0 auto;
    position: relative;
    width: 960px;
    z-index: 1;
  }

  div#header {
    width: 960px;
    height: 380px;
    padding: 0 0 220px 0;
    margin: 0;
    position: relative;
  }
  a {
    text-decoration: none;
    cursor: pointer;
  }
  #content-wrapper a[href $='.pdf'] {
    color: Red;
    padding-right: 18px;
    background: transparent url(images/icon_pdf.gif) no-repeat center right;
  }
  #content-wrapper a[href ^="mailto:"] {
    padding-right: 20px;
    background: transparent url(images/icon_mailto.gif) no-repeat center right;
  }
  #content-wrapper a[href $='.doc'] {
    color: Blue;
    padding-right: 18px;
    background: transparent url(images/icon_doc.gif) no-repeat center right;
  }
  #content-wrapper a[rel="external"] {
    color: #0099FF;
    padding: 2px 17px 0 0;
    line-height: 16px;
    background: transparent url(images/link-external-icon.gif) no-repeat right center;
  }
  a.logo {
    background: transparent url(images/img_logo-str.gif) no-repeat scroll top center;
    display: block;
    position: absolute;
    text-indent: -9999px;
    left: 55px;
    top: 0px;
    z-index:69;
    width: 310px;
    height: 138px;
  }


  div.nav {
    position: absolute;
    top: 0px;
    right: 10px;
    height: 30px;
    z-index: 67;
  }
  ul#nav {
    right: 0px;
    padding: 0;
    position: relative;
    top: 0px;
  }
  ul#nav li {
    font: normal normal normal 13px Arial, sans-serif;
    float: left;
    list-style: none;
    margin: 0;
    padding-right: 10px;
  }
  ul#nav li a {
    color: #264050;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    height:30px;
    vertical-align:middle;
    line-height:30px;
  }
  ul#nav li a:hover {
    color: #A6B7C7;
  }
  ul#state-nav {
    display: none;
  }


  div#bug-win-trip{
    position:absolute;
    width:270px;
    height:200px;
    top:72px;
    left:397px;
    z-index: 68;
  }


  div#video {
    position: absolute;
    top: 192px;
    left: 60px;
    z-index: 300;
  }

  div#map-flash {
    position: absolute;
    top: 190px;
    left: 530px;
    width: 430px;
    height: 450px;
    z-index: 4;
  }
  div#snow-flash {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 960px;
    height: 400px;
    z-index: 2;
  }

  /* Main Content Wrapper */
  div#content-wrapper {
    background-color: #FFF;
    margin: 0;
    padding: 0 0 0 50px;
  }
  div.left-col {
    border-right: 1px solid #CAE1F0;
    float: left;
    min-height: 500px;
    margin: 0;
    padding: 0 15px 10px 0;
    width: 264px;
  }
  div.right-col {
    float: left;
    margin: 0;
    padding: 0 0 0 30px;
    width: 190px;
  }

  div.third-col { /* 3rd column on homepage */
    float: left;
    margin: 0;
    padding: 50px 0 0 60px;
    width: 250px;
  }




  div#content-wrapper div.right-col p, #content-wrapper div.third-col p {
    color: #333333;
    font: 11px normal arial, sans-serif;
    line-height: 19px;
  }
  div#content-wrapper p a {
    color: #172634;
    font-weight: bold;
    text-decoration: none;
  }
  div#content-wrapper p a.external {
    color: #0099FF;
    padding: 2px 17px 0 0;
    line-height: 16px;
    background: transparent url(images/link-external-icon.gif) no-repeat right center;
  }
  div#content-wrapper p a:hover {
    color: #999;
  }

  div#footer {
    background: #FFF url(images/bg_footer.gif) no-repeat scroll top center;
    clear: both;
    height: 118px;
    padding: 0;
    width: 960px;
  }
  div#footer ul {
    float: right;
    margin: 80px -120px 0 0;
    padding: 0;
    width: 560px;
    height: 15px;
    z-index: 1;
  }
  div#footer li {
    float: left;
    font: normal normal normal 10px Arial, sans-serif;
    letter-spacing: 1px;
    list-style: none;
    margin: 0;
    padding-right: 5px;
  }
  div#footer li:after {
    content: "|";
    padding-left: 10px;
  }

  div#footer li a {
    color: #666666;
    margin: 0;
    padding: 0;
    text-decoration: none;
  }
  div#footer li a:hover {
    color: #999;
  }

  /* Generics */
  a.external {
    padding: 0 20px 0 0;
    background: center right no-repeat url(images/link-external-icon.gif);
    width: 12px;
    height: 12px;
  }
  .display-block {
    display: block;
  }

  .display-inline {
    display: inline;
  }

  .clearleft {
    clear: left;
  }

  .clearright {
    clear: right;
  }

  .clearboth {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
  }
  hr {
    color: #fff;
    background-color: #fff;
    border: 1px dotted #C0C6CA;
    border-style: none none dotted;
  }
}