#container {
	width: 100%;
	position: relative;
}

#container .inner {
	width: 960px;
	margin: 0 auto;
}

/*******************************************************************************
* header - logo
*******************************************************************************/

#header {
	border-top: 6px solid #000;
	background: #FFF url(../../images/header-bg.gif) repeat-x 0 bottom;
	height: 70px;
	padding: 10px 0 0 0;
}

	#header .inner {
		position: relative;
	}

#header #logo {
	float: left;
	height: 45px;
	width: 445px;
}

	#header #logo a {
		background: transparent url(../../images/logo-trans.png) no-repeat 0 ;
		text-indent: -9999px;
		display: block;
		height: 45px;
		width: 445px;
		font-size: 2em;
		color: #192525;
	}

/*******************************************************************************
* header - links
*******************************************************************************/
	
#quick-contact {
	float: right;
	margin: 15px 20px 0 0;
	font-size: 0.9em;
}

	#quick-contact ul {
		list-style: none;
		margin: 0;
	}
	
		#quick-contact ul li {
			float: left;
			margin: 0 5px 0 0;
			padding: 0 5px 0 0;
			border-right: 1px solid #192525;
		}
		
		#quick-contact ul li.last {
			border: 0;
			padding: 0;
		}
		
			#quick-contact ul li a {
				color: #FF9200;
			}
			
			#quick-contact ul li a:hover {
				border-bottom: 1px dotted #FF9200;
			}

/*******************************************************************************
* header - menu
*******************************************************************************/

#menu {
	float: right;
	margin: 10px 25px 0 0;
	width: 920px;
}

	#menu ul {
		float: right;
		list-style: none;
		margin: 0;
	}
	
		#menu ul li {
			float: left;
			position: relative;
			height: 50px;
		}
	
		#menu ul li a {
			float: left;
			margin: 0 30px 0 0;
			background: transparent url(../../images/menu/menu-bg.png) no-repeat 0 top;
			padding: 0 0 0 25px;
			height: 30px;
			color: #192525;
		}
		
		#menu ul li.last a {
			margin: 0;
		}

			#menu ul li a span {
				display: block;
				background: transparent url(../../images/menu/menu-bg.png) no-repeat right 0;
				padding: 5px 25px 5px 10px;
				margin: 0 -12px 0 0;
				height: 20px;
				float: left;
			}
			
				#menu ul li.no-sub a span {
					background-image: url(../../images/menu/menu-no-arrow-bg.png);
				}

				#menu ul li a:hover {
					background-position: 0 -30px;
				}
			
				#menu ul li a:hover span {
					background-position: right -30px;
				}

/* home link */

#menu ul li#home-link {
	text-indent: -9999px;
	width: 50px;
}

	#menu ul li#home-link a {
		background: transparent url(../../images/menu/home.png) no-repeat 0 0;
		padding: 0;
		width: 50px;
	}

	#menu ul li#home-link a:hover {
		background-position: 0 -29px;
	}

/*******************************************************************************
* menu - sub menus
*******************************************************************************/

#menu ul.submenu {
	background: transparent url(../../images/menu/submenu-bg.png) no-repeat 0 0;
	width: 165px;
	padding: 5px 5px 0 5px;
	margin: 32px 0 0 0;
	float: none;
	position: absolute;
	left: 0;
	top: -2px;
	z-index: 9999;
	display: none;
}

	#menu ul.submenu li {
		background: none;
		float: none;
		border-bottom: 1px solid #E5E5E5;
		height: 30px;
		width: 165px;
	}
	
	#menu ul.submenu li.first {
		margin-top: -2px;
	}
	
	#menu ul.submenu li.last {
		border: 0;
	}

		#menu ul.submenu li a {
			background: none;
			float: none;
			margin: 0;
			padding: 0;
			display: block;
			width: 151px;
			height: 24px;
			padding: 6px 0 0 15px;
			color: #192525;
		}
		
			#menu ul.submenu li a:hover {
				background: #FF9201 url(../../images/submenu-arrow.png) no-repeat 8px 12px;
				color: #FFF;
			}

#menu ul.submenu li.false {
	height: 0;
	width: 175px;	
	border: 0;
	position: absolute;
}

#menu ul.submenu .bottom {
	background: transparent url(../../images/menu/submenu-bg.png) no-repeat 0 bottom;
	height: 6px;
	width: 175px;
	position: absolute;
	bottom: -6px;
	left: -5px;
}

	/* small contact submenu overrides */

	#menu ul #contact-sub {
		background: transparent url(../../images/menu/submenu-contact-bg.png) no-repeat 0 0;
		width: 105px;
	}
	
		#menu ul #contact-sub li {
			width: 105px;
		}
		
			#menu ul #contact-sub li a {
				width: 91px;
			}
			
		#menu ul #contact-sub .bottom {
			background: transparent url(../../images/menu/submenu-contact-bg.png) no-repeat 0 bottom;
			width: 120px;
		}

/*******************************************************************************
* banner
*******************************************************************************/

#banner {
	background: transparent url(../../images/banner-bg.gif) repeat-x 0 0;
}

#banner .inner {
	height: 215px;
}

/*******************************************************************************
* main
*******************************************************************************/	

#main {
	background: #2d3b3b url(../../images/main-bg.gif) repeat-x 0 bottom;
	width: 100%;
	float: left;
	position: relative;
}

*+html #main {
	z-index: -1;
}

	#main .inner {
		padding: 25px 0 30px 0;
	}

	#skills #main .inner,
	#challenges #main .inner,
	#homepage #main .inner {
	}

#main-top {
	width: 100%;
	height: 103px;
	background: transparent url(../../images/main-top.gif) repeat-x 0 0;
	position: absolute;
	top: -1px;
	left: 0;
}

/*******************************************************************************
* content
*******************************************************************************/	

#content {
	float: left;
	width: 610px;
	margin: 0 20px 0 0;
	position: relative;
	overflow: visible;
}

	#content h2, 
	#content h3,
	#content h4 {
		color: #DDF5FF;
	}
	
			
/*******************************************************************************
* addthis box
*******************************************************************************/

.addthis {
	background: transparent url(../../images/addthis.png) no-repeat 0 0;
	padding: 12px 15px 15px 15px;
	margin: 0 0 0 0;
	width: 183px;
	height:42px
	position: absolute;
	float: right;
}


/*******************************************************************************
* sidebar
*******************************************************************************/	

#sidebar {
	float: right;
	width: 330px;
	padding: 0px 0 20px 0;
	position: relative;
}

/*******************************************************************************
* sidebar - paper box
*******************************************************************************/

.paper {
	background: transparent url(../../images/paper-bg.png) no-repeat 0 0;
	padding: 30px 0 0 15px;
	margin: 0 0 90px 0;
	width: 315px;
	position: relative;
	float: left;
}

dl.tick {
	padding: 0 0 0 50px;
	width: 235px;
	font-size: 0.9em;
	background: transparent url(../../images/tick.png) no-repeat 0 0;
}

	dl.tick dt {
		display: block;
		font-weight: bold;
		color: #1D2929;
	}
	
		dl.tick a:hover {
			border-bottom: 1px dotted #FF9200;
		}
	
	dl.tick dd {
		margin: 0 0 5px 0;
		color: #4C7480;
	}

dl.dotted {
	width: 255px;
	float: left;
	font-size: 0.9em;
	background: transparent url(../../images/dl-bg.gif) repeat-x 0 bottom;
}

	dl.dotted dt {
		float: left;
		color: #251901;
		padding: 3px 0;
		font-size: 1.0em;
	}
	
	dl.dotted dd {
		float: left;
		color: #251901;
		font-weight: bold;
		padding: 4px 0;
		margin: 0 0 0 10px;
		font-size: 1.0em;
	}

.paper .bottom {
	background: transparent url(../../images/paper-bg.png) no-repeat 0 bottom;
	width: 330px;
	height: 70px;
	position: absolute;
	bottom: -70px;
	left: 0;
}

.paper .field {
	float: left;
	width: 315px;
}

/*******************************************************************************
* sidebar - last minute offers
*******************************************************************************/

#orangetop {
	background: transparent url(../../images/paper_orange.png) no-repeat 0 top;
	width: 316px;
	height: 65px;
	position: absolute;
	top: 0px;
	left: 3px;
}
#orangetop p {
    padding:10px 0 0 0;
    color: #FFF;
	font-weight: bold;
	font-size: 22px;
	text-align:center;
}
.paperorange {
	background: transparent url(../../images/paper-bg.png) no-repeat 0 0;
	padding: 0px 30px 0 15px;
	margin: 45px 0 40px 0;
	width: 330px;
	position: relative;
	float: left;
}
.paperorange .bottom {
	background: transparent url(../../images/paper_orange.png) no-repeat 0 bottom;
	width: 330px;
	height: 20px;
	position: absolute;
	bottom: -20px;
	left: 0;
}
#orangebottom h2 {
    padding-top: 10px;
    width: 300px;
    text-align: center;
}
#orangebottom p {
    color: #000;
    width: 300px;
    font-size: 12px;
}
#orangebottom p a {
    color: #000;
    text-decoration: underline;
}
#orangebottom p a:hover {
    color: #FF9200;
    text-decoration: underline;
}


/*******************************************************************************
* sidebar - hands list
*******************************************************************************/

ul.hands {
	list-style: none;
	margin: 0;
	width: 300px;
}

	ul.hands li {
		background: transparent url(../../images/hand.gif) no-repeat 0 3px;
		padding: 0 0 0 20px;
		margin: 0 0 10px 0;
	}
	
	ul.hands li a {
				color: #241901;
			}
			
			ul.hands li a:hover {
				color: #FF9200;
				border-bottom: 1px dotted #FF9200;
			}

/*******************************************************************************
* sidebar - pod
*******************************************************************************/

.pod {
	background: transparent url(../../images/pod-top.png) no-repeat 0 0;
	margin: 0 0 20px 0;
	position: relative;
	width: 300px;
	padding: 10px;
	float: left;
}

	.pod h2 {
		border-bottom: 1px dotted #2C3C3B;
		font-weight: normal;
	}
	
	.pod p {
		color: #2C3C3B;
	}

.pod .bottom {
	background: transparent url(../../images/pod-bottom.png) no-repeat 0 bottom;
	position: absolute;
	bottom: -13px;
	left: 0;
	height: 13px;	
	width: 320px;
}

a.button {
	display: block;
	background: transparent url(../../images/button-bg.png) no-repeat 0 0;
	padding: 5px 0 0 15px;
	margin: 0 50px 0 0;
	height: 35px;
	color: #FFF;
	float: left;
	font-size: 0.9em;
	position: relative;
}

	a.button span {
		display: block;
		position: absolute;
		top: 0;
		right: -10px;
		background: transparent url(../../images/button-bg.png) no-repeat right 0;
		height: 35px;
		width: 20px;
		margin: 0 -10px 0 0;
	}

a.button:hover {
	background-position: 0 -40px;
	color: #192525;
}

	a.button:hover span {
		background-position: right -40px;
	}

/*******************************************************************************
* sidebar - ask us a question
*******************************************************************************/

#ask {
	background: transparent url(../../images/ask-bg.png) no-repeat 0 0;
	float: left;
	width: 305px;
	height: 200px;
	padding: 5px 10px;
}

	#ask form {
		padding: 5px 5px 5px 10px;
	}
	
	#ask h2 {
		font-size: 1.2em;
	}
	
#ask form .field {
	float: left;
	width: 325px;
	margin: 0 0 10px 0;
}
	
	#ask form label {
		display: block;
		float: left;
		font-size: 0.9em;
		margin: 0 10px 0 0;
	}
	
	#ask form input {
		outline: none;
	}
	
	#ask form .text {
		background: transparent url(../../images/text-bg.gif) no-repeat 0 0;
		width: 184px;
		height: 16px;
		float: left;
		padding: 3px;
		color: #818181;
		border: 0;
	}
	
	#ask form .textarea {
		background: #FFF url(../../images/textarea-bg.gif) no-repeat 0 0;
		overflow: auto;
		border: 0;
		width: 282px;
		height: 66px;
		padding: 3px;
		color: #818181;
	}

#ask .field.button input {
	float: left;
}

#ask-loader {
	float: left;
	margin: 7px;
	display: none;
}

#ask-error {
	color: #FF0000;
	float: left;
	margin: 5px 0 0 5px;
	display: none;
}

#ask form .field input.error, 
#ask form .field textarea.error {
	border: 1px solid #FF0000;
}

#ask form p {
	color: #000;
}

#container .hide {
	display: none;
}

#container .trap {
	display: none;
}

/*******************************************************************************
* homepage - associations
*******************************************************************************/

#associations {
	margin: 20px 0 0 0;
	padding: 25px 30px 25px 20px;
	background: transparent url(../../images/assoc-bg.png) no-repeat 0 0;
	height: 50px;
	float: left;
	width: 280px;
}

a.ami {
	display: block;
	float: left;
	width: 52px;
	height: 53px;
	margin: -5px 20px 0 0;
	text-indent: -9999px;
	outline: none;
	background: transparent url(../../images/ami.png) no-repeat 0 0;
}

	a.ami:hover {
		background-position: 0 -53px;
	}

a.bcu {
	display: block;
	float: left;
	width: 80px;
	height: 56px;
	text-indent: -9999px;
	margin: -7px 0 0 0;
	outline: none;
	background: transparent url(../../images/bcu.png) no-repeat 0 0;
}

	a.bcu:hover {
		background-position: 0 -56px;
	}
	
a.nnas {
	display: block;
	float: left;
	width: 97px;
	height: 40px;
	text-indent: -9999px;
	margin: 3px 20px 0 0;
	outline: none;
	background: transparent url(../../images/nnas.gif) no-repeat 0 0;
}

	a.nnas:hover {
		background-position: 0 -40px;
	}

/*******************************************************************************
* homepage - activities
*******************************************************************************/

#activities {
	float: left;
	width: 610px;
	/*margin: 20px 0;*/
	overflow: visible;
	font-family: "Century Gothic", Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.thumbnail_title	{
	font-family: "Century Gothic", Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
}

.thumbnail_copy	{
	font-family: "Century Gothic", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
}

.thumbnail {
	float: left;
	width: 120px;
	height: 120px;
	margin: 0 35px 35px 0;
	position: relative;
}

.thumbnailactivities {
	float: left;
	width: 185px;
	position: relative;
	margin: 0px 10px 20px 0px;
	color:#ffffff;

}

.thumbnailactivities:hover {
	float: left;
	width: 185px;
	position: relative;
	margin: 0px 10px 20px 0px;
	color:#fea500;
}

.thumbnail.long {
	font-family: "Century Gothic", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	width: 275px;
	height: 230px;
	margin: 0 35px 35px 0;
	position: relative;
}

	.thumbnail .magnify {
		position: absolute;
		bottom: 5px;
		right: 5px;
	}

.thumbnailactivities.long {
	width: 275px;
	height: 230px;
	margin: 0 35px 35px 0;
	position: relative;
}

	.thumbnailactivities .magnify {
		position: absolute;
		bottom: 5px;
		right: 5px;
	}
.popup {
	float: left;
	padding: 10px;
	margin: 0px 10px 0px 0px;
	position: absolute;
	top: -20px;
	right: -40px;
	z-index: 9999;
	font-weight: bold;
	font-family: "Century Gothic", Helvetica, sans-serif;
	color:#000000;
	font-size: 12px;
	font-weight: bold;
	background-color: #c9e600;
	border: solid #ffffff 3px;
	border-radius: 10px; 
	-o-border-radius: 10px; 
	-icab-border-radius: 10px; 
	-khtml-border-radius: 10px; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
}

.popup {
	width: 180px;
}

	.popup span {
		display: block;
		font-weight: normal;
		font-size: 0.8em;
	}
	
	.popup .end {
	position: absolute;
	top: 0;
	right: -5px;
	width: 10px;
	height: 46px;
	}

.thumbnail.last {
	margin: 0 0 35px 0;
}

/*******************************************************************************
* outdoor activities - pop up styles
*******************************************************************************/

.thumbnail-act {
	float: left;
	width: 185px;
	position: relative;
	margin: 0px 10px 20px 0px;
	color:#ffffff;

}

.thumbnail-act:hover {
	float: left;
	width: 185px;
	position: relative;
	margin: 0px 10px 20px 0px;
	color:#fea500;
}

/*******************************************************************************
* homepage - about us
*******************************************************************************/	

#about-us {
	float: left;
	width: 610px;
	margin: 20px 0 0 0;
}

	#about-us h2 {
		background: transparent url(../../images/dotted-bg.png) repeat-x 0 bottom;
		padding: 0 0 10px 0;
		width:  450px;
		float: left;
	}
	
	#about-us.full h2 {
		width: 610px;
	}

	#about-us p {
		float: left;
		width: 450px;
	}
	
	#about-us.full p {
		width: 600px;
	}

	#about-us img {
		float: right;
		width: 110px;
		margin: 30px 0 0 0;
	}
	
/*******************************************************************************
* price tags
*******************************************************************************/	

#tag.ghyll {
	text-indent: -9999px;
	background: transparent url(../../images/tag-ghyll.png) no-repeat;
	height: 95px;
	width: 245px;
	position: absolute;
	top: -41px;
	right: 0;
}

/*******************************************************************************
* itinery
*******************************************************************************/

#itinerary {
	background: transparent url(../../images/itinerary-bg.png) no-repeat 0 0;
	margin: 0 0 20px 0;
	position: relative;
	width: 590px;
	padding: 20px 10px;
	float: left;
	font-size: 0.9em;
}

	#itinerary h2 {
		color: #000;
	}
	
	#itinerary dl {
		background: transparent url(../../images/itinerary-dash.gif) repeat-x 0 bottom;
		padding: 3px 0;
	}

		#itinerary dl dt {
			float: left;
			padding: 0 0 0 21px;
			width: 54px;
			background: transparent url(../../images/clock.png) no-repeat 0 0;
		}
		
		#itinerary dl dl {
			float: left;
		}

#itinerary .bottom {
	background: transparent url(../../images/itinerary-bg.png) no-repeat 0 bottom;
	position: absolute;
	bottom: -10px;
	left: 0;
	height: 20px;	
	width: 610px;
}

.buttons {
	clear: both;
}

/*******************************************************************************
* contact us
*******************************************************************************/

#map {
	width: 280px;
	height: 210px;
	margin: 0 0 10px 0;
	background: gray;
}

#directions label {
	display: none;
}

#directions input {
	float: left;
	margin: 0 10px 0 0;
}

#enquiry {
	margin: 20px 0 0 0;
}

#enquiry .field {
	width: 600px;
	float: left;
}

#enquiry label {
	color: #FFF;
	display: block;
	float: left;
	width: 260px;
}

#enquiry label.long {
	width: 300px;
}

#directions .text, #enquiry .text {
	width: 142px;
	padding: 4px;
	height: 14px;
	border: 0;
	font-size: 0.8em;
	background: transparent url(../../images/contact/text-bg.gif) no-repeat 0 0;
}

#enquiry .textarea {
	width: 500px;
	padding: 2px 0;
	margin: 10px 0 0 0;
	height: 88px;
	border: 0;
	overflow: auto;
	background: #FFF url(../../images/contact/textarea-bg.gif) no-repeat 0 0;
}

.contact-method {
	width: 300px;
	float: left;
	padding: 0 0 0 40px;
	margin: 0 0 5px 0;
	font-size: 0.9em;
}

#quick-address {
	background: transparent url(../../images/contact/address.gif) no-repeat 0 0;
}

#quick-phone {
	background: transparent url(../../images/contact/phone.gif) no-repeat 0 0;
}

#quick-mobile {
	background: transparent url(../../images/contact/mobile.gif) no-repeat 0 0;
}

#quick-email {
	background: transparent url(../../images/contact/email.gif) no-repeat 0 0;
}

		#quick-email a:hover {
			border-bottom: 1px dotted #FF9200;
		}

p.error {
	color: #C6E700;
}

/*******************************************************************************
* calendar popup
*******************************************************************************/	

#calendar {
	position: absolute;
	left: 300px;
	width: 550px;
	height: 360px;
	padding: 35px 10px 20px 10px;
	background: transparent url(../../images/calendar-bg.png) no-repeat 0 0;
	margin: 0 auto;
}

	#calendar #close {
		position: absolute;
		right: 10px;
		top: 10px;
		width: 25px;
		height: 15px;
		text-indent: -9999px;
		outline: none;
		background: transparent url(../../images/close.png);
	}


/*******************************************************************************
* sidebar - related links
*******************************************************************************/

.related {
	background: transparent url(../../images/paper-bg.png) no-repeat 0 0;
	padding: 30px 0 0 15px;
	margin: 0 0 90px 0;
	width: 315px;
	position: relative;
	float: left;
}
			
.related .bottom {
	background: transparent url(../../images/paper-bg.png) no-repeat 0 bottom;
	width: 330px;
	height: 70px;
	position: absolute;
	bottom: -70px;
	left: 0;
}

.related .field {
	float: left;
	width: 315px;
}

/*******************************************************************************
* floats
*******************************************************************************/

.floatleft	{
	float: left;	
}

.floatright	{
	float: right;
}

.clear	{
	clear: both;
}
/*******************************************************************************
* footer
*******************************************************************************/	

#footer {
	background: transparent url(../../images/footer-bg.gif) repeat-x 0 0;
	width: 100%;
	height: 40px;
	padding: 22px 0 0 0;
	float: left;
	color: #DDF5FF;
	font-size: 0.9em;
}

	#footer .inner {
		margin-top: 10px;
	}

/*******************************************************************************
*new navigation
*******************************************************************************/

#bottomnavholder	{
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

#bottomnav	{
	width: 960px;
	text-align: left;
	margin: 0 auto;
	list-style: none;
}

#bottomnavcol1	{
	width: 140px;
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
}

#bottomnavcol2	{
	width: 140px;
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
}

#bottomnavcol3	{
	width: 140px;
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
}

#bottomnavcol4	{
	width: 140px;
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
}

#bottomnavcol5	{
	width: 140px;
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
}

#bottomnavcol6	{
	width: 140px;
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
}

h3.bottomnavheading	{
	font-family: "Century Gothic", Helvetica, sans-serif;
	color:#263738;
	text-decoration: none;
	font-size: 13px;
	margin-bottom: 10px;
}


a.bottomnav	{
	font-family: "Century Gothic", Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration: none;
	font-size: 13px;
	line-height: 18px;
}
a.bottomnav:hover	{
	font-family: "Century Gothic", Helvetica, sans-serif;
	color:#ffb419;
	text-decoration: underline;
	font-size: 13px;
	line-height: 18px;
}

#copyrightholder	{
	width: 100%;
	background-image: url(../../images/copyright_bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
	background-color: #4e6668;
}

#copyright	{
	width: 960px;
	text-align: left;
	margin: 0 auto;
	list-style: none;
	padding: 10px 0px 5px 0px;
}


/*******************************************************************************
*Breadcrumb
*******************************************************************************/


#breadcrumb_holder	 {
	font-family: Arial, Helvetica, sans-serif;
	color: #d4e91d;
	font-size: 10pt;
	text-decoration:none;
	margin: 10px 0px 10px 0px;
}

#breadcrumb_holder	a {
	font-family: Arial, Helvetica, sans-serif;
	color: #ecb307;
	font-size: 10pt;
	text-decoration:none;
}

#breadcrumb_holder	a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #ecb307;
	font-size: 10pt;
	text-decoration: none;
	border-bottom: 1px dotted #FF9200;

}