@media screen and (max-width: 640px) {
	
.thmbrev{
	border:#FFF solid 2px;
	width:90%;
	}

.thmbrev:active{
	border:#FFF solid 2px;

}

.prevnextdiv {
	margin:0px 5px;
	padding:0px;
	width:45%;
	height:200px;
	font-weight:bolder;
	line-height:auto;
	text-align:center;
	overflow:visible;
	position:relative;
	z-index:8;
}
.prevnextdiv a {
	font-size:1em;	
	color:#FFF;
	text-decoration:none;
}
.textbox {	
	width:80%;
	height: 1.5em;
	padding:5px;
	margin:5px;
	font-size:1em;
}
.imgrev {
	max-width:95% !important;
	height:auto !important;
}
.imgrevdiv {
	width:auto;
	padding-left:10px;
	height:auto;
	float: none;
	text-align:left;
}

.endText a {
	text-align:center;
	font-size:1.2em;
	color:#FFF;
}

.imgrevdiv label {
	margin-left:10px;
}

.editdiv label {
	margin-left:10px;
}


.editdiv {
	width:auto;
	height:auto;
	padding-left:10px;
	text-align:left;
}

.selectbox {
	width:70%;
	padding:5px;
	font-size:1.3em;
	margin:.2em;
}
 

#maplocation {
	width:100%;	
	height:auto;
}

.descdiv{
	width:100%;
}
#similarImages{
}
#photogBio {
	width:90%;
}
#photoBioImgDiv {
}
#outsidecanvas {
	padding:0px;
	position:relative;
	z-index:8;
	display:block;
	margin:210px auto 0px auto;
	width:90%;
	height:auto;
	-webkit-transition:height 100ms ease-out;
	transition:height 100ms ease-out;
}
#map-canvas {
	min-width:50px;
}
#buttonMapContainer{
	height:410px;
}

}
@media screen and (min-width: 640px) {

.thmbrev{
	border:#CCC solid 3px;
	border-style:inset;
	box-shadow: 0px 3px 5px #000;	
	width:90%;
	transition: width, box-shadow, border;
	transition-duration:  40ms, 40ms, 40ms;
	position:relative;
	z-index:7;
	}
.thmbrev:hover{
	border:#FFF solid 3px;
	box-shadow: 0px 14px 35px 5px #000;	
	width:100%;
	}
.thmbrev:active{
	border:#FFF solid 3px;
	box-shadow: 0px 9px 20px 5px #000;	
	width:95%;
	transition: width, box-shadow, border;
	transition-duration:  4ms, 4ms, 4ms;
	}
.endText a {
	text-align:center;
	font-size:1.5em;
	color:#FFF;
}
.prevnextdiv {
	margin:0px 0px;
	padding:0px;
	width:200px;
	height:200px;
	font-weight:bold;
	line-height:auto;
	text-align:center;
	overflow: visible;	
	position: relative;
	z-index:8;
}
.prevnextdiv a {
	font-size:1.5em;	
	color:#FFF;
	text-decoration:none;
}

.textbox {	
	width:90%;
	height: 20px;
	padding:7px;
	margin:5px;
	font-size:1em;
}

.imgrevdiv {
	margin:10px 0px 10px 0px;
	width:48%;
	height:auto;
	float:left;
	text-align:left;
	}
	
.imgrevdiv label {
	margin-left:10px;
}
.editdiv label {
	margin-left:10px;
}

	
.editdiv {
	width:48%;
	height:auto;
	float:right;
	text-align:left;
	margin-top:130px;
}


.selectbox {
	width:70%;
	padding:5px;
	font-size:1em;
	margin:.1em;

}

#maplocation{
		width:100%;
		height:auto;
}
#outsidecanvas {
	padding:0px;
	position:relative;
	z-index:8;
	display:block;
	margin:0px;
	width:auto;
	height:auto;
	-webkit-transition:height 100ms ease-out;
	transition:height 100ms ease-out;
}
#buttonMapContainer {
	width:99%;min-height:200px;
	height:200px;position:relative;
	z-index:1;
}
}
#clickmap{
	z-index:5;
	position:absolute;
	color:white;
	background-color:black;
	opacity:.8;
	padding:10px;
	margin:5px;
	cursor:pointer;
	font-size:1.1em;
	border-radius:10px;
}
#map-canvas {
	overflow:visible;
	width:100%;
	position:relative;
	z-index:auto;
	margin:0px;
	opacity:.5;
	height:200px;
	transition:height 100ms ease-out;
-webkit-transition:height 100ms ease-out;
}
#photogBio {
	height:auto;
	padding:10px 5px;
	display:block;
	width:500px;
	max-width:90% !important;
	margin:auto;
	border:1px #666 solid; 
	font-size:.9em; 
	background-color:#333; 
	text-align:left
}
#photoBioImgDiv {
	width:150px;
	height:auto;
	margin:0px 8px;
	padding:0px;
	float:left;
}
#photoBioImgDiv img {
	border:1px #000 solid;
	width:100%;
	height:auto
}
#similarImages{
	margin:4px auto;
	padding:0px 10px;
	min-width:auto;
	max-width:90%;
	height:110px;
	white-space:nowrap;
	overflow-x:auto;
	overflow-y:hidden;	
	background-color: #333;
	border:#666 solid 1px;
	text-align:center
}
#similarImages img{
	height:100px;
	width:auto;
	margin:5px 2px;
	border:1px #FFF solid;
}

.imgrev {
	width:90%;
	border:#FFF solid medium;
	margin:0px auto;
}

.descdiv {
	width:90%;padding:5px;margin:0px;position:relative;height:auto;margin:auto
}	
.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background-color:#63b8ee;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #3866a3;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:auto;
	line-height:25px;
	width:auto;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #7cacde;
	margin:3px;
	cursor:pointer;
	padding:10px;
	border-radius:3px;
}
.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
	background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background-color:#468ccf;
}.button:active {
	position:relative;
	top:1px;
}


input[type=radio], .chks input[type=checkbox] {
		display:none;
	}

input[type=radio] + label, .chks input[type=checkbox] + label {
		display:inline-block;
		margin:5px;
		padding: 4px 12px;
		/*margin-bottom: 0;*/
		font-size: 14px;
		line-height: 20px;
		color: #333;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255,255,255,0.75);
		vertical-align: middle;
		/*cursor: pointer;*/
		background-color: #f5f5f5;
		background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
		background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
		background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
		background-image: -o-linear-gradient(top,#fff,#e6e6e6);
		background-image: linear-gradient(to bottom,#fff,#e6e6e6);
		background-repeat: repeat-x;
		border: 1px solid #ccc;
		border-color: #e6e6e6 #e6e6e6 #bfbfbf;
		border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
		border-bottom-color: #b3b3b3;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	}

input[type=radio]:checked + label, .chks input[type=checkbox]:checked + label {
		background-image: none;
		outline: 0;
		border:thin #F00 solid;
		-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
		-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
		box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
		background-color:#e0e0e0;
	}