

	/* fonts... */
	
	@font-face {
	    font-family: 'fut';
	    src: url('./fonts/futult.eot');
	    src: url('./fonts/futult.eot?#iefix') format('embedded-opentype'),
	         url('./fonts/futult.woff') format('woff'),
	         url('./fonts/futult.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;
	}
	
	@font-face {
	    font-family: 'neuton';
	    src: url('./fonts/neuton-bold.eot');
	    src: url('./fonts/neuton-bold.eot?#iefix') format('embedded-opentype'),
	         url('./fonts/neuton-bold.woff') format('woff'),
	         url('./fonts/neuton-bold.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;
	}
	
	@font-face {
	    font-family: 'halo';
	    src: url('./fonts/halohandletter.eot');
	    src: url('./fonts/halohandletter.eot?#iefix') format('embedded-opentype'),
	         url('./fonts/halohandletter.woff') format('woff'),
	         url('./fonts/halohandletter.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;
	}
	
	
	
	
	/* animations... */
	
	@keyframes spin
	{
		from	{ transform: rotate(0deg); }
		to		{ transform: rotate(360deg); }
	}
	
	@-webkit-keyframes spin
	{
		from	{ -webkit-transform: rotate(0deg); }
		to		{ -webkit-transform: rotate(360deg); }
	}


	/* main concerns... */
	
	*
	{
		/*-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;*/
	}
	
	html, body
	{
		background-color: #0a0b0d;
	}
	
	h1
	{
		font-family: 'neuton', Arial, Helvetica, sans-serif;
		font-size: 2.7em;
		margin-top: 0;
		margin-bottom: 30px;
	}
	
	h2
	{
		font-family: 'halo', Arial, Helvetica, sans-serif;
		font-size: 4.0em;
		margin: 0;
	}
	
	h3
	{
		font-family: 'neuton', Arial, Helvetica, sans-serif;
		font-size: 1.9em;
		color: #fff;
		
		background-image: url(./images/bg-secondary-heading.png);
		background-size: 100% 100%;
		background-position: center;
		
		width: 375px;
		height: 76px;
		display: block;
		
		margin-left: -20px;
		
		padding: 28px 0 0 30px;
	}
	
	h4
	{
		font-family: 'neuton', Arial, Helvetica, sans-serif;
		font-size: 1.8em;
		margin-top: 0;
		margin-bottom: 25px;
	}
	
	p, .main-content-container ul
	{
		font-family: 'fut', Arial, Helvetica, sans-serif;
		font-size: 1.35em;
	}
	
	ul
	{
		padding-left: 25px;
		list-style-image: url(./images/bullet.png);
	}
	
	hr
	{
		border-color: #615d5c;
		border-width: 6px;
		margin: 30px 0px;
	}
	
	img.footer-image
	{
		margin-top: 50px;
		margin-bottom: -40px;
	}
	
	
	
	
	/* margins... */
	
	.margin-top-40		{ margin-top: 40px; }
	.margin-bottom-40	{ margin-bottom: 40px; }
	.margin-top-60		{ margin-top: 60px; }
	.margin-bottom-60	{ margin-bottom: 60px; }
	
	
	
	
	/* bootstrap overrides... */
	
	.btn.btn-primary
	{
		background-color: #615d5c;
		border-color: #615d5c;
		
		text-transform: uppercase;
	}
	
	.btn.btn-default
	{
		color: #fefefe;
		background-color: #615d5c;
		border-color: #bfbab7;
	}
	
	.container
	{
		position: relative;
	}
	
	
	
	
	/* forms... */
	
	form#subscribe-form								{ margin-top: 40px; }
	form#subscribe-form h4							{ margin: 0 0 10px; }
	form#subscribe-form div.form-group				{ margin-bottom: 5px; }
	form#subscribe-form div.col-md-6:first-child	{ padding-right: 3px; }
	form#subscribe-form div.col-md-6:last-child		{ padding-left: 3px; }
	form img										{ border: 1px solid #ccc; border-radius: 3px; margin-bottom: 3px; }
	form textarea									{ min-height: 100px; }
	form .form-error-messages ul					{ list-style-type: none; list-style-image: none; margin: 0; padding: 0; font-size: 0.9em; color: #a94442; }
	form label										{ font-family: 'fut', Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: normal; }
	



	/* header stuff... */
	
	.header-rotator-container
	{
		position: relative;
	}
	
	.header-rotator-container .slide
	{
		width: 100%;
		position: absolute;
		top: 0;
		display: none;
	}

	.header-logo-container
	{
		margin: 10px 0 0;
		background-color: #1f1a17;
		
		height: 180px;
		
		background-image: url(./images/header-logo.jpg);
		background-position: center;
		background-repeat: no-repeat;
		
		position: relative;
	}
	
	.header-logo-container a.header-facebook-logo
	{
		display: block;
		
		position: absolute;
		right: 15px;
		bottom: 15px;
		
		border: 1px solid #bfbab7;
		border-radius: 50%;
		background-color: #615d5c;
		
		width: 52px;
		height: 52px;
		
		background-image: url(./images/facebook-logo.png);
		background-position: center;
		background-repeat: no-repeat;
		
		-webkit-transition: all 0.35s ease-out;
		-moz-transition: all 0.35s ease-out;
		-ms-transition: all 0.35s ease-out;
		-o-transition: all 0.35s ease-out;
		transition: all 0.35s ease-out;
	}
	
	.header-logo-container a.header-facebook-logo:hover
	{
		background-color: #3b589c;
	}
	
	.header-logo-container a.header-twitter-logo
	{
		display: block;
		
		position: absolute;
		right: 77px;
		bottom: 15px;
		
		border: 1px solid #bfbab7;
		border-radius: 50%;
		background-color: #615d5c;
		
		width: 52px;
		height: 52px;
		
		background-image: url(./images/twitter-logo.png);
		background-position: center;
		background-repeat: no-repeat;
		
		-webkit-transition: all 0.35s ease-out;
		-moz-transition: all 0.35s ease-out;
		-ms-transition: all 0.35s ease-out;
		-o-transition: all 0.35s ease-out;
		transition: all 0.35s ease-out;
	}
	
	.header-logo-container a.header-twitter-logo:hover
	{
		background-color: #00aced;
	}
	
	.header-logo-container a.header-ta-logo
	{
		display: block;
		
		position: absolute;
		right: 139px;
		bottom: 15px;
		
		border: 1px solid #bfbab7;
		border-radius: 50%;
		background-color: #615d5c;
		
		width: 52px;
		height: 52px;
		
		background-image: url(./images/ta-logo.png);
		background-position: center;
		background-repeat: no-repeat;
		
		-webkit-transition: all 0.35s ease-out;
		-moz-transition: all 0.35s ease-out;
		-ms-transition: all 0.35s ease-out;
		-o-transition: all 0.35s ease-out;
		transition: all 0.35s ease-out;
	}
	
	.header-logo-container a.header-ta-logo:hover
	{
		background-color: #4a873f;
	}
	
	.contact-sticker, .contact-sticker-click
	{
		width: 108px;
		height: 129px;
		background-image: url(./images/sprite-book-online.png);
		position: absolute;
	}
	
	.contact-sticker-holder
	{
		position: absolute;
		z-index: 100;
		right: 133px;
		bottom: 139px;
	}
	
	.contact-sticker
	{
		background-position: 0px 0px;
	}
	
	.contact-sticker-click
	{
		background-position: -109px 0px;
	}
	
	
	
	
	/* navigation... */
	
	span#navigation-activator
	{
		position: absolute;
		top: -60px;
		left: 30px;
		display: none;
	}
	
	nav ul
	{
		display: table;
		padding: 0;
		margin: 0;
		width: 100%;
		
		border: 1px solid #8b8786;
		border-style: none solid none none;
	}
	
	nav ul li
	{
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		
		background-color: #4d4948;
		border: 1px solid #8b8786;
		border-style: solid none solid solid;
		
		height: 70px;
		
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	
	nav ul li:hover, nav ul li.active
	{
		background-color: #1f1a17;
	}
	
	nav ul li a
	{
		display: block;
		padding: 0 14px;
		
		color: #9d9c9a;
		
		font-family: 'fut', Arial, Helvetica, sans-serif;
		font-size: 1.15em;
	}
	
	nav ul li a:hover
	{
		text-decoration: none;
		color: #9d9c9a;
	}
	
	
	
	
	/* main content... */
	
	.main-content-container
	{
		background-color: #fff;
		padding: 50px 0 0;
		
		margin: 10px 0 0;
		
		background-image: url(./images/bg-content.png);
		background-repeat: no-repeat;
		background-position-x: 58.4%;
	}
	
	.main-content-container .content-left-side
	{
		padding: 10px 30px 40px 35px;
	}
	
	.main-content-container .content-right-side
	{
		padding: 10px 40px 40px 25px;
	}
	
	.main-content-container.plain
	{
		background-image: none;
	}
	
	.top-right-container
	{
		position: absolute;
		top: 0px;
		right: 0px;
	}
	
	.content-footer-images
	{
		position: relative;
		height: 263px;
	}
	
	.content-footer-images img
	{
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}
	
	
	
	
	/* homepage... */
	
	#homepage-gallery-images-container
	{
		margin-right: -1%;
	}
	
	#homepage-gallery-images-container a img
	{
		width: 19%;
		margin: 1% 1% 0 0;
	}
	
	#homepage-gallery-images-container a:first-child img
	{
		min-width: 99%;
	}
	
	.mtb-ad-main-container
	{
		background-image: url(./images/bg-mountains.jpg);
		background-size: cover;
		background-position: center;
		
		padding: 25px 0 60px;
		
		position: relative;
	}
	
	.mtb-ad-main-container div.mtb-main-logo
	{
		width: 191px;
		height: 191px;
		
		margin: 0 auto;
		
		position: relative;
	}
	
	.mtb-ad-main-container div.mtb-main-logo div.outer
	{
		width: 191px;
		height: 191px;
		
		background-image: url(./images/logo-outer-small.png);
		background-size: cover;
		
		        animation: spin 20s linear infinite;
		-webkit-animation: spin 20s linear infinite;
	}
	
	.mtb-ad-main-container div.mtb-main-logo div.inner
	{
		position: absolute;
		top: 16px;
		left: 16px;
		
		width: 159px;
		height: 159px;
		
		background-image: url(./images/logo-inner-small.png);
		background-size: cover;
	}
	
	.mtb-ad-main-container .buttons-container
	{
		position: absolute;
		
		width: 100%;
		text-align: center;
		
		bottom: 10px;
	}
	
	.birder-friendly-badge
	{
		position: absolute;
		top: 95px;
		right: -40px;
		
		background-image: url(./images/birder-friendly-badge.png);
		width: 140px;
		height: 128px;
	}
	
	
	
	
	/* about us... */
	
	.top-right-container.no-mosquito
	{
		width: 63px;
		height: 63px;
		background-image: url(./images/bg-no-mosquito.png);
		right: 40px;
		top: -25px;
	}
	
	
	
	
	/* contact us... */
	
	#map-canvas
	{
		height: 270px;
		margin: 40px 0;
		border: 1px solid #ccc;
	}
	
	
	
	
	/* footer... */
	
	footer
	{
		background-image: url(./images/bg-footer.png);
		background-position: center;
	}
	
	footer .footer-left-side
	{
		padding: 35px 0;
	}
	
	footer .footer-left-side a
	{
		display: block;
		color: #fff;
		font-size: 0.9em;
		text-transform: uppercase;
		font-family: 'fut', Arial, Helvetica, sans-serif;
	}
	
	footer .footer-right-side
	{
		padding: 35px 0 200px;
	}
	
	footer .footer-left-side
	{
		background-color: #383431;
	}
	
	footer .footer-right-side
	{
		background-color: #615d5c;
	}
	
	footer .lekkeslaap-link-container, footer .safarinow-link-container, footer .travelground-link-container
	{
		position: absolute;
		top: 35px;
		right: 0px;
		background-color: #fff;
		padding: 10px;
	}
	
	footer .lekkeslaap-link-container
	{
		right: 185px;
	}
	
	footer .safarinow-link-container
	{
		top: 120px;
	}
	
	footer .lekkeslaap-link-container img, footer .safarinow-link-container img, footer .travelground-link-container img
	{
		height: 45px;
	}
