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

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background:#fff;
	padding:0;
	margin:0;

}

#cmcontainer {
	width:1000px;
	min-height:600px;
	margin:0 auto;
	padding:0;
	background:#fff url(images/left-black-stripe.gif) top left no-repeat;
}

#cmleftside {
	float:left;
	width:276px;


}

.fineprint {
	font-size:9px;
}

h1 {
	font-size:16px;
}
.subtitles{
	font-size:15px;
	font-weight:bold;

}

.links a, .links a:visited {
	color:#015bae;
	font-weight:bold;

	font-size:11px;
}
.links a:hover {
	color:#e16f08;
}

.imgborders {
	border: 1px solid #000;
	background:#f9f25c;
	padding:4px;
}

.imgbordersblue {
		border: 1px solid #000;
	background:#679dce;
	padding:4px;
}

.imgbordersorange {
		border: 1px solid #000;
	background:#e16f08;
	padding:4px;
}

.imgborderswhite {
		border: 1px solid #000;
	background:#88b1f0;
	padding:4px;
}

.imgborderswhitetwo {
		border: 1px solid #000;
	background:#fff;
	padding:4px;
}

.subtitlesmap {
	font-weight:bold;
	font-size:16px;
	color:#721f4b;
}
.addy {
	font-variant:small-caps;
	font-weight:bold;
	padding-left:50px;
	font-family:Verdana, Geneva, sans-serif;
	padding-top:10px;
	color:#757373;
}
.addy a, .addy a:visited {
	color:#015bae;
}
.addy a:hover {
	color:#e16f08;
}

#cmrightside {
	float:right;
	margin:0;
	width:724px;
	background:#fff url(images/beside-menu.jpg) top left no-repeat;
}

/* ----- home page boxes --*/
.boxone {
	background: url(images/home-box-1.jpg) no-repeat;
	width:241px;
	height:237px;

}

.boxtwo {
	background: url(images/home-box-2.jpg) no-repeat;
	width:229px;
	height:237px;

}

.boxthree {
	background: url(images/home-box-3.jpg) no-repeat;
	width:233px;
	height:237px;

}

.padding {
	margin-left:17px;
	margin-right:27px;
	border-left:1px dashed #b8b8b8;
	border-right:1px dashed #b8b8b8;
	padding: 0 10px 0 10px;
}

.clear {
	clear:both;}

/* ----- footer definitions -----*/
#cmfooter {
	clear:both;
	background: url(images/footer.jpg) bottom repeat-x;
	height:24px;
	color:#fff;
	text-align:center;
	margin-top:20px;
	padding-top:10px;
}
#cmfooter a, #cmfooter a:visited {
	color:#f9f25c;
}
#cmfooter a:hover {
	color:#ff9d45;
}

	
	/*----------- first horizontal menu ----------*/
#menu {display:block; height:44px; margin-right:10px;}
#menu ul {margin:0; padding:0; list-style-type:none; height:44px; float:right;}
#menu li {display:block; float:left;  }
#menu li.list1 {background: url(images/top-menu-res.gif) no-repeat; width:129px;}
#menu li.list2 {background: url(images/top-menu-home.gif) no-repeat; width:58px;}
#menu li.list3 {background: url(images/top-menu-contact.gif) no-repeat; width:110px;}


#menu a {display:block; height:44px; }

#menu a#item1 {background:transparent url(images/top-menu-res-roll.gif) -115px -86px no-repeat;}
#menu a#item2 {background:transparent url(images/top-menu-home-roll.gif) -115px -86px no-repeat;}
#menu a#item3 {background:transparent url(images/top-menu-contact-roll.gif) -115px -86px no-repeat;}

/* ----- 'cause ie6 rides the short bus --*/
* html #menu a:link, * html #menu a:visited {height:44px; he\ight:0;padding-top:28px;}

#menu a#item1:hover {background-position:bottom left; z-index:50; }
#menu a#item2:hover {background-position:bottom left; z-index:50;}
#menu a#item3:hover {background-position:bottom left; z-index:50;}

/* ----- 'cause ie6 rides the short bus --*/
* html #menu a:hover {height:44px; he\ight:0;}


	/*----------- second horizontal menu ----------*/
#menutwo {display:block; height:50px; }
#menutwo ul {margin:0; padding:0; list-style-type:none; height:50px; float:right;}
#menutwo li {display:block; float:left;  }
#menutwo li.list1 {background: url(images/2nd-menu-halfday.gif) no-repeat; width:159px;}
#menutwo li.list2 {background: url(images/2nd-menu-fullday.gif) no-repeat; width:178px;}
#menutwo li.list3 {background: url(images/2nd-menu-multiday.gif) no-repeat; width:195px;}
#menutwo li.list4 {background: url(images/2nd-menu-group.gif) no-repeat; width:192px;}


#menutwo a {display:block; height:50px; }

#menutwo a#item1 {background:transparent url(images/2nd-menu-halfday-roll.gif) -115px -86px no-repeat;}
#menutwo a#item2 {background:transparent url(images/2nd-menu-fullday-roll.gif) -115px -86px no-repeat;}
#menutwo a#item3 {background:transparent url(images/2nd-menu-multiday-roll.gif) -115px -86px no-repeat;}
#menutwo a#item4 {background:transparent url(images/2nd-menu-group-roll.gif) -115px -86px no-repeat;}

/* ----- 'cause ie6 rides the short bus --*/
* html #menutwo a:link, * html #menutwo a:visited {height:50px; he\ight:0;padding-top:38px;}

#menutwo a#item1:hover {background-position:top left; z-index:50; }
#menutwo a#item2:hover {background-position:top left; z-index:50;}
#menutwo a#item3:hover {background-position:top left; z-index:50;}
#menutwo a#item4:hover {background-position:top left; z-index:50;}

/* ----- 'cause ie6 rides the short bus --*/
* html #menutwo a:hover {height:50px; he\ight:0;}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
left:5px;
border: 1px solid #f8faa1; 
font:normal 12px Verdana;
line-height:18px;
z-index:1000;
background-color: #000;
width: 200px;
visibility: hidden;
}

.dropmenudiv a, .dropmenu a:visited{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #000; 
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #fff;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ 
background-color: #000;
color:#ff9d45;
}
/* -------------------- menu code */


/* -- third menu --*/
	
#menuthree {display:block; width:230px;padding-left:45px;}
#menuthree ul {margin:0; padding:0; list-style-type:none; height:18px;}
#menuthree li {display:block;  width:230px; }
#menuthree li.list1 {background: url(images/button-websp.gif) no-repeat;}
#menuthree li.list2 {background: url(images/button-maps.gif) no-repeat;}
#menuthree li.list3 {background: url(images/button-duckies.gif) no-repeat;}
#menuthree li.list4 {background: url(images/button-fishing.gif) no-repeat;}
#menuthree li.list5 {background: url(images/button-guidesch.gif) no-repeat;}
#menuthree li.list6 {background: url(images/button-comments.gif) no-repeat;}
#menuthree li.list7 {background: url(images/button-loc.gif) no-repeat;}
#menuthree li.list8 {background: url(images/button-reserve.gif) no-repeat;}
#menuthree li.list9 {background: url(images/button-contact.gif) no-repeat;}
#menuthree li.list10 {background: url(images/button-localinfo.gif) no-repeat;}
#menuthree li.list41 {background: url(images/zipline-button.gif) no-repeat;}


#menuthree a {display:block; height:18px; }

#menuthree a#item1 {background:transparent url(images/button-websp-roll.gif) -115px -86px no-repeat;}
#menuthree a#item2 {background:transparent url(images/button-maps-roll.gif) -115px -86px no-repeat;}
#menuthree a#item3 {background:transparent url(images/button-duckies-roll.gif) -115px -86px no-repeat;}
#menuthree a#item4 {background:transparent url(images/button-fishing-roll.gif) -115px -86px no-repeat;}
#menuthree a#item5 {background:transparent url(images/button-guidesch-roll.gif) -115px -86px no-repeat;}
#menuthree a#item6 {background:transparent url(images/button-comments-roll.gif) -115px -86px no-repeat;}
#menuthree a#item7 {background:transparent url(images/button-loc-roll.gif) -115px -86px no-repeat;}
#menuthree a#item8 {background:transparent url(images/button-reserve-roll.gif) -115px -86px no-repeat;}
#menuthree a#item9 {background:transparent url(images/button-contact-roll.gif) -115px -86px no-repeat;}
#menuthree a#item10 {background:transparent url(images/button-localinfo-roll.gif) -115px -86px no-repeat;}
#menuthree a#item41 {background:transparent url(images/zipline-button-roll.gif) -115px -86px no-repeat;}

/* ----- 'cause ie6 rides the short bus --*/
* html #menuthree a:link, * html #menuthree a:visited {height:18px; he\ight:0;padding-top:5px;}

#menuthree a#item1:hover {background-position: top left; z-index:50; }
#menuthree a#item2:hover {background-position: top left; z-index:50;}
#menuthree a#item3:hover {background-position: top left; z-index:50;}
#menuthree a#item4:hover {background-position: top left; z-index:50;}
#menuthree a#item5:hover {background-position: top left; z-index:50;}
#menuthree a#item6:hover {background-position: top left; z-index:50;}
#menuthree a#item7:hover {background-position: top left; z-index:50;}
#menuthree a#item8:hover {background-position: top left; z-index:50;}
#menuthree a#item9:hover {background-position: top left; z-index:50;}
#menuthree a#item10:hover {background-position: top left; z-index:50;}
#menuthree a#item41:hover {background-position: top left; z-index:50;}

/* ----- 'cause ie6 rides the short bus --*/
* html #menuthree a:hover {height18px; he\ight:0;}