@charset "utf-8";
body,html{height:100%;width:100%}
body{overflow-x:hidden}
#awardcontainer,
#indexcontent,
#logo,
#navlist,
#navlist li {
    display: inline-block
}
#bottomnav,
#nav,
.blk1 {
    background-color: #000
}
#awardcontainer,
#teamdeets,
.portfolio-block,
.tournav {
    vertical-align: top;text-align:right
}
.split,
a,
body,
h1,
h2,
h3,
h4,
h5,
h6,
html,
li,
ol,
p,
ul {
    margin: 0;
    padding: 0
}
a:link,
a:visited {
    text-decoration: inherit;
    color: inherit
}
a.normlink {
    color: #000;
    font-weight: 700
}
.botnavbutton:hover,
a.normlink:hover {
    color: #666;
    text-decoration: underline
}
strong {
    font-weight:500
}
input,
label,
p {font-size:15px
}
body {
    font-family: Raleway, sans-serif;
    text-align: justify;
    color: #555
}
.blk1,
.blk2 {
    width: 100%;
    height: 20px
}
input,
label {
    display: block;
    text-align: left
}
label {
    font-size: 15px
}
input {
    margin-bottom: 15px
}
.blk3 {
    height: 35px
}
.blk4 {
    height: 55px
}
p {
    margin-bottom: 10px;
    color: #4F4F4F
}
p#indexcontent2 {
    margin: 30px auto;
    font-size: 14px;
    font-weight: 300
}
.header {
    font-size: 19px;
    padding: 15px 0;
    margin: 20px 0;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    font-weight: 400
}

h3.header {
    font-size: 17px
}
#mobile-navlist ul li,
#navlist {
    font-size: 13px;
    text-shadow: 0 0 1px #999
}
#nav {
    -webkit-box-shadow: 0 0 5px #000;
    border: 1px solid #333;
    border-left: none;
    border-right: none;
    background: rgba(0, 0, 0, .9);
    height: 150px;
    width: 100%;
	 position:relative
}
#navlist {
    list-style-type: none;
    float: right;
    font-weight: 700;
    margin-top: 50px
}
.portfolio-block p,
.portfolio-block ul {
    font-size: 14px;
    font-weight: 500
}
#navlist li {
    color: #fff;
    float: left;
    padding: 20px 25px;
    border-left: 1px solid #333;
    border-right: 1px solid #000
}
#navlist li:hover {
    color: #CCC
}
#navlist li#noleft {
    border-left: none
}
#navlist li#noright {
    border-right: none
}
#logo {
    background: url(../images/logo.png) no-repeat;
    width: 253px;
    height: 89px;
    margin-top: 25px
}
.container {
    width: 970px;
    margin: 0 auto
}
#navcontainer{width:1100px;margin:0 auto}
h1#title {width:970px;margin:auto;font-size:20px;line-height:60px;color:#CCC;font-weight:400;text-align:left}
#awardcontainer {
	float:right;margin-top:30px;margin-right:50px
}
#tripadvisor2014,
#tripadvisor2015 {
    display: inline-block;
    width: 190px;
    height: 189px;
		border-radius:5px
}
#tripadvisor2014:hover,
#tripadvisor2015:hover {
    opacity: .73
}
#tripadvisor2014 {
    background: url(../images/misc/tripadvisor2014.png) center no-repeat;
    background-size: cover
}
#tripadvisor2015 {
    background: url(../images/icons/tripadv2018.jpg) center no-repeat;
    background-size: cover
}
#indexcontent {
	width:620px;margin-top:50px;
    font-weight: 500
}
#scroll,
#totop,
.switch {
    display: none
}
.thumb,
.unswitch {
    display: block
}
.thumb {
    padding: 3px;
    height: 143px;
    width: 280px;
    border: 1px solid #ccc;
    overflow: hidden;
    margin-bottom: 20px
}
.portfolio-block {
    display: inline-block;
    width: 288px;
    margin-right: 48px;
    text-align: justify
}
#portfolio-last,
.bottomblock .portfolio-block {
    margin-right: 0
}
#bottomblock {
    padding-top: 15px;
    width: 100%;
    text-align: center
}
.portfolio-block ul {
    list-style-type: circle;
    list-style-position: inside;
    padding-left: 5px
}
.portfolio-block ul li {
    padding: 3px 0
}
.portfolio-block ul li a:hover {
    color: #000;
    text-decoration: underline
}
.portfolio-block h3 {
    font-weight: 400;
    font-size: 24px;
    padding-bottom: 7px
}
.portfolio-block h3:hover {
    color: #000
}
.portfolio-block h4 {
    font-weight: 400;
    font-size: 17px;
    color: inherit;
    padding-bottom: 6px
}
.portfolio-block .thumb {
    display: block;
    height: 143px;
    width: 280px;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
    transition: all .5s linear
}
.portfolio-block .thumb:hover {
    opacity: .65
}
.portfolio h3 {
    font-size: 23px;
    font-weight: 400;
    padding: 10px 0;
    color: #666
}
.portfolio h3:hover {
    color: #333
}
h3.subheader {
    font-size: 19px;
    margin: 20px 0;
    font-weight: 500
}
.skdslider,
.skdslider1,
.skdslider2 {
    width: 100%;
    height: 463px;
    position: relative;
    display: block;
    overflow: hidden
}
.skdslider1 {
    height: 290px
}
.skdslider2 {
    height: 380px
}
.skdslider1:after,
.skdslider2:after,
.skdslider:after {
    content: '';
    padding-top: 50%;
    display: block
}
.skdslider1 ul.slides,
.skdslider2 ul.slides,
/ .skdslider ul.slides {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.skdslider ul.slides li,
.skdslider1 ul.slides li,
.skdslider2 ul.slides li {
    display: none
}
#aboutus-index,
#aboutus-testi,
#last-par,
#reserve-half,
.botnavbutton,
a.inline-button,
a.normlink {
    display: inline-block
}
.skdslider ul.slides li img,
.skdslider1 ul.slides li img,
.skdslider2 ul.slides li img {
    width: 100%;
    height: 100%;
    border: 0
}
.skdslider .header_centerpiece,
.skdslider1 .header_centerpiece,
.skdslider2 .header_centerpiece {
    background-color: #000;
    width: 100%;
    opacity: .75;
    padding: 20px 0;
    position: absolute;
    left: 0;
    bottom: -51px;
    color: #fff
}
.skdslider .slide-desc,
.skdslider1 .slide-desc,
.skdslider2 .slide-desc {
    left: 0;
    padding: 0 15px;
    z-index: 9999;
    position: absolute;
    bottom: 70px;
    width: 100%;
    display: inline-block
}
.skdslider .slide-desc>.header_centerpiece h2,
.skdslider1 .slide-desc>.header_centerpiece h2,
.skdslider2 .slide-desc>.header_centerpiece h2 {
    width: 90%;
    margin: 0 auto;
    font-size: 27px;
    font-weight: 300
}
#inline-nav {
    margin: 20px 0
}
a.inline-button {
    color: #333;
    font-weight: 600;
    font-size: 13px;
    padding: 0 10px
}
#contactlink,
#last-par,
.botnavbutton,
.semibold,
b {
    font-weight: 600
}
a.inline-button:hover {
    color: #999
}
#reservebox {
    display: block;
    width: 90%;
    height: 380px;
    background: #f3f0f0;
    border: 1px solid #e1dfdf;
    margin: 0 auto
}
#reservebutton,
#tourreservebutton {
	display:block;
    text-align: center;
    font-size: 19px;
    font-weight: 500;
	 padding-top:10px;padding-bottom:10px;
	 width:50%;
    border: 1px solid #999;
    background: #feffe8;
    background: -moz-linear-gradient(top, #feffe8 0, #d6dbbf 100%);
    background: -webkit-linear-gradient(top, #feffe8 0, #d6dbbf 100%);
    background: linear-gradient(to bottom, #feffe8 0, #d6dbbf 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#d6dbbf', GradientType=0);
    border-radius: 5px
}
#reservebutton:hover,
#tourreservebutton:hover {
    background: -moz-linear-gradient(top, #d6dbbf 0, #feffe8 100%);
    background: -webkit-linear-gradient(top, #d6dbbf 0, #feffe8 100%);
    background: linear-gradient(to bottom, #d6dbbf 0, #feffe8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d6dbbf', endColorstr='#feffe8', GradientType=0)
}

#meetpete,
img#aboutus-thumb {
    border: 1px solid #999;
    padding: 4px
}
#reserve-half {
    width: 51%;
    float: right
}
#last-par {
    width: 49%;
    font-size: 15px
}
#last-par div {
    width: 90%;
    margin: 18px auto 0
}
#contactlink {
    text-align: center;
    font-size: 14px
}
#bottomnav {
    width: 100%;
    padding: 15px 0;
    text-align: center;
    color: #ccc;
    font-size: 13px
}
.botnavbutton {
    padding: 0 20px
}
#aboutus-index {
    width: 61%
}
.testi-box {
    font-size: 14px
}
#aboutus-testi {
    width: 35%;
    margin-top: 15px;
    float: right
}
img#aboutus-thumb {
    display: block;
    margin: 0 auto
}
#meetpete,
#teamdeets,
#tourslidercontainer,
.tournav,
ul#testi {
    display: inline-block
}

#teamdeets {
    margin-left: 20px
}
#teamdeets p {
    margin-bottom: 3px
}
#tourslidercontainer {
    width: 640px;
    padding: 4px;
    box-shadow: 0 0 2px #333
}
.tournav {
    width: 300px;
    margin-left: 17px
}
#innertournav {
    display: block;
    color: #fff
}
.termsnavbutton,
.tournavbutton {
    display: inline-block;
    padding: 5px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 5px;
    box-shadow: 0 0 1px #666;
    margin: 0;
    background: #feffe8;
    background: -moz-linear-gradient(top, #666 0, #999 100%);
    background: -webkit-linear-gradient(top, #666 0, #999 100%);
    background: linear-gradient(to bottom, #666 0, #999 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#999', GradientType=0);
    text-align: center
}
.termsnavbutton {
    display: block;
    width: 150px;
    margin: 10px 0
}
ul.tourdeets li,
ul.tourdeets ul {
    margin-bottom: 10px
}
.termsnavbutton:hover,
.tournavbutton:hover {
    background: -moz-linear-gradient(top, #999 0, #666 100%);
    background: -webkit-linear-gradient(top, #999 0, #666 100%);
    background: linear-gradient(to bottom, #999 0, #666 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#999', endColorstr='#666', GradientType=0)
}
ul.tourdeets {
    margin-left: 40px;
    margin-top: 25px
}
ul.tourdeets ul {
    margin-left: 50px
}
p#tourcosttitle {
    display: block;
    font-size: 15px
}
#price{
    font-weight: 600;
    font-size: 23px}
p#cost {
    display: block;
    font-weight: 600;
    font-size: 26px
}
span.super {
    font-weight: 600;
    font-size: 20px
}
p.highlight {
    display: block;
    background: #666;
    color: #fff;
    font-size: 20px;
    padding: 15px
}
#indeximage {
    background: url(../images/fullwidth/minewank.jpg) center no-repeat
}
#indeximage1 {
    background: url(../images/fullwidth/005.jpg) center no-repeat
}
#indeximage2 {
    background: url(../images/fullwidth/009.jpg) center no-repeat
}
#indeximage3 {
    background: url(../images/fullwidth/008.jpg) center no-repeat
}
#indeximage4 {
    background: url(../images/fullwidth/001.jpg) center no-repeat
}
.boximage {
    width: 100%;
    height: 463px;
    margin-top: -20px
}
#compactfooter {
    position: absolute;
    bottom: 0;
    width: 100%
}
ul#faqdeets {
    list-style: none
}
ul#faqdeets li {
    margin-bottom: 5px
}
ul#faqdeets li.que {
    font-weight: 600;
    margin-top: 25px
}
ul#faqdeets li.ans {
    margin-left: 30px
}
ul#faqdeets li.subans {
    margin-left: 50px
}
@-moz-document url-prefix() {
    .boximage {
        margin-top: 0px
    }
}
#mobile-navlist,
#mobnav-expand,
#mobnav-info {
    display: none
}
#inlinecalendar{width:100%;height:600px;border-width:0}
.centerframe{width:100%;height:100%; background-size:cover; background-repeat:no-repeat; background-position:center;margin-top:-170px;z-index:-1000;position:relative}
.tourframe{width:100%;height:300px;display:inline-block;background-size:cover; background-repeat:no-repeat; background-position:center;border-radius:3px; box-shadow:0 0 5px #666;border:1px solid #999}
.buttonframe{width:auto;height:200px; background-size:cover; background-repeat:no-repeat; background-position:center; box-shadow:0 0 3px #666;border-radius:2px;margin-left:5px}
.buttonframe:hover{box-shadow:0 0 7px #111}
#homeframe{background-image:url(../images/tour_images/homeHD.jpg)}
#banffframe{background-image:url(../images/tour_images/hdBanff.jpg)}
#HSBJframe{background-image:url(../images/tour_images/hdHBJ.jpg)}
#yycframe{background-image:url(../images/tour_images/hdYYC.jpg)}
#vanframe{background-image:url(../images/tour_images/hdvan.jpg)}
#brochureframe{background-image:url(../images/tour_images/hdbroch.jpg)}
#drumHOMEframe{background-image:url(../images/tour_images/2day_dino3_640x380.jpg)}
#h1bar{height:60px; position:relative;margin-top:-60px;background: rgba(0, 0, 0, .9);opacity:.95; overflow:hidden}
.tourdeetstitle{font-size:15px;font-weight:600;margin-left:15px;margin-bottom:5px;margin-top:15px}
.tourdeets{margin-left:25px;font-size:14px; color:#555; width:auto; font-weight:400}
#hometours{font-size:18px;font-weight:500;padding-bottom:10px}
#hometours:hover{color:#000}
.hometourdeets{font-size:12px;text-align:justify;padding:10px}
.hometourdeets:hover{color:#000}
.hometourbut{width:320px;display:inline-block;text-align:center;vertical-align:top}