/* CSS Document */
img{
	text-align:center;
	max-width:100%;
	height:auto;
	width:auto;
}

.lefttext-black{
	float:left;
	width:100%;
	height:auto;
	color:#111111;
	padding: 2% 0;
}
.pic{ text-align:center;}

.green-link{color:#497b24;
			text-decoration:underline;}
.green-link:link{color:#497b24;
			text-decoration:underline;}			
.green-link:hover{color:#497b24;
			text-decoration:none;}			
.green-link:active{color:#497b24;
			text-decoration:underline;}
.reserve-text{width: 75%;
float: left;
margin: 0 0 0 1%;}
.reserve-img{width: 22%;
float: left;
padding: 0 0 0 1%;}	
.centertext{ text-align:center;
width:78%;}

.available-pics{width: 98%;
height: auto;
text-align: center;
margin: 0 1%;}			
		
.more-pics{ width: 32%;
float: left;
padding: 0 .5% 0;
text-align: center;
}

.pics-text{width: 98%;
height: auto;
text-align:left;
margin: 1% 1%;
font-size:30px;
color:#429413;}
.pics-button{width: 98%;
height: auto;
text-align:right;
margin: 0 1%;}

.available-videos{width: 98%;
height: auto;
text-align: center;
margin: 3% 1%;}			
		
.more-videos{ width: 32%;
float: left;
padding: 0 .5% 0;
text-align: center;
}
.top p{
	color:#000;
}

.circlephoto{
	width: 100%;
	height:auto;
	float: left;
	text-align: center;
}

.westietop-pics{
	margin: 0 auto;
	width: 100%;
	height: 170px;
	text-align: center;
}
.westie-text p{
	color:#000;
}
			
/**********Media Query Start***********/
@media screen and (max-width: 480px) {
.reserve-text{width: 98%;
float: left;
margin: 0 0 0 1%;}
.reserve-img{width: 100%;
text-align:center;
padding: 0 0 0 1%;}	
.centertext{ text-align:center;
width:98%;}

}
@media (min-width: 481px) and (max-width: 800px) {
.reserve-text{width: 98%;
float: left;
margin: 0 0 0 1%;}
.reserve-img{width: 100%;
text-align:center;
padding: 0 0 0 1%;}	
.centertext{ text-align:center;
width:98%;}
}

@media (min-width: 801px) and (max-width: 1024px) {
.reserve-text{width: 75%;
float: left;
margin: 0 0 0 1%;}
.reserve-img{width: 22%;
float: left;
padding: 0 0 0 1%;}	
.centertext{ text-align:center;
width:98%;}
}