body {
		padding: 0;
		margin: 0;
		border: 0;
		background-color: #000;
		color: #ccc;
		font-family: arial;
		text-align: center;
	}

	#camframe {
		width: 100%;
		width: 100vw;
		height: 30px;
	}

	
	#indexwrapper, #wrapper {
		display: block;
		margin: 0 auto;
		width: 970px;
		padding: 0;
		border-left: 2px solid white;
		border-right: 2px solid white;
		background-color: #000;
	}
	#indexwrapper {
		background-image: url('/images/new-layout/index-bg.jpg'); 
		background-repeat: repeat-y; 
		background-position: center top;
	}

	h1#indexheader, #indexheader img {
		padding: 0;
		margin: 0 auto;
		border: 0;
		-webkit-margin-before: 0px;
    	-webkit-margin-after: 0px;
    	-webkit-margin-start: 0px;
    	-webkit-margin-end: 0px;
	}

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



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




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

#sitenavigation 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{
	border: 0;
	padding: 0;
	margin: 0;
	width: 239px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
}

#sitenavigation 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: 26px;
	text-transform: uppercase;
	padding: 10px 0px 10px 0px;
	margin: 0;
	max-height: 67px;
}

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


	#sitedesc {
		padding:0; 
		margin:0; 
		border:0;
		background-image: url('/images/new-layout/tourdesc-bg.jpg'); 
		background-repeat: no-repeat; 
		background-size: 100% 100%;
		width: 970px; 
		height: 252px;
		overflow: hidden;
	}
	
	#sitedesctext {
		padding: 10px 35px 10px 25px; 
		color: #000; 
		text-align: justify;
		height: 192px;
		overflow: hidden;
	}
	#sitedesctext h2{
		text-align: left;
	}
	
	.separator, .tourinstantaccess, .continuetour {
		padding:0; 
		margin:0; 
		border:0;
	}

	.tourepisode {
		padding:0; 
		margin:0; 
		border:0;
		background-image: url('/images/new-layout/episode-bg.jpg'); 
		background-repeat: no-repeat; 
        background-position: center top;
		width: 970px; 
		height: 500px;
	}
	
	.tourepisode h2 {
		padding:15px 10px; 
		margin:0; 
		border:0;
		float: left;
		width: 100%;
		height: 28px;
		text-align: left;
		color: #fff; 
	}
	
	.largetourphoto {
		clear: both;
		padding:0; 
		margin:18px 0 0 25px; 
		border:0; 
		float: left;
	}
	.largetourphoto img {
		width: 590px;
		height: 395px;
	}

	.toptourphoto {
		padding:0; 
		margin:-21px 0 0 25px; 
		border:0; 
		float: left;
	}

	.toptourphoto img, .bottomtourphoto img {
		width: 293px;
		height: 200px;
	}
	
	.bottomtourphoto {
		padding:0; 
		margin:39px 0 0 26px; 
		border:0; 
		float: left;
	}
	
	.tourdescription {
		padding:0; 
		margin:0; 
		border:0;
		background-image: url('/images/new-layout/episodedesc-bg.jpg'); 
		background-repeat: none;
		background-size: 100% 100%;
		width: 970px; 
		height: 100px;
		/*height: auto;*/
		display: block;
		overflow: hidden;
	}
	
	.tourdescriptiontext {
		padding: 10px 30px; 
		color: #000; 
		text-align: left;
		height: 60px;
		overflow: hidden;
	}
	
.tourinstantaccess {
	width: 970px; 
	padding:0; 
	margin:0; 
	border:0;
	background-color: #93c;
}
	
.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;
}

#footer, #pagenav, #blankcontent, .indexcontent {
	padding:0; 
	margin:0; 
	border:0;
	width: 970px; 
	overflow: hidden;
}
#footer, #pagenav, #blankcontent {
	background-image: url('/images/new-layout/episode-mobile-bg.jpg'); 
	background-repeat: repeat-y;
}

.footertext {
	padding: 30px; 
	color: #fff; 
	text-align: center;
}

.buttonholder {
	width: 100%;
}
.indexbutton {
	display: inline-block;
}

.footertext li {
	text-align: left;
}

.footertext a {
	color: #fff; 
}

#joinlayout {
	width: 100%; 
	background-image: url('/images/new-layout/shy-cougar.png'); 
	background-repeat: no-repeat; 
	background-position: left bottom;
}

#jointext {
	text-align: right;
}
#jointext ul {
	margin-left: 300px;
}






















	/* 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, #footer, #pagenav, #blankcontent, .indexcontent, #joinlayout, #navbarholder #instant, h1#indexheader, #indexheader img {
			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 {
			width: 100%;
			width: 100vw;
		}

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

		#sitenavigation ul li {
			width: 22%;
			width: 22vw;
		}

		#sitenavigation ul li a {
			width: 100%;
			width: 22vw;
			height: 20px;
			overflow: hidden;
		}

		.tourepisode h2 {
			padding: 2px 0px;
			width: 100%;
			width: 100vw;
			color: #fff;
			text-align: center;
		}
		
		#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;*/
			/*background-color: #fff;*/
			/*background-image: none;*/
			/*color: #fff;*/
			background-image: url('/images/new-layout/episode-mobile-bg.jpg'); 
			background-repeat: repeat-y;
			background-size: 100% 100%;
		}
		
		.largetourphoto, .toptourphoto, .bottomtourphoto {
			padding:0; 
			margin:0; 
			border:0; 
			float: left;
		}
		.toursmallphotoholder {
			margin : 0 auto;
			width: 600px
		}
		
		.toursmallphotoholder img {
			padding: 0px;
		}
		
		.largetourphoto {
			width: 100%;
		}
		.footertext h2 {
			width: 80vw;
		}
		#joinlayout {
			width: 100%;
			width: 100vw; 
			background-image: none; 
		}

		#jointext {
			text-align: center;
		}
		#jointext ul {
			margin-left: 0;
			width: 80vw;
		}

		
	}
	
	












	/* Smaller than 725px */
	@media (max-width: 724px) {
		#sitenavigation ul {
			width: 100%;
			width: 100vw;
			background-color: #000;
		}
		#sitenavigation ul li  {
			float:center;
			width: 100%;
			width: 100vw;
			display: block;
			background-color: #000;
		}
		#sitenavigation ul li a {
			width: 100%;
			width: 100vw;
			background-color: #000;
		}
	
		#menutoggle  {
			width: 100%;
			width: 100vw;
			cursor: pointer;
			display: inline-block;
			font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
			margin: 0px;
			padding: 8px 0 0 0;
			color: white;
			background-color: #000;
			background-image: url('/images/new-layout/navbar.jpg'); 
			background-repeat: no-repeat;
			background-size: 100% auto;
			background-position: top center;
		}
	
		#menutoggle:after {
			content: "";
		}
	
		.menuarrow {
			display: inline-block;
		}
		#sitenavigation {
			display: none;
		}

		#sitedesc {
			height: auto;
		}
		
		#sitedesctext {
			padding: 10px 35px 35px 25px; 
			height: auto;
		}

	}










	
	
	
	
	
	/* Smaller than 600px */
	@media (max-width: 599px) {
		body, #wrapper {
			background-color: #fff;
			color: #000;
		}
		
		
		
		.tourepisode {
			height: auto;
		}
		.tourepisode h2 {
			color: #000;
		}
		
		.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) {
	/**/


	}