body {
		padding: 0;
		margin: 0;
		border: 0;
		background-color: #000;
		color: #ccc;
		font-family: arial;
		text-align: center;
	}
	
	#wrapper {
		display: block;
		margin: 0 auto;
		width: 970px;
		padding: 0;
		border-left: 2px solid white;
		border-right: 2px solid white;
		background-color: #000;
	}

	#header {
		height: 310px;
		padding: 0;
		margin: 0;
		border: 0;
	}



	#navbarholder {
		background-image: url('/images/new-tour/menu.jpg'); 
		background-repeat: no-repeat;
	}




#menutoggle, #catmenutoggle {
	clear: both;
	display: none;
}

#sitenavigation ul, #categorynavigation ul{
	clear: both;
	list-style-type:none;
	margin:0 auto;
	border: 0;
	padding: 0;
	width: 970px;
	max-width: 970px;
	display: block;
	vertical-align: top;
}

#sitenavigation ul li, #categorynavigation ul li{
	border: 0;
	padding: 0;
	margin: 0;
	width: 320px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
}

#sitenavigation ul li a, #categorynavigation ul li a {
	display:block;
	width: 100%;
	/*background-color: #000;*/
	color: white;
	font-family: arial;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	text-transform: uppercase;
	padding: 10px 0px 10px 0px;
	margin: 0;
}

#categorynavigation ul li a:hover {
	background-color: #666;
	color: white;
}

#sitenavigation ul li a:hover {
	background-color: rgba(255,255,0,0.4);
	color: white;
}


	#sitedesc {
		padding:0; 
		margin:0; 
		border:0;
		background-image: url('/images/new-tour/desc-bg.jpg'); 
		background-repeat: no-repeat; 
		background-size: 100% 100%;
		width: 970px; 
		
		/*height: 175px;*/
		height: auto;
		
		overflow: hidden;
	}
	
	#sitedesctext {
		padding: 10px 20px; 
		color: #000; 
		text-align: left;
		max-height: 250px;
		overflow: auto;
	}
	
	.separator, .tourinstantaccess, .continuetour {
		padding:0; 
		margin:0; 
		border:0;
	}

	.tourepisode {
		padding:0; 
		margin:0; 
		border:0;
		background-image: url('/images/new-tour/ep-bg.jpg'); 
		background-repeat: no-repeat; 
		width: 970px; 
		height: 500px;
	}
	
	.tourepisode h2 {
		padding:0 10px; 
		margin:0; 
		border:0;
		float: left;
		width: 950px;
		height: 28px;
		text-align: left;
		color: #fff; 
		background-color: #000;
	}
	
	.largetourphoto {
		clear: both;
		padding:0; 
		margin:40px 0 0 18px; 
		border:0; 
		float: left;
	}

	.toptourphoto {
		padding:0; 
		margin:0px 0 0 18px; 
		border:0; 
		float: left;
	}
	
	.bottomtourphoto {
		padding:0; 
		margin:32px 0 0 18px; 
		border:0; 
		float: left;
	}
	
	.tourdescription {
		padding:0; 
		margin:0; 
		border:0;
		background-image: url('/images/new-tour/ep-desc-bg.jpg'); 
		background-repeat: none;
		background-size: 100% 100%;
		width: 970px; 
		/*height: 193px;*/
		height: auto;
		display: block;
		overflow: hidden;
	}
	
	.tourdescriptiontext {
		padding: 10px 30px; 
		color: #000; 
		text-align: left;
	}
	
	
	
.joinleft {
	float: left;
	width: 450px;
	height: auto;
	padding: 0;
	border: 0;
	margin: 0;
	display: inline-block;
}

.joinright {
	float: right;
	width: 450px;
	height: auto;
	padding: 0;
	border: 0;
	margin: 0;
	display: inline-block;
}
	
	
.thumbpage {
	clear: both;
	width: 900px;
	height: auto;
	margin: 20px auto;
	padding: 10px;
	border: 0;
	display: block;
}

.gallerypagethumb {
	width: 160px;
	height: 140px;
	display: inline-block;
	float: left;
	margin: 10px;
	border: 0;
	padding: 0;
	overflow: hidden;
}

	/* Smaller than 880px */
	@media (max-width: 879px) {
		.thumbpage {
			width: 100%;
			width: 100vw;
			margin: 0 auto;
			padding: 0;
		}
	}

	
	/* Smaller than 970px */
	@media (max-width: 969px) {
		
		#navbarholder {
			background-size: 100% auto;
			background-position: top center;
		}
		#wrapper, #header, #header img, #sitedesc, .separator, .separator img, .tourinstantaccess, .tourinstantaccess img, .continuetour, .continuetour img, .tourepisode , .largetourphoto, .tourdescription {
			width: 100%;
			width: 100vw;
		}
		#wrapper, #header, #header img, .largetourphoto {
			border: 0px;
			height: auto;
		}
		#header {
			height: auto;
		}
		#header img {
			vertical-align: bottom;
		}
		
		.tourepisode {
			height: 670px;
		}
		#sitenavigation, #categorynavigation {
			width: 100%;
			width: 100vw;
		}

		#sitenavigation ul, #categorynavigation ul {
			width: 100%;
			width: 100vw;
		}

		#sitenavigation ul li, #categorynavigation ul li{
			width: 30%;
			width: 30vw;
		}

		#sitenavigation ul li a, #categorynavigation ul li a {
			width: 100%;
			width: 30vw;
			height: 20px;
			overflow: hidden;
		}
		
		.tourepisode h2 {
			padding: 0;
			width: 100%;
			width: 100vw;
		}
		
		#sitedesc {
			/*background-size: 100% 175px;
			background-repeat: no-repeat;*/
		}
		
		.tourdescription {
			/*background-size: 100% 193px;
			background-repeat: no-repeat;*/
		}
		
		.tourepisode {
			background-image: url('/images/new-tour/ep-bg-2.jpg'); 
			background-repeat: no-repeat;
			background-size: 100% 670px;
		}
		
		.largetourphoto, .toptourphoto, .bottomtourphoto {
			padding:0; 
			margin:0; 
			border:0; 
			float: left;
		}
		.toursmallphotoholder {
			margin : 0 auto;
			width: 600px
		}
		
		.toursmallphotoholder img {
			padding: 0px;
		}
		
		.largetourphoto {
			width: 100%;
		}
		
		
		
	}
	
	



	/* Smaller than 900px */
	@media (max-width: 899px) {
		
		.joinleft, .joinright {
			clear: both;
			float: none;
			width: 100%;
			width: 100vw;
			height: auto;
			padding: 0;
			border: 0;
			margin: 0 auto;
			display: block;
		}
		
	}
	
	
	
	
	
	
	
	
	
	/* Smaller than 600px */
	@media (max-width: 599px) {
		body, #wrapper {
			background-color: #900;
		}
		#categorynavigation ul {
			background-color: #000;
		}
		
		#sitenavigation ul {
			width: 100%;
			width: 100vw;
			background-color: #000;
		}
		#sitenavigation ul li  {
			float:center;
			width: 100%;
			width: 100vw;
			display: block;
		}
		#sitenavigation ul li a {
			width: 100%;
			width: 100vw;
		}
	
		#menutoggle  {
			width: 100%;
			width: 100vw;
			cursor: pointer;
			display: inline-block;
			font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
			margin: 0px;
			padding: 12px 0 12px 0;
			color: white;
			/*background-color: #000;*/
			background-image: url('/images/new-tour/menu.jpg'); 
			background-repeat: no-repeat;
			background-size: 100% auto;
			background-position: top center;
		}
	
		#menutoggle:after {
			content: "";
		}
	
		.menuarrow {
			display: inline-block;
		}
		#sitenavigation {
			display: none;
		}
		
		.tourepisode {
			height: auto;
		}
		
		.largetourphoto, .largetourphoto img, .toursmallphotoholder {
			width: 100%;
			width: 100vw;
			height: auto;
		}
		
		.toptourphoto, .bottomtourphoto {
			width: 50%;
			width: 50vw;
		}
		.toptourphoto img, .bottomtourphoto img {
			width: 100%;
			width: 50vw;
			height: auto;
		}
		.tourdescription {
			float:left;
			width: 100%;
			width: 100vw;
			display: block;
		}
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* Smaller than 500px */
	@media (max-width: 499px) {
	/**/
		#categorynavigation ul {
			width: 100%;
			width: 100vw;
		}
		#categorynavigation ul li {
			float:center;
			width: 100%;
			width: 100vw;
			display: block;
		}
		#categorynavigation ul li a{
			width: 100%;
			width: 100vw;
		}
	
		#catmenutoggle {
			width: 100%;
			width: 100vw;
			cursor: pointer;
			display: inline-block;
			font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
			margin: 0px;
			padding: 12px 0 12px 0px;
			color: white;
			background-color: #000000;
		}
	
		#catmenutoggle:after {
			content: "";
		}
	
		.catmenuarrow {
			display: inline-block;
		}
		/**/
		#categorynavigation {
			display: none;
		}
		

	}