body {
color: #333;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1.3em;
margin: 0;
text-align: left;
}

html, body {

}

.container {
margin: 0 0 0 20px;
z-index:2;
position:relative;
}

footer {
color: #000;
display: block;
padding: 10px;
text-align: right;
}

footer a { color: #000; font-weight: bold; text-decoration: none; }
footer a:visited { color: #000; text-decoration: none; }
footer a:hover { color: #000; text-decoration: underline; }
footer a:active { color: #000; }

footer.iframe {
color: #FFF;
display: block;
margin-left: -20px;
padding: 10px 0 10px 10px;
text-align: right;
}

h3 {
font-size: 1em;
font-weight: bold;
}

footer h3 {
background: transparent url(../images/logo-jasper-black.png) 0 0 no-repeat;
display: block;
float: right;
height: 42px;
text-align: left;
text-indent: -99999px;
width: 143px;
}

p {
margin-bottom: 1.5em;
}

p + p {
margin: 0 0 1.5em 0;
text-indent: 0;
}

a:link { color: #1111CC; outline: none; }
a:visited { color: #1111CC; outline: none; }
a:hover { text-decoration: underline; outline: none; }
a:active { outline: none; }

.small {
display: block;
line-height: 1em;
margin: 1em 0;
}

ul {
margin: 0 0 1.5em 0;
padding: 0;
}

ul li {
list-style: none;
}

.button {
display: block;
height: 68px;
text-indent: -99999px;
width: 220px;
}

.index-page .featured { margin-top: 450px; }
.myjasperstory-page .featured { margin-top: 50px; }
.hotelsandpackages-page .featured { margin-top: 80px; }
.info-page .featured { margin-top: 50px; }
.thankyou-page .featured { margin-top: 50px; }

.featured section {
padding: 8px 8px 5px 8px;
}

.featured p {
font-size: 1.1em;
font-style: italic;
line-height: 1em;
margin: 0;
}

.featured a {
background: transparent url(../images/icon-youtube.png) left 0 no-repeat;
color: #1111CC;
display: block;
font-size: 0.9em;
font-style: normal;
height: 20px;
margin-top: 0px;
padding: 0 0 0 22px;
text-align: left;
}

.featured a:visited {
color: #1111CC;
}

.featured a:hover {
text-decoration: underline;
}

section {
background: #FFF;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
padding: 10px 8px;
}

section.facebook {
background: transparent;
padding: 0;
}

section a {
color: #000;
font-family: , Georgia, "Times New Roman", Times, serif;
font-weight: bold;
text-decoration: none;
}

.myjasperstory h1 {
background: transparent url(../images/title-myjasperstory.gif) 0 0 no-repeat;
display: block;
height: 26px;
margin-bottom: 10px;
text-indent: -99999px;
width: 155px;
}

.button {
background: transparent url(../images/buttons.gif) 0 0 no-repeat;	
display: block;
height: 68px;
text-indent: -99999px;
}

.button-entertowin {
background-position: 0 0;
width: 214px;
}
.button-entertowin:hover {
background-position: -230px 0;
}

.button-takenthetestalready {
background-position: 0 -68px;
width: 214px;
}
.button-takenthetestalready:hover {
background-position: -230px -68px;
}

.button-diningexperiences {
background-position: 0 -3390px;
width: 214px;
}
.button-diningexperiences:hover {
background-position: -230px -3390px;
}

.button-taketheeqtest {
background-position: 0 -136px;
float: left;
margin-bottom: 10px;
margin-right: 10px;
width: 220px;
}
.button-taketheeqtest:hover {
background-position: -225px -136px;
}

.button-submitastory {
background-position: 0 -204px;
float: left;
width: 220px;
}
.button-submitastory:hover {
background-position: -225px -204px;
}

.button-takenthetestalready-lrg {
clear: both;
background-position: 0 -272px;
width: 450px;
}
.button-takenthetestalready-lrg:hover {
background-position: 0 -331px;
width: 450px;
}

.button-booknow {
background-position: 0 -1146px;
height: 32px;
width: 210px;
}
.button-booknow:hover {
background-position: -225px -1146px;
}

.button-visithotelwebsite {
background-position: 0 -1214px;
height: 32px;
width: 210px;
}
.button-visithotelwebsite:hover {
background-position: -225px -1214px;
}

.entertowin h1 {
background: transparent url(../images/title-myjasperstory-lrg.gif) 0 0 no-repeat;
display: block;
height: 43px;
margin-bottom: 10px;
text-indent: -99999px;
width: 266px;
}

.entertowin h2 {
background: transparent url(../images/title-entertowin.gif) 0 0 no-repeat;
display: block;
height: 72px;
margin-bottom: 10px;
text-indent: -99999px;
width: 336px;
}

.facebook h2 {
background: transparent url(../images/title-submittedstories.png) 0 0 no-repeat;
display: block;
height: 17px;
margin: 15px 0 10px 0;
text-indent: -99999px;
width: 144px;
}

.result .experiencejasper {
background: transparent url(../images/title-experiencejasper.gif) 0 0 no-repeat;
display: block;
height: 23px;
margin: 15px 0 10px 0;
text-indent: -99999px;
width: 164px;
}

.result .stayandplay {
background: transparent url(../images/title-stayandplay.gif) 0 0 no-repeat;
display: block;
height: 40px;
margin: 15px 0 10px 0;
text-indent: -99999px;
width: 341px;
}

.result .greatplacestostay {
background: transparent url(../images/title-greatplacestostay.gif) 0 0 no-repeat;
display: block;
height: 40px;
margin: 15px 0 10px 0;
text-indent: -99999px;
width: 163px;
}

.result .jasperexperiencesbytravellertype {
background: transparent url(../images/title-jasperexperiencesbytravellertype.gif) 0 0 no-repeat;
display: block;
height: 40px;
margin: 15px 0 10px 0;
text-indent: -99999px;
width: 340px;
}

.result {
overflow: auto;
}

.result h2 {
background: transparent url(../images/title-takealook.gif) 0 0 no-repeat;
display: block;
height: 51px;
margin-bottom: 10px;
text-indent: -99999px;
width: 353px;
}

.result ul {
margin: 0 0 30px 20px;
}

.result article {
border-bottom: dotted 1px #CCC;
clear: both;
margin-bottom: 20px;
overflow: auto;
}

.result img {
float: left;
margin-bottom: 10px;
}

.result .details {
float: left;
font-size: 0.9em;
padding: 0 0 0 10px;
}

.result .package-details {
font-size: 1em;
}

.result .details h3 {
font-size: 1.5em;
margin-bottom: 2px;
}

.myjasperstory a {
text-decoration: none;
}

.myjasperstory a:hover {
text-decoration: underline;
}

.result a {
font-weight: normal;
text-transform: lowercase;
}

.result a:hover {
text-decoration: underline;
}

.othereqtypes {
clear: both;
margin-top: 25px;
overflow: auto;
}

.othereqtypes h2 {
background: transparent url(../images/title-othereqtypes.gif) 0 0 no-repeat;
display: block;
height: 23px;
margin-bottom: 20px;
text-indent: -99999px;
width:141px;
}

.othereqtypes ul {
margin: 0;
}

.othereqtypes ul li {
float: left;
}

.othereqtypes ul li a {
background-image: url(../images/buttons.gif);
display: block;
height: 68px;
margin-bottom: 10px;
text-indent: -99999px;
width:220px;
}

.button-nohassletraveller {
background-position: 0 -399px;
}
.button-nohassletraveller:hover {
background-position: -225px -399px;
}

.button-freespirit {
background-position: 0 -467px;
}
.button-freespirit:hover {
background-position: -225px -467px;
}

.button-culturalhistorybuff {
background-position: 0 -535px;
}
.button-culturalhistorybuff:hover {
background-position: -225px -535px;
}

.button-gentleexplorer {
background-position: 0 -603px;
}
.button-gentleexplorer:hover {
background-position: -225px -603px;
}

.button-virtualtraveller {
background-position: 0 -670px;
}
.button-virtualtraveller:hover {
background-position: -225px -670px;
}

.button-culturalexplorer {
background-position: 0 -738px;
}
.button-culturalexplorer:hover {
background-position: -225px -738px;
}

.button-authenticexperiencer {
background-position: 0 -806px;
}
.button-authenticexperiencer:hover {
background-position: -225px -806px;
}

.button-rejuvenator {
background-position: 0 -874px;
}
.button-rejuvenator:hover {
background-position: -225px -874px;
}

.button-personalhistoryexplorer {
background-position: 0 -942px;
}
.button-personalhistoryexplorer:hover {
background-position: -225px -942px;
}

.AE, .CE, .CHB, .FS, .GE, .NHT, .PHE, .REJ, .VT, .jasperexperience {
background-image: url(../images/headings.gif);
display: block;
height: 85px;
margin-bottom: 10px;
text-align: left;
text-indent: -99999px;
width: 432px;
}

.AE { background-position: 0 0; } 
.CE { background-position: 0 -85px; }
.CHB { background-position: 0 -171px; } 
.FS { background-position: 0 -681px; }
.GE { background-position: 0 -256px; }
.NHT { background-position: 0 -341px; } 
.PHE { background-position: 0 -426px; } 
.REJ { background-position: 0 -596px; } 
.VT { background-position: 0 -511px; }
.jasperexperience { background-position: 0 -766px; }

.socialmedia {
float: right;
height: 16px;
padding: 0;
overflow: auto;
width: 95px;
}

.socialmedia li {
display: block;
float: left;
list-style: none;
text-align: left;
}

.socialmedia li a {
background: transparent url(../images/icons-socialmedia.png) 0 0 no-repeat;
display: block;
height: 16px;
margin-left: 15px;
text-align: left;
text-indent: -99999px;
width: 16px;
}

.socialmedia li .youtube {
background: transparent url(../images/icons-socialmedia-youtube.png) 0 0 no-repeat;
}
.socialmedia li .youtube:hover {
background-position: 0 -16px;
}

.socialmedia li .facebook {
background: transparent url(../images/icons-socialmedia-facebook.png) 0 0 no-repeat;
}
.socialmedia li .facebook:hover {
background-position: 0 -16px
}

.socialmedia li .twitter {
background: transparent url(../images/icons-socialmedia-twitter.png) 0 0 no-repeat;
}
.socialmedia li .twitter:hover {
background-position: 0 -16px;
}

.quizstart {
}

.quizstart h1 {
background: transparent url(../images/title-letsgetstarted.gif) 0 0 no-repeat;
display: block;
height: 27px;
margin-bottom: 10px;
text-indent: -99999px;
width: 173px;
}

label {
display: block;
margin: 10px 0 0 0;
padding: 0;
}

input {
font-size: 1.3em;
margin: 0;
padding: 0;
}

input[type="text"] {
padding: 4px;
}

#fstname, #lstname, #em {
width: 200px;
}

.author {
display: block;
text-align: right;
width: 100%;
}

.button-submit {
display: block;
height: 68px;
margin: 10px 0 0 0;
padding: 0;
text-align: left;
width: 100%;
}

.button-viewmyvideo {
display: block;
margin: 10px 0 0 0;
text-align: right;
width: 100%;
}

.button-home {
background-position: 0 -1010px;
width: 99px;
}
.button-home:hover {
background-position: -99px -1010px;
}

.button-myjasperstory {
background-position: -198px -1010px;
width: 80px;
}
.button-myjasperstory:hover {
background-position: -297px -1010px;
}

.span-2 {
width: 80px;
margin-right: 0;
}

.container-content {
margin-left: -10px;
}

iframe {
background: #FFF;
overflow: hidden;
}

.brewster {
float: none;
overflow: auto;
}

.brewster h3 {
font-size: 1.5em;
}

.hotelsandpackages-page .result h2 {
clear: both;
margin: 20px 0 10px 0;
}

.hotelsandpackages-page .result a {
float: left;
margin: 0 10px 10px 0;
}

.hotelsandpackages-page .result a.alt {
margin: 0 0 10px 0;
}

.thankyou-page .result a.alt {
margin: 0 0 10px 10px;
}

.exploring-jasper {
background-position: 0 -1282px;
}
.exploring-jasper:hover {
background-position: -225px -1282px;
}

.jasper-outdoor-summer-adventure-package {
background-position: 0 -1350px;
}
.jasper-outdoor-summer-adventure-package:hover {
background-position: -225px -1350px;
}

.jaspers-history-and-culture-experience {
background-position: 0 -1418px;
}
.jaspers-history-and-culture-experience:hover {
background-position: -225px -1418px;
}

.rocky-mountain-relaxation {
background-position: 0 -1486px;
}
.rocky-mountain-relaxation:hover {
background-position: -225px -1486px;
}

.ultimate-jasper-experience-package {
background-position: 0 -1554px;
}
.ultimate-jasper-experience-package:hover {
background-position: -225px -1554px;
}

.ultimate-jasper-experience-package {
background-position: 0 -1554px;
}
.ultimate-jasper-experience-package:hover {
background-position: -225px -1554px;
}

.astoria-hotel {
background-position: 0 -1622px;
}
.astoria-hotel:hover {
background-position: -225px -1622px;
}

.athabasca-hotel {
background-position: 0 -1690px;
}
.athabasca-hotel:hover {
background-position: -225px -1690px;
}

.bear-hill-lodge {
background-position: 0 -1758px;
}
.bear-hill-lodge:hover {
background-position: -225px -1758px;
}

.mount-robson-inn {
background-position: 0 -1826px;
}
.mount-robson-inn:hover {
background-position: -225px -1826px;
}

.pyramid-lake {
background-position: 0 -1893px;
}
.pyramid-lake:hover {
background-position: -225px -1893px;
}

.park-place-inn {
background-position: 0 -1962px;
}
.park-place-inn:hover {
background-position: -225px -1962px;
}

.patricia-lake-bungalows {
background-position: 0 -2030px;
}
.patricia-lake-bungalows:hover {
background-position: -225px -2030px;
}

.sunwapta-falls-resort {
background-position: 0 -3458px;
}
.sunwapta-falls-resort:hover {
background-position: -225px -3458px;
}

.hotels .sunwapta-falls-resort {
background-position: 0 -2098px;
}
.hotels .sunwapta-falls-resort:hover {
background-position: -225px -2098px;
}

.best-western-jasper-inn {
background-position: 0 -2166px;
}
.best-western-jasper-inn:hover {
background-position: -225px -2166px;
}

.hotels .best-western-jasper-inn {
background-position: 0 -2778px;
}
.hotels .best-western-jasper-inn:hover {
background-position: -225px -2778px;
}

.glacier-view-inn {
background-position: 0 -2234px;
}
.glacier-view-inn:hover {
background-position: -225px -2234px;
}

.hotels .glacier-view-inn {
background-position: 0 -2847px;
}
.hotels .glacier-view-inn:hover {
background-position: -225px -2847px;
}

.maligne-lodge {
background-position: 0 -2303px;
}
.maligne-lodge:hover {
background-position: -225px -2303px;
}

.hotels .maligne-lodge {
background-position: 0 -2914px;
}
.hotels .maligne-lodge:hover {
background-position: -225px -2914px;
}

.mountain-park-lodges {
background-position: 0 -2371px;
}
.mountain-park-lodges:hover {
background-position: -225px -2371px;
}

.hotels .mountain-park-lodges {
background-position: 0 -2983px;
}
.hotels .mountain-park-lodges:hover {
background-position: -225px -2983px;
}

.sawridge-inn {
background-position: 0 -2438px;
}
.sawridge-inn:hover {
background-position: -225px -2438px;
}

.hotels .sawridge-inn {
background-position: 0 -3051px;
}
.hotels .sawridge-inn:hover {
background-position: -225px -3051px;
}

.tekarra-lodge {
background-position: 0 -2506px;
}
.tekarra-lodge:hover {
background-position: -225px -2506px;
}

.hotels .tekarra-lodge {
background-position: 0 -3117px;
}
.hotels .tekarra-lodge:hover {
background-position: -225px -3117px;
}

.the-fairmont-jasper-park-lodge {
background-position: 0 -2574px;
}
.the-fairmont-jasper-park-lodge:hover {
background-position: -225px -2574px;
}

.hotels .the-fairmont-jasper-park-lodge {
background-position: 0 -3187px;
}
.hotels .the-fairmont-jasper-park-lodge:hover {
background-position: -225px -3187px;
}

.tonquin-inn {
background-position: 0 -2640px;
}
.tonquin-inn:hover {
background-position: -225px -2640px;
}

.hotels .tonquin-inn {
background-position: 0 -3254px;
}
.hotels .tonquin-inn:hover {
background-position: -225px -3254px;
}

.whistlers-inn {
background-position: 0 -2710px;
}
.whistlers-inn:hover {
background-position: -225px -2710px;
}

.hotels .whistlers-inn {
background-position: 0 -3322px;
}
.hotels .whistlers-inn:hover {
background-position: -225px -3322px;
}

#fancybox-inner article {
padding: 20px 10px;
}

#fancybox-inner article img {
float: left;
margin: 0 10px 15px 0;
}

#best-western-jasper-inn-description .package,
#glacier-view-inn-description .package,
#maligne-lodge-description .package,
#mountain-park-lodges-description .package,
#sawridge-inn-description .package,
#sunwapta-falls-resort-description .package,
#tekarra-lodge-description .package,
#the-fairmont-jasper-park-lodge-description .package,
#tonquin-inn-description .package,
#whistlers-inn-description .package {
display: none;
}

#best-western-jasper-inn-package .description,
#glacier-view-inn-package .description,
#maligne-lodge-package .description,
#mountain-park-lodges-package .description,
#sawridge-inn-package .description,
#sunwapta-falls-resort-package .description,
#tekarra-lodge-package .description,
#the-fairmont-jasper-park-lodge-package .description,
#tonquin-inn-package .description,
#whistlers-inn-package .description {
display: none;
}

/*
	Background Stretcher jQuery Plugin
	© 2009 ajaxBlender.com
	For any questions please visit www.ajaxblender.com 
	or email us at support@ajaxblender.com
*/

.bgstretcher {
	background: black;
	overflow: hidden;
	width: 100%;
	position: fixed !important;
	z-index: 1;
}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}