/* base fonts
------------------------------------------------------------ */

body {
	font-family: "Trebuchet MS",verdana,helvetica,arial,clean,sans-serif;
}

select,input,textarea {
	font-family: verdana,helvetica,arial,clean,sans-serif;
}

/* base styles
------------------------------------------------------------ */

html,body {
	text-align: center;
	background: #e5e5e5;
	color: #333;
}

h1 {
	font-size: 110%;
	font-weight: bold;
}

h2,span.h2 {
	font-size: 153.9%;
}

h3,span.h3 {
	font-size: 123.1%;
}

.block span.h2,span.h3 {
	display: block;
}

p {
	margin-bottom: 10px;
}

a:link,a:visited,a:hover {
	color: #df1a24;
}

h2 a,span.h2 a,h3 a,span.h3 a,a.photobox {
	text-decoration: none;
}

hr {
	background-color: #4c4c4c;
	border: 0;
	color: #4c4c4c;
	height: 1px;
}

.highlight,.required {
	color: #df1a24;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

img,
.tour_menu_icon {
	behavior: url('http://www.happyraft.com/scripts/iepngfix.htc');
}

.clearfix {
	display: block;
	visibility: hidden;
	height: 1px;
	clear: both;
}

form p {
	clear: both;
}

form {
	margin: 0;
	padding: 0;
}

/* header section
------------------------------------------------------------ */

div#header {
	overflow: hidden;
	width: 100%;
	background: #b2b2b2;
	border-top: 10px solid #b2b2b2;
}

div#header-inner {
	overflow: hidden;
	background: #4c4c4c url('http://www.happyraft.com/images/header/lazy_river.jpg') no-repeat center top;
}

div#header-inner,div#top_spacer,div#nav_menu {
	width: 930px;
	margin: 0 auto;
	text-align: left;
}

div#top_spacer {
	display: none;
}

div#slideshow {
	float: right;
	display: none;
	width: 600px;
	height: 200px;
	margin: 15px 30px 0 0;
	background: url('http://www.happyraft.com/images/new_site/header.jpg') no-repeat top left;
	border: 1px solid #111;
}

div#nav_menu {
	clear: both;
	position: relative;
}

/* navigation menu
------------------------------------------------------------ */

ul#nav,ul#nav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#nav {
	float: left;
}

ul#nav li {
	float: left;
	display: inline;
	margin-left: 5px;
	text-align: center;
	background: #191919;
}

ul#nav li#nav_tours {
	margin-left: 10px;
}

ul#nav li#nav_language {
	position: absolute;
	right: 0;
	margin: 0 10px 0 5px;
}

ul#nav a {
	float: left;
	display: block;
	width: 10px;
	padding: 7px 12px 6px 12px;
	font-size: 116%;
	text-decoration: none;
	background: #e5e5e5;
	color: #333;
	white-space: nowrap;
}

html>body div#header div#nav_menu ul#nav li a {
	width: auto;
}

/*IE min-width fix*/

ul#nav a:hover {
	background: #df1a24;
	color: #fff;
}

ul#nav li.active a,ul#nav li.active a:hover {
	background: #fff;
	color: #df1a24;
	font-weight: bold;
}

/* main content section
------------------------------------------------------------ */

div#container {
	width: 930px;
	margin: 0 auto;
	padding: 10px 0 10px;
	text-align: left;
	background: #fff;
	border-bottom: 10px solid #e5e5e5;
}

div#content {
	float: left;
	display: inline;
	width: 680px;
	margin: -10px 0 10px 10px;
}

div#content_full {
	float: left;
	display: inline;
	width: 910px;
	margin: 0 10px;
}

/* tour menu
------------------------------------------------------------ */

ul#tour_menu {
	width: 100%;
	overflow: hidden;
	margin: 10px 0;
}

ul#tour_menu p {
	font-size: 93%;
}

ul#tour_menu li {
	display: block;
	float: left;
	width: 220px;
	margin-right: 10px;
}

ul#tour_menu li#tour_menu_combo {
	margin-right: 0;
}

ul#tour_menu a {
	display: block;
	background: #e5e5e5;
	color: #4c4c4c;
	text-decoration: none;
	padding: 10px 10px 1010px 10px;
	margin-bottom: -1000px;
}

ul#tour_menu a span.h3 {
	font-weight: bold;
	color: #333;
}

ul#tour_menu li.active a,ul#tour_menu li a:hover,
ul#tour_menu li.active a span.h3,ul#tour_menu li a:hover span.h3 {
	background: #df1a24;
	color: #fff;
}

ul#tour_menu h3,ul#tour_menu span.h3,ul#tour_menu p {
	margin: 0;
}

ul#tour_menu h3,ul#tour_menu span.h3 {
	padding-bottom: 5px;
}

ul#tour_menu .tour_menu_icon,.tour_head_icon {
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	margin: 0 5px 0 0;
}

ul#tour_menu #tour_menu_rafting .tour_menu_icon {
	background: url('http://www.happyraft.com/images/tour_icons/rafting_grey.png') no-repeat top left;
}

#tour_head_icon_rafting,
ul#tour_menu #tour_menu_rafting,
ul#tour_menu #tour_menu_rafting.active a .tour_menu_icon,
ul#tour_menu #tour_menu_rafting a:hover .tour_menu_icon {
	background: url('http://www.happyraft.com/images/tour_icons/rafting_white.png') no-repeat top left;
}

ul#tour_menu #tour_menu_canyoning .tour_menu_icon {
	background: url('http://www.happyraft.com/images/tour_icons/canyoning_grey.png') no-repeat top left;
}

#tour_head_icon_canyoning,
ul#tour_menu #tour_menu_canyoning,
ul#tour_menu #tour_menu_canyoning.active a .tour_menu_icon,
ul#tour_menu #tour_menu_canyoning a:hover .tour_menu_icon {
	background: url('http://www.happyraft.com/images/tour_icons/canyoning_white.png') no-repeat top left;
}

ul#tour_menu #tour_menu_combo .tour_menu_icon {
	background: url('http://www.happyraft.com/images/tour_icons/combo_grey.png') no-repeat top left;
}

#tour_head_icon_combo,
ul#tour_menu #tour_menu_combo,
ul#tour_menu #tour_menu_combo.active a .tour_menu_icon,
ul#tour_menu #tour_menu_combo a:hover .tour_menu_icon {
	background: url('http://www.happyraft.com/images/tour_icons/combo_white.png') no-repeat top left;
}

/* Pre-load roll-over images */

ul#tour_menu #tour_menu_rafting,
ul#tour_menu #tour_menu_canyoning,
ul#tour_menu #tour_menu_combo {
	background-position: -1000px -1000px;
}

/* content blocks
------------------------------------------------------------ */

div.block h2,div.block span.h2,
div.admin_block h2,div.admin_block span.h2,
div.gallery_block h2,div.gallery_block span.h2 {
	background: #e5e5e5;
	color: #333;
	padding: 5px 10px;
	margin: 10px 0;
}

div.intro h2,div.intro span.h2 {
	background: #df1a24;
	color: #fff;
	font-weight: bold;
}

div.block h3,div.block span.h3 {
	margin: 15px 0 0 0;
	font-weight: bold;
}

div.link_block h4,div.access_block h4 {
	font-size: 108%;
	font-weight: bold;
	color: #333;
	padding: 5px 0 5px 0;
	margin: 0;
}

a.head {
	text-decoration: none;
}

a.head span.h2 {
	font-weight: bold;
}

a.head:hover h2,a.head:hover span.h2 {
	background: #df1a24;
	color: #fff;
}

hr.tours {
	margin: 1px 0 5px 0;
}

div.blo-ck img {
	float: left;
	padding: 0 10px 5px 0;
}

div.link_block,div.access_block {
	margin: 0 0 4px 0;
}

div.booking_block {
	margin: 0 0 4px 0;
}

div.gallery_block {
	margin: 0 0 4px 0;
}

div.admin_block {
	background: #e5e5e5;
	margin: 0 0 15px 0;
	border: solid 1px #b2b2b2;
}

div.link_logo,div.access_image {
	float: left;
	margin: 0 10px 10px 0;
}

div.border_gray {
	border: solid 1px #b2b2b2;
}

/* inline photos
------------------------------------------------------------ */

div.block .photo-left img,.photo-right img {
	float: none;
	padding: 0;
}

div.block .photo-left {
	float: left;
	margin: 0 10px 5px 0;
	text-decoration: none;
}

div.block .photo-right {
	float: right;
	margin: 0 0 5px 10px;
	text-decoration: none;
}

div.block .photo-middle {
	margin-top: 5px;
}

div.block .first-head {
	margin-top: 15px;
}

/* booking calendar
------------------------------------------------------------ */

#cal1Container {
	float: left;
	margin-bottom: 5px;
}

#high_season {
	clear: both;
	margin-bottom: 20px;
}

/* guestbook
------------------------------------------------------------ */

div.comment_block {
	background: transparent url(../images/site/quote_beg.jpg) no-repeat left top;
	margin: 10px 10px 5px 5px;
	padding: 5px 0 0 30px;
}

div#sidebar div.comment_block,div#sidebar div.comment_author {
	margin-right: 0;
	padding-right: 0;
}

div.comment_author {
	text-align: right;
	font-size: 123.1%;
	padding-right: 10px;
}

div.pagination {
	font-size: 93%;
	text-align: center;
	margin: 15px 0 15px 0;
}

#captcha {
	margin: 20px 0;
}

#captcha input {
	margin-top: 5px;
}

/* sidebar section
------------------------------------------------------------ */

div#sidebar {
	float: right;
	display: inline;
	width: 220px;
	background: #fff;
	margin: 0 10px 10px 0;
}

div.sideblock {
	margin-bottom: 10px;
}

div#sidebar h3,div#sidebar span.h3 {
	background: #df1a24;
	border-bottom: 0;
	color: #fff;
	padding: 5px 10px;
	margin: 0 0 10px 0;
}

div#sidebar div#sb_guestbook h3,div#sidebar div#sb_guestbook span.h3 {
	margin-top: 0;
}

div#sidebar div#sb_gallery h3,div#sidebar div#sb_gallery span.h3 {
	margin-bottom: 5px;
}

div#sidebar p {
	margin: 5px 0 10px;
}

div#sidebar p.signature {
	margin-top: -10px;
	text-align: right;
}

div#sidebar p.signature:before {
	content: "- ";
}

/* gallery
------------------------------------------------------------ */

.thumbs {
	text-align: center;
	margin: 0;
	padding: 0 0 10px 0;
}

.thumbs img,.image_full img {
	border: 1px solid #b2b2b2;
}

div.photo_title_sm {
	text-align: center;
	font-size: 85%;
	font-style: italic;
	margin: 0;
	padding: 0;
}

div.more {
	text-align: right;
	margin: 5px 0 0 0;
	padding-right: 20px;
}

div.image_full {
	text-align: center;
	margin-bottom: 10px;
}

div.caption {
	margin-bottom: 20px;
	padding: 0;
	text-align: center;
}

p#player1 {
	text-align: center;
}

#gallery_jump_form {
	float: right;
	padding: 5px 10px 0 0;
}



/* sitemap list section
------------------------------------------------------------ */

#sitemapbox {
	padding-left: 20px;
	padding-bottom: 20px;
}


.sitemapul li {
	color: #f00;
	text-decoration: none;
	padding-left: 20px;
	margin-left: 20px;
}

.sitemapul li a:link {
	color: #f00;
	text-decoration: none;
}

.sitemapul li a:visited {
	color: #f00;
	text-decoration: none;
}

.sitemapul li a:hover {
	color: gray;
	text-decoration: underline;
}

/* Footer section
------------------------------------------------------------ */

div#footer {
	width: 890px;
	margin: 0 10px;
	padding: 10px 10px 7px;
	background: #df1a24;
	color: #fff;
	text-align: center;
}

/* Footer Links section
------------------------------------------------------------ */

div#footerlinks {
	padding-bottom: 7px;
}

.footerlinks li {
	color: white;
	text-decoration: none;
	display: inline;
}

.footerlinks li a:link {
	color: white;
	text-decoration: none;
}

.footerlinks li a:visited {
	color: white;
	text-decoration: none;
}

.footerlinks li a:hover {
	color: silver;
	text-decoration: underline;
}


/* breadcrumb section
------------------------------------------------------------ */

#breadcrumbs { color: gray; text-decoration: none;
	margin-bottom: 6px;
	margin-left: 10px;
}

.breadcrumbs li{ color: gray; text-decoration: none;}
.breadcrumbs li a:link{ color: gray; text-decoration: none;}
.breadcrumbs li a:visited { color: gray; text-decoration: none;}

.breadcrumbs li a:hover { color: #f00; text-decoration: underline;}

/* bookings
------------------------------------------------------------ */

div.table_head {
	background: #b2b2b2;
	font-size: 85%;
	font-weight: 600;
	color: #fff;
	margin: 0;
	padding: 5px 3px;
}

div.table_cell {
	font-size: 85%;
	margin: 0;
	padding: 5px 3px;
}

/* misc styles/tools
------------------------------------------------------------ */

.clear {
	clear: both;
}

/* COLOR DECLARATIONS
* --------------------------------------------------------- 
* RED = #df1a24
* YELLOW = #f8f000
* BLUE = #00b8f0
----------------------------------------------------------- */

ul#nav a:hover,
ul#tour_menu li.active a,ul#tour_menu li a:hover,
ul#tour_menu li.active a span.h3,ul#tour_menu li a:hover span.h3,
div.intro h2,div.intro span.h2,
a.head:hover h2,a.head:hover span.h2,
div#sidebar h3,div#sidebar span.h3,
div#footer {
	background: #df1a24;
	color: #fff;
}

ul#nav li.active a,ul#nav li.active a:hover {
	background: #fff;
	color: #df1a24;
}