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

*, html {									
	margin: 0px;
	padding: 0px;
}
	
body {												
	width: 100%;
	height: 100%;
	font-family:Arial, Helvetica, sans-serif; 
	background:#092c5e;
	letter-spacing:0.5px;                                                              
	word-spacing: normal;
	font-size: 10px;
	margin: auto;
	text-align:center;
}

*|*:-moz-any-link:focus {
	outline: none !important;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}


.container{
	width:985px;
	margin: 0 auto;
	text-align:left;
	background-color:#ffffff;
}

.left_section{
	width:204px;
	background-color:#ffffff;
}

/*************************** different images for left section *************************************/
.left_section_about{background:#ffffff url(../images/background_images/left_image_backgrounds1.jpg) 0px 0px repeat-y;}
.left_section_boats{background:#ffffff url(../images/background_images/left_image_backgrounds2.jpg) 0px 0px repeat-y;}
.left_section_catalogue{background:#ffffff url(../images/background_images/left_image_backgrounds3.jpg) 0px 0px repeat-y;}
.left_section_contact{background:#ffffff url(../images/background_images/left_image_backgrounds4.jpg) 0px 0px repeat-y;}
.left_section_gallery{background:#ffffff url(../images/background_images/left_image_backgrounds5.jpg) 0px 0px repeat-y;}	
.left_section_home{background:#ffffff url(../images/background_images/left_image_backgrounds6.jpg) 0px 0px repeat-y;}
.left_section_maps{background:#ffffff url(../images/background_images/left_image_backgrounds1.jpg) 0px 0px repeat-y;}
.left_section_videos{background:#ffffff url(../images/background_images/left_image_backgrounds2.jpg) 0px 0px repeat-y;}
.left_section_qa{background:#ffffff url(../images/background_images/left_image_backgrounds3.jpg) 0px 0px repeat-y;}
.left_section_ratings{background:#ffffff url(../images/background_images/left_image_backgrounds4.jpg) 0px 0px repeat-y;}
.left_section_rates{background:#ffffff url(../images/background_images/left_image_backgrounds5.jpg) 0px 0px repeat-y;}
.left_section_chilliwack{background:#ffffff url(../images/background_images/left_image_backgrounds6.jpg) 0px 0px repeat-y;}
.left_section_thompson{background:#ffffff url(../images/background_images/left_image_backgrounds1.jpg) 0px 0px repeat-y;}
.left_section_school_trips{background:#ffffff url(../images/background_images/left_image_backgrounds2.jpg) 0px 0px repeat-y;}
.left_section_chilko{background:#ffffff url(../images/background_images/left_image_backgrounds3.jpg) 0px 0px repeat-y;}
.left_section_trip_planning{background:#ffffff url(../images/background_images/left_image_backgrounds4.jpg) 0px 0px repeat-y;}
.left_section_testimonials{background:#ffffff url(../images/background_images/left_image_backgrounds5.jpg) 0px 0px repeat-y;}
.left_section_specials{background:#ffffff url(../images/background_images/left_image_backgrounds6.jpg) 0px 0px repeat-y;}
/***********************************************************************************************/ 

.layoutDivider {
width:4px;
background-color:#FFF;
}

.left_nav_container{
	width:204px;
	background:#000000 url(../images/left_images/left_nav_bg_02_bk.jpg) top left repeat-y;
}

.left_nav{
	width:204px;
	position:relative;
	z-index:10;
	float:left;
	height:1024px;
}
.copy{
	margin-top:100px;
	width:204px;
	text-align:center;
	color:#6a6a6a;
	font-size:10px;
}

.content{
	float:left;
	width:730px;
	height:1024px;	
}

#content_holder{
	float:left;
		background-color:#ffffff;
	width:630px;
	/*width:630px;*/
	height:745px;
	z-index:0;
	overflow:auto;
	position:relative;
}

.fixed_height{height:690px;}

.text_holder{
	background-color:#ffffff;
	width:573px;
	padding-top:25px;
}
#close_btn{
	position:absolute;
	top:10px;
	right:0px;
/*	float:right;
	margin:10px 10px 0px 0px;*/
}
#close_btn_2{
	position:absolute;
	top:10px;
	right:10px;
}
.clear{
	clear:both;
	font-size:0px;
}
h2{
	margin:35px 0px 0px 20px; 
	color:#10499e;
	text-transform:uppercase;
	font-size:15px;
}
h2.h2_boat{margin-top:0px;}
h3{
	margin:35px 0px 0px 20px; 
	color:#10499e;
	text-transform:uppercase;
	font-size:13px;
}
/****** content in left section **************/
.hyak_logo{
	width:204px;
	height:202px;
	/*background-color:#ffffff;*/
}
.hyak_logo a{
	display:block;
	width:204px;
	height:202px;
}
.hyak_logo img{
	padding:0px;
}

.yellow_box{
	height:224px;
}

.outline_text{
	color:#3399cc;
	font-weight:bold;
	text-transform:uppercase;
}

/**************** main navigation ******************/
ul.mainmenu li{
	position: relative;
	display: block;
	width:198px;
}
ul.mainmenu{
	display: block;
}

ul.topmenu{	
	margin-top:55px;
}

.menu_separator{
	width:186px;
	height:54px;
	background:url(../images/menu/scratch.png) top left no-repeat;
}

ul.bottom_menu{
	margin-top:35px;
}

.mainmenu, .mainmenu ul{
	margin: 0;
 	padding: 0;
 	list-style: none;
}
ul.mainmenu li.mega a.left_menu{
	text-indent:-9999999px;
	width:204px;
}
a#diapo, a#river, a#rates{	height:26px;}

a#diapo{	background:url(../images/menu/gallery.gif) top left no-repeat; }
a#diapo:hover, ul.mainmenu li.hovering a#diapo{	background:url(../images/menu/gallery_on.gif) top left no-repeat;}

a#maps_img{	background:url(../images/menu/maps_img.gif) top left no-repeat;	height:45px;}
a#maps_img:hover, ul.mainmenu li.hovering a#maps_img{	background:url(../images/menu/maps_img_on.gif) top left no-repeat;}

a#rates{	background:url(../images/menu/rates.gif) top left no-repeat; }
a#rates:hover, ul.mainmenu li.hovering a#rates{ background:url(../images/menu/rates_on.gif) top left no-repeat;}

a#river{	background:url(../images/menu/river.gif) top left no-repeat;}
a#river:hover, ul.mainmenu li.hovering a#river{	background:url(../images/menu/river_on.gif) top left no-repeat;}

a#trip{	background:url(../images/menu/trip.gif) top left no-repeat; height:23px;}
a#trip:hover, ul.mainmenu li.hovering a#trip{	background:url(../images/menu/trip_on.gif) top left no-repeat;}

ul.mainmenu li h2{
	margin:0px;
	padding:0px;
}

ul.mainmenu li.mega div {
  	width: 18em;
  	position: absolute;
  	top: 0px;
  	left: 194px;
	padding:0px 10px;
	display:none;
	margin:0px;
	cursor:pointer;
}

ul.mainmenu li.mega div h3{
	padding:0px 0px 0px 0px;
	cursor:pointer;
	margin:0px;
}

ul.mainmenu li.hovering div { display: block; }

ul.mainmenu li a{
	text-decoration: none;
	width: 100%;
	display: block;
	font-size: small;
	width:204px;
}

/*********** h1 titles ******************/
h1{	
	
}

.h1new{
	color:#14489c;
	font-size:30px;
	line-height:25px;
	margin:35px 0px 10px 18px;
	word-spacing:5px;
	font-weight:normal;
}

h1.no-indent{
	color:#10499e;
	clear:both;
	text-indent:0px;
	text-transform:uppercase;
	font-size:15px;
	height:32px;
}

h1.home{width:300px; background:url(../images/h1/h1_home.jpg) top left no-repeat;}
h1.chilliwack{width:340px; background:url(../images/h1/h1_chilliwack.jpg) top left no-repeat;}
h1.thompson{width:339px; background:url(../images/h1/h1_thompson.jpg) top left no-repeat;}
h1.chilko{width:566px; background:url(../images/h1/h1_chilko.jpg) top left no-repeat;}
h1.school_trips{width:252px; background:url(../images/h1/h1_school_trips.jpg) top left no-repeat;}
h1.maps{width:336px; background:url(../images/h1/h1_maps.jpg) top left no-repeat;}
h1.partners{width:178px; background:url(../images/h1/h1_partners.jpg) top left no-repeat;}
h1.pack{width:272px; background:url(../images/h1/h1_pack.jpg) top left no-repeat;}
h1.weather{width:162px; background:url(../images/h1/h1_weather.jpg) top left no-repeat;}
h1.attractions{width:352px; background:url(../images/h1/h1_attractions.jpg) top left no-repeat;}
h1.accomodations{width:413px; background:url(../images/h1/h1_accomodations.jpg) top left no-repeat;}
h1.reservations{width:249px; background:url(../images/h1/h1_reservations.jpg) top left no-repeat;}
h1.ratings{width:467px; background:url(../images/h1/h1_ratings.jpg) top left no-repeat;}
h1.rates{width:113px; background:url(../images/h1/h1_rates.jpg) top left no-repeat;}
h1.qa{width:394px; background:url(../images/h1/h1_qa.jpg) top left no-repeat;}
h1.contact{width:244px; background:url(../images/h1/h1_contact.jpg) top left no-repeat;}
h1.catalogue{width:340px; background:url(../images/h1/h1_catalogue.jpg) top left no-repeat;}
h1.boats{width:205px; background:url(../images/h1/h1_boats.jpg) top left no-repeat;}
h1.about{width:244px; background:url(../images/h1/h1_about.jpg) top left no-repeat;}
h1.testimonials{width:244px; background:url(../images/h1/h1_testimonials.jpg) top left no-repeat;}
h1.specials{width:285px; background:url(../images/h1/h1_specials.jpg) top left no-repeat;}
h1.videos{width:135px; height:31px; background:url(../images/h1/h1_video.gif) top left no-repeat; margin:25px 0px 0px 30px;}
.title_link, a.title_link{
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	color:#000000;
	text-decoration:underline;
}

span.title_link{text-decoration:none;}

a.title_link:hover{
	text-decoration:none;
}

.text_holder p{
	margin:10px 20px;
	font-size:12px;
	line-height:18px;
}

p.intro_text{ 
	margin:40px 20px;
	font-size:16px;
	font-weight:bold;
	line-height:20px;
}

p.first_p{
	margin:40px 20px 10px;
	font-size:12px;
	line-height:20px;
}

.left_pic{
	float:left;
	padding:5px 15px 15px 0px;
}

.right_pic{
	float:right;
	padding:5px 0px 15px 15px;
}

div.info{
	border-top:3px solid #46aeea;
	border-bottom:3px solid #46aeea;
	margin:10px 20px 30px;
	color:#10499e;
}

div.info p{
	margin:5px 10px 5px 0px;
	font-size:12px;
}

div.info h3{
	margin:5px 0px 5px 0px; 
	text-transform:uppercase;
	font-size:13px;
}

ul.list_item, ol.roman_list{
	margin:0px 0px 0px 20px;
	padding:0px;
	font-size:12px;
	line-height:18px;
}

ul.list_item li{
	font-size:12px;
	margin-left:20px;
	margin-right:20px;
	list-style-type:square;
}

ol.roman_list li{
	margin:0px 20px 15px 20px;
	font-size:14px;
	list-style-type:upper-roman;
}

a{
	color:#46aeea;
	text-decoration:underline;
}
/******** gallery ************/
.gallery_line{
	clear:both;
	margin:40px 25px 0px 25px;
	border:3px solid #46aeea;
}
.gallery_line_bot{
	clear:both;
	margin:0px 25px 0px 25px;
	border:3px solid #46aeea;
}
.gallery_link{
	float:left;
	margin-left:30px;
	color:#46aeea;
	text-decoration:underline;
	cursor : pointer;
}
.gallery_link:hover{text-decoration:none;}
.arrow_gallery{
	float:right;
	margin:5px 30px 5px 0px;
}
.gallery_height{
	height:420px;
}
#slideshow{
	margin:50px 0px 0px 30px;
}

.scap{font-size:14px; margin-top:15px;}

#next, #prev{cursor:pointer;}

#gallery{
margin:50px 0px 50px 0px;
}
.fixed_height_gallery{
	height:700px;
}

.gcon{float:left; width:100px; margin:5px 5px;}
.clearAll{clear:both;height:0px;font-size:0px;}


/******** testimonials *********/
p.testimonial{
	float:right;
	color:#10499e;
	margin-top:0px;
	margin-bottom:25px;
}
p.quote{
	font-style:italic;
	clear:both;
	margin-bottom:0px;
}