@charset "utf-8";
/* CSS Document */

@import url("../../_css/global.css");


/* ============================*/
/* THEME INSTRUCTION */
/* ============================*/
/* Page Styles */
body {
	background-image: url(../_img/interface/bkg_tile.jpg);
	background-repeat: repeat;
}
h1{
	height: 92px;
}
h1 a{
	height:0px !important;
	height /**/:59px; /* for IE5/Win only */
	background-image: url(../_img/interface/logo_header.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 170px;
	padding: 62px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	top:20px;
	left:55px;
}
#footer{
	color: #999;
}

/* ============================*/
/* CONTENT AREA */
/* ============================*/
#contentArea{
	width: 831px;
	margin-left: 50px;
	z-index: 5;
}
#contentArea h2{display: none;}


/* ============================*/
/* INTERIOR CONTENT AREA */
/* ============================*/
#contentArea_main{
	background-image: url(../_img/interface/contentArea_mid2.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	padding-left: 0px;
	margin-top: 325px;
	position: relative;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 150px;
	color: #000;
	z-index: 2;
}
/*\*/ * html #contentArea_main { background-image: url(../_img/interface/contentArea_mid.jpg); } /* defend against repeating png background in IE6 */

.bkg_top{
	background-image: url(../_img/headers/toursTest1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	width: 831px;
	height: 326px;
	display: block;
	left: 0px;
	top: 0px;
}
#bkg_low{
	background-image: url(../_img/interface/contentArea_low2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 179px;
	width: 831px;
}


/* ============================*/
/* INTERIOR CONTENT AREA */
/* ============================*/
#header h2{
	display: none;
}
#referenceArea{}
#referenceArea li{
	position: absolute;	
}
#referenceArea li a{
	height: 18px;
	width: 126px;
	float: left;
	background-image: url(../_img/mmItemBkg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	padding-top: 4px;
}


#refPhone{
	height:0px !important;
	height /**/:30px; /* for IE5/Win only */
	padding: 30px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 690px;
	top: 8px;
	width: 159px;
	background-image: url(/_img/headers/toolbarLight/phoneNumber.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#refContact{}
#refContact a{
	height:0px !important;
	height /**/:14px; /* for IE5/Win only */
	padding: 14px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 800px;
	top: 40px;
	width: 54px;
	background-image: url(/_img/headers/toolbarLight/contact.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#refContact a:hover{background-position: 0px -14px;}

#refLocations{}
#refLocations a{
	height:0px !important;
	height /**/:14px; /* for IE5/Win only */
	padding: 14px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 732px;
	top: 40px;
	width: 68px;
	background-image: url(/_img/headers/toolbarLight/locations.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#refLocations a:hover{background-position: 0px -14px;}

#refAboutUs{}
#refAboutUs a{
	height:0px !important;
	height /**/:14px; /* for IE5/Win only */
	padding: 14px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 673px;
	top: 40px;
	width: 59px;
	background-image: url(/_img/headers/toolbarLight/about.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#refAboutUs a:hover{background-position: 0px -14px;}

#refResources{}
#refResources a{
	height:0px !important;
	height /**/:14px; /* for IE5/Win only */
	padding: 14px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 610px;
	top: 40px;
	width: 63px;
	background-image: url(/_img/headers/toolbarLight/resources.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#refResources a:hover{background-position: 0px -14px;}

#refCalgary{}
#refCalgary a{
	height:0px !important;
	height /**/:14px; /* for IE5/Win only */
	padding: 14px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 146px;
	top: 85px;
	width: 53px;
	background-image: url(/_img/headers/calgary.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#refCalgary a:hover{background-position: 0px -14px;}

#refSmithers{}
#refSmithers a{
	height:0px !important;
	height /**/:14px; /* for IE5/Win only */
	padding: 14px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 89px;
	top: 85px;
	width: 55px;
	background-image: url(/_img/headers/smithers.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#refSmithers a:hover{background-position: 0px -14px;}



#mmProducts a{
	height:0px !important;
	height /**/:60px; /* for IE5/Win only */
	padding: 60px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 390px;
	top: 65px;
	width: 157px;
	background-image: url(../_img/interface/tab_products.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#mmInstruction a{
	height:0px !important;
	height /**/:60px; /* for IE5/Win only */
	padding: 60px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 550px;
	top: 65px;
	width: 157px;
	background-image: url(../_img/interface/tab_instruction.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#mmAdventureTours a{
	height:0px !important;
	height /**/:46px; /* for IE5/Win only */
	padding: 46px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 710px;
	top: 65px;
	width: 157px;
	background-image: url(../_img/interface/tab_tours2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#mmHome{
	position: absolute;
	left: 0px;
	top: 90px;
	height: 25px;
	width: 50px;
}
#mmResources a{
	height:0px !important;
	height /**/:115px; /* for IE5/Win only */
	padding: 115px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 8px;
	top: 130px;
	width: 80px;
	background-image: url(../_img/interface/tab_resources.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#mmRentals a{
	height:0px !important;
	height /**/:115px; /* for IE5/Win only */
	padding: 115px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 8px;
	top: 250px;
	width: 80px;
	background-image: url(../_img/interface/tab_rentals.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}



/* ============================*/
/* PAGE SPECIFIC */
/* ============================*/
#contentArea_main a:link,
#contentArea_main a:visited{
	text-decoration: none;
	color: #000;
}
#contentArea_main a:focus,
#contentArea_main a:hover{}

/* -------------------------- */
/* General area */
/* -------------------------- */
#toursLabel{
	height:0px !important;
	height /**/:29px; /* for IE5/Win only */
	padding: 29px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	left: 730px;
	top: 73px;
	width: 94px;
	background-image: url(../_img/interface/tab_toursLabel.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	z-index: 10;
}


/* -------------------------- */
/* Content Header Area */
/* -------------------------- */
#tripDescription{
	position: absolute;
	top: 128px;
	z-index: 10;
	font-size: 12px;
	color: #FFF;
	width: 350px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 20px;
	left: 80px;
	background-image: url(../_img/headers/headerFade.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 280px;
}
.title_trip{
	height:0px !important;
	overflow: hidden;
	position: absolute;
	left: 15px;
	top: 15px;
	width: 370px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


#Index_image{background-image: url(../_img/headers/header_index.png);}

#TBMulti_image{background-image: url(../_img/headers/header_TBMulti.png);}
#TBMulti_title{background-image: url(../_img/headers/titles/TBMulti.png);height /**/:52px; /* for IE5/Win only */ padding: 52px 0px 0px 0px;}
#TBMulti_description{margin-top:70px;}
.TBMulti_itinerary{padding-top:0px;}

#TBCustom_image{background-image: url(../_img/headers/header_TBCustom.png);}
#TBCustom_title{background-image: url(../_img/headers/titles/TBCustom.png);height /**/:52px; /* for IE5/Win only */ padding: 52px 0px 0px 0px;}
#TBCustom_description{margin-top:70px;}
.TBCustom_itinerary{padding-top:0px;}

#CRKayaking_image{background-image: url(../_img/headers/header_CRKayaking.png);}
#CRKayaking_title{background-image: url(../_img/headers/titles/CRKayaking.png);height /**/:52px; /* for IE5/Win only */ padding: 52px 0px 0px 0px;}
#CRKayaking_description{margin-top:50px;}
.CRKayaking_itinerary{padding-top:0px;}

#CRCustom_image{background-image: url(../_img/headers/header_CRCustom.png);}
#CRCustom_title{background-image: url(../_img/headers/titles/CRCustom.png);height /**/:52px; /* for IE5/Win only */ padding: 52px 0px 0px 0px;}
#CRCustom_description{margin-top:70px;}
.CRCustom_itinerary{padding-top:0px;}

#NZMulti_image{background-image: url(../_img/headers/header_NZMulti.png);}
#NZMulti_title{background-image: url(../_img/headers/titles/NZMulti.png);height /**/:52px; /* for IE5/Win only */ padding: 52px 0px 0px 0px;}
#NZMulti_description{margin-top:70px;}
.NZMulti_itinerary{padding-top:0px;}

#NZCustom_image{background-image: url(../_img/headers/header_NZCustom.png);}
#NZCustom_title{background-image: url(../_img/headers/titles/NZCustom.png);height /**/:52px; /* for IE5/Win only */ padding: 52px 0px 0px 0px;}
#NZCustom_description{margin-top:70px;}
.NZCustom_itinerary{padding-top:0px;}

#KNCustom_image{background-image: url(../_img/headers/header_KNCustom.png);}
#KNCustom_title{background-image: url(../_img/headers/titles/KNCustom.png);height /**/:26px; /* for IE5/Win only */ padding: 26px 0px 0px 0px;}
#KNCustom_description{margin-top:50px;}
.KNCustom_itinerary{padding-top:0px;}

#KNMulti_image{background-image: url(../_img/headers/header_KNMulti.png);}
#KNMulti_title{background-image: url(../_img/headers/titles/KNMulti.png);height /**/:52px; /* for IE5/Win only */ padding: 52px 0px 0px 0px;}
#KNMulti_description{margin-top:70px;}
.KNMulti_itinerary{padding-top:0px;}

#KNBiking_image{background-image: url(../_img/headers/header_KNBiking.png);}
#KNBiking_title{background-image: url(../_img/headers/titles/KNBiking.png);height /**/:52px; /* for IE5/Win only */ padding: 52px 0px 0px 0px;}
#KNBiking_description{margin-top:70px;}
.KNBiking_itinerary{padding-top:30px;}

#KNkayaking_image{background-image: url(../_img/headers/header_KNkayaking.png);}
#KNkayaking_title{background-image: url(../_img/headers/titles/KNkayaking.png);height /**/:26px; /* for IE5/Win only */ padding: 26px 0px 0px 0px;}
#KNkayaking_description{margin-top:50px;}
.KNkayaking_itinerary{padding-top:0px;}

#CAkayaking_image{background-image: url(../_img/headers/header_CAKayaking.png);}
#CAkayaking_title{background-image: url(../_img/headers/titles/CAKayaking.png);height /**/:26px; /* for IE5/Win only */ padding: 26px 0px 0px 0px;}
#CAkayaking_description{margin-top:50px;}
.CAkayaking_itinerary{padding-top:0px;}

#CARafting_image{background-image: url(../_img/headers/header_CARafting.png);}
#CARafting_title{background-image: url(../_img/headers/titles/CARafting.png);height /**/:26px; /* for IE5/Win only */padding: 26px 0px 0px 0px;}
#CARafting_description{margin-top:50px;}
.CARafting_itinerary{padding-top:0px;}

#CASki_image{background-image: url(../_img/headers/header_CASki.png);}
#CASki_title{background-image: url(../_img/headers/titles/CASki.png);height /**/:52px; /* for IE5/Win only */padding: 52px 0px 0px 0px;}
#CASki_description{margin-top:70px;}
.CASki_itinerary{padding-top:0px;}

#breadcrumbs{
	position: absolute;
	font-size: 11px;
	top: 128px;
	left: 470px;
	z-index: 8;
}

#breadcrumbs a:link,
#breadcrumbs a:visited{
	text-decoration: none;
	color: #300;
}
#breadcrumbs a:focus,
#breadcrumbs a:hover{
	border-bottom: dotted 1px #300;
}

/* -------------------------- */
/* Main content area */
/* -------------------------- */

#infoMain{
	position: absolute;
	left: 470px;
	top: 10px;
	width: 295px;
	background-image: url(../_img/elements/paperClip.png);
	background-repeat: no-repeat;
	padding-top: 60px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 30px;
	height: 360px;
}
#infoMain li{
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 12px;
}

.contentSubTitle{
	height:0px !important;
	height /**/:19px; /* for IE5/Win only */
	padding: 19px 0px 0px 0px;
	overflow: hidden;
	width: 170px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.contentSubTitleSmall{
	height:0px !important;
	height /**/:13px; /* for IE5/Win only */
	padding: 13px 0px 0px 0px;
	overflow: hidden;
	width: 91px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* -------------------------- */
/* Itinerary Area */
/* -------------------------- */
#secItinerary{
	width: 360px;
	margin-left: 60px;
	font-size: 12px;
	margin-top: 20px;
}
#secItinerary li{
	position: relative;
}
#title_itinerary{
	background-image: url(../_img/elements/title_itinerary.png);
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.dayCount{
	height:0px !important;
	height /**/:17px;
	overflow: hidden;
	top: 15px;
	background-image: url(../_img/elements/day1.png);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	width: 60px;
	padding-top: 19px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #333;
	border-bottom-color: #333;
}

#day1{background-image: url(../_img/elements/day1.png);}
#day2{background-image: url(../_img/elements/day2.png);}
#day3{background-image: url(../_img/elements/day3.png);}
#day4{background-image: url(../_img/elements/day4.png);}
#day5{background-image: url(../_img/elements/day5.png);}
#day6{background-image: url(../_img/elements/day6.png);}
#day7{background-image: url(../_img/elements/day7.png);}
#day8{background-image: url(../_img/elements/day8.png);}
#day9{background-image: url(../_img/elements/day9.png);}
#day10{background-image: url(../_img/elements/day10.png);}
#day11{background-image: url(../_img/elements/day11.png);}
#day12{background-image: url(../_img/elements/day12.png);}
#day13{background-image: url(../_img/elements/day13.png);}

.dayDescription{
	padding-left: 35px;
	background-image: url(../_img/elements/dottedLine.png);
	background-repeat: repeat-y;
	background-position: 15px 20px;
	padding-bottom: 20px;
	padding-top: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.dayDescriptionNone{
	padding-left: 35px;
	background-image: url(../_img/elements/dottedLine.png);
	background-repeat: no-repeat;
	background-position: 15px 0px;
	padding-bottom: 20px;
	padding-top: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
}
#secItinerary .features{
	position: absolute;
	top: 5px;
	left: 0px;
	width: 100%;
}
#secItinerary .features li{
	height:0px !important;
	height /**/:25px; /* for IE5/Win only */
	padding: 25px 0px 0px 0px;
	overflow: hidden;
	width: 25px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
	float: right;
	margin-left: 3px;
	background-image: url(../_img/elements/box.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* -------------------------- */
/* Right column area */
/* -------------------------- */
#secSchedule{
	font-size: 12px;
	height: 100px;
	margin-bottom: 50px;
}
#secSchedule h3{
	background-image: url(../_img/elements/title_schedule.png);
	margin-bottom: 5px;
	background-position: 0px 0px;
}
.scheduleHeader{
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}
.scheduleContent{
	padding-top: 5px;
}
#secPrerequisite{
	font-size: 12px;
	margin-bottom: 30px;
}
#secPrerequisite h3{
	background-image: url(../_img/elements/title_prerequisite2.png);
	margin-bottom: 10px;
}
#secNotes{
	font-size: 12px;
	margin-bottom: 30px;
}
#secNotes h3{
	background-image: url(../_img/elements/title_notes2.png);
	margin-bottom: 10px;
}
#secCosts{
	font-size: 12px;
}
#secCosts h3{
	background-image: url(../_img/elements/title_cost.png);
	margin-bottom: 10px;
}
#secCosts .tourCost{
	color: #000;
	font-size: 16px;
}
#secCosts .tourGST{
	font-size: 10px;
}

/* -------------------------- */
/* Additional graphics */
/* -------------------------- */
#AT_logo{
	height: 111px;
	width: 180px;
	background-image: url(../_img/elements/ATlogo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	right: 30px;
	bottom: 220px;
	z-index: 6;
}

/* -------------------------- */
/* Landing Page */
/* -------------------------- */
#tripDescription_main{}
#tripDescription_main h3{
	margin-top: 5px;
}

#tripDescription_main{
	position: absolute;
	top: 350px;
	z-index: 10;
	font-size: 12px;
	color: #FFF;
	width: 250px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 20px;
	left: 530px;
	background-image: url(../_img/headers/headerFade.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 280px;
}
#tripListings{
	margin-left: 50px;
}

#tripListings h3{
	display: block;
	margin-bottom: 5px;
}
#tripListings h4{
	font-size: 16px;
	color: #600;
}
#tripListings ul{
	margin-bottom: 20px;
	padding-top: 5px;
}
#tripListings li{
	list-style-type: square;
	margin-left: 20px;
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 14px;
}
#tripListings li a:link,
#tripListings li a:visited{
	text-decoration: none;
}
#tripListings li a:focus,
#tripListings li a:hover{
	border-bottom: dotted 1px #300;
}
#btn_more{
	margin-top: 15px;
	text-align: right;
}
#btn_more a:link,
#btn_more a:visited{
	text-decoration:none;
	color: #FF0;
}
#btn_more a:hover{
	border-bottom: dotted 1px #CCC;
}




/* ============================*/
/* Homepage Blog Styles */
/* ============================*/
#blogSpot h3{
	font-size: 11px;
	color: #333;
	margin-left: 20px;
}
#blogSpot ul{
	margin-left: 0px;
}
#blogSpot li{
	list-style-type: disc;
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
}
#blogSpot a{}
#blogSpot a:link,
#blogSpot a:visited{
	text-decoration: none;
	color: #930;
}
#blogShowLatest{
	padding-top: 6px;
	padding-left: 10px;
	margin-bottom: 10px;
	height: 65px;
	width: 250px;
}
#blogShowLatest a:focus,
#blogShowLatest a:hover{
	border-bottom: dotted 1px #930 !important;
}
#blogShowLatest{}
#blogShowLatest img{
	position: relative;
	float: left;
	border:none;
}
.blogDate{
	color: #CCC;
	margin-left: 70px;
	font-size: 10px;
	text-align: left;
}
.blogName{
	font-size: 10px;
	margin-left: 70px;
}
.blogTitle{
	margin-left: 70px;
	margin-top: 0px;
	font-size: 14px;
}
.blogEntry{
	font-size: 11px;
	color:#CCC;
	margin-bottom: 5px;
}