/* CSS */







table, p, h1, h2, h3, h4, h5, h6, ul, li, br, tr, td, div, span, 







body {



	font-family: 'helvetica';



	margin: 0px;



	padding: 0px;



}







#MainContainer {



	width: 980px;



	margin: 0 auto;



	overflow: hidden;



	background-image: url(../images/background.jpg);



}







.clear {



	clear: both;



}



#HeaderContainer {



	width: 100%;


	margin: 0 auto;



	overflow: hidden;



}







#LogoContainer {



	width: 400px;



	float: left;



}







#Logo {



	margin-bottom: 3px;



	margin-top: 3px;



}





#SocialContainer {



	float: right;

	margin-top: 20px;


}





.social li {



	display: inline;



	margin-right: 5px;

	

}





#Footer {



	width: 100%;



	margin: 0 auto;



	overflow: hidden;



}







.copyright {



	text-align: center;



	clear: both;



	background-color: #ddd;



	color: #666;



	font-size: 13px;



	padding: 10px 10px;



}











/* Menutab */











#MenuContainer{



	width: 100%;



	margin: 0 auto;



	float: left;



}






#MenuLine {



	width: 100%;



	height: 40px;



	background-color: #80b441;



	margin-bottom: 1px;



}






#MenuTextContainer {



	width: 800px;



	float: left;



	overflow: hidden;



}







.menutext li {



	display: inline;



	font-size: 14px;



	font-family: 'helvetica';



	margin-left: 30px;



	float: left;



	margin-top: 12px;



}







.menutext li a {



	color: #fff;



	text-decoration: none; 



}







.menutext li a:hover {



	color: #ccc;



	text-decoration: none;



}











/* INDEX */











#TextContentContainer {



	width: 100%;



	margin: 0 auto;



}




.leftcontainer {



   margin: 0 auto;

}

.effect {

	-webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}



.rightcontainer {



	float: right;

	margin-top: 10px;

}




.welcometext {


	font-size: 26px;



	font-family: 'Lucida Calligraphy';


	color: #545454;



}


.dfarmtitle{

	font-size: 24px;

	font-family: 'Monotype Corsiva';

	color: 	#595959;

	margin-top: 10px;

	margin-left: 20px;
}


.text1 {


	font-size: 20px;

	line-height: 30px;

	letter-spacing: 1px;

	font-family: 'Monotype Corsiva';

	color: 	#727272;

	margin-bottom: 40px;

	margin-left: 20px;

}


.textreserve{

	font-size: 25px;
}


.textreserve a:link, a:visited {
    
    background-color: #006699;
    
    color: white;
   
    padding: 20px 56px;
    
    text-align: center;	
   
    text-decoration: none;
    
    display: inline-block;

}




.textreserve a:hover, a:active {
    
    background-color: #fff;

    color: #006699;

    border: 1px solid #006699;
}






.facebook{

	margin-top: 20px;

	border: 3px solid #006699;

	padding-top: 5px;

	width: 220px;

	height: 45px;

    text-align: center;

    font-size: 14px;

}


.fbimage {

	margin: 2px;

}



.instagram{

	margin-top: 20px;

	border: 3px solid #006699;

	padding-top: 5px;

	width: 220px;

	height: 45px;

    text-align: center;

    font-size: 14px;

}


.instaimage {

	margin: 2px;

}



.tripadvisor{

	margin-top: 20px;

	border: 3px solid #006699;

    padding: 10px; 

    width: 200px;

    text-align: center;

    font-size: 14px;

}


.tripimage {

	margin: 5px;
}


.videocontainer {


	margin: 25px auto;

	text-align: center;

	padding-bottom: 20px;




}


.videotexttitle {

	font-size: 24px;


	font-family: 'Monotype Corsiva';

	color: 	#595959;

	margin-left: 20px;

	margin-top: 40px;
	margin-bottom: 20px;

	text-align: left;

}

.videotext{


	font-size: 12px;

	color: #555;

	margin-left: 20px;

	text-align: left;

	margin-top: 20px;

}


.videocon{

	margin: 0 auto;


	text-align: left;

	margin-left: 20px;
}




#ImageContentContainer {



	width: 100%;



	height: 220px;



	overflow: hidden;



	margin-bottom: 30px;



}







.image1 {



	float: left;



	margin: 20px 20px 20px 30px;



	border: solid 4px #fff;



	box-shadow: 0px 2px 3px rgba(0,0,0,.6);



}







.image1text {



	margin-top: 5px;



	margin-bottom: 5px;



	color: #545454;



	font-size: 9px;



	text-align: center;



}







.image2 {



	float: left;



	margin: 20px 20px 20px 5px;


	border: solid 4px #fff;



	box-shadow: 0px 2px 3px rgba(0,0,0,.6);



}









.image2text {



	margin-top: 5px;



	margin-bottom: 5px;



	color: #545454;



	font-size: 9px;



	text-align: center;



}







.image3 {



	float: left;



	margin: 20px 20px 20px 5px;



	border: solid 4px #fff;



	box-shadow: 0px 2px 3px rgba(0,0,0,.6);



}







.image3text {



	margin-top: 5px;



	margin-bottom: 5px;



	color: #545454;



	font-size: 9px;



	text-align: center;



}







.image4 {



	float: left;



	margin: 20px 20px 20px 5px;


	border: solid 4px #fff;



	box-shadow: 0px 2px 3px rgba(0,0,0,.6);



}









.image4text {



	margin-top: 5px;



	margin-bottom: 5px;



	color: #545454;



	font-size: 9px;



	text-align: center;



}







.smallimagetext {



	font-size: 12px;



	color: #006699;



}











/* About */







#AboutContainer {



	width: 100%;



	float: left;



	overflow: hidden;



}







.abouttitle {



	font-size: 25px;



	font-family: 'helvetica';



	color: #545454;



	margin-top: 30px;



	margin-left: 20px;



}







.aboutline {



	width: 96%;



	margin: 0 auto;






	margin-top: 10px;



}







#AboutContent {



	width: 97%;



	float: left;



}







.abouttext1 {



	margin-top:30px;



	margin-left: 20px;



	margin-bottom: 20px;



	font-size: 12px;



	color: #545454;



	text-align: justify;



	line-height:20px; 



}





#AboutContent2 {



	width: 58%;



	margin-top: 30px;



	margin-left: 20px;



	margin-bottom: 30px;



	float: left;



}







.abouttext2 {



	font-size: 15px;



	color: #545454;


	font-weight: bold;


	text-align: justify;



}







.abouttext3 {



	font-size: 14px;



	color: #545454;



	text-align: justify;



	line-height: 20px;



}







.abouttext4 {



	font-size: 15px;



	color: #545454;



	text-align: justify;



	line-height: 20px;



}







.abouttext5 {



	font-size: 14px;



	color: #545454;



	text-align: justify;



	line-height: 20px;



}







.abouttext6 {



	font-size: 14px;



	color: #545454;



	text-align: justify;



}







.aboutcolorfont {



	font-size: 13px;



	color: #006699;



}







#AboutImageContainer {



	width: 350px;



	float: left;



	margin-left:17px;



	margin-top: 35px;



	-moz-box-shadow: 1px 0px 20px #000000;

    -webkit-box-shadow: 1px 0px 20px #000000;

    box-shadow: 1px 0px 20px #000000;



}





#AboutBanner {





}







.aboutimage {



	width: 350px;



	height: 480px;



}





#GalleryBanner {



	width: 100%;



	margin: 0 auto;







}







/* Rates */





#RateBanner {



	width: 100%;



	margin: 0 auto;




}





#RateContainer {



	width: 100%;



	float: left;



	overflow: hidden;



	margin-bottom: 30px;



}







.ratetitle {



	font-size: 25px;



	font-family: 'helvetica';



	color: #545454;



	margin-top: 30px;



	margin-left: 20px;



	letter-spacing: 0.5px;



}







.rateline {



	width: 96%;



	margin: 0 auto;







	margin-top: 10px;



}







.ratetext {



	color: #006699;



	font-size: 15px;



}







#RateRoomCon1 {



	width: 95%;



	margin: 20px auto;



	overflow: hidden;



	background-color: #ddd;



	margin-bottom: 5px;



}







.rateimage1 {



	float: left;



	margin: 10px 10px 10px 10px;


}









.ratetext1 {



	float: left;



	margin: 5px 5px 5px 5px;



	font-size: 15px;



	color: #545454;



	line-height: 20px;



}







#RateRoomCon2 {



	width: 95%;



	margin: 0 auto;



	overflow: hidden;



	background-color: #ddd;



	margin-bottom: 5px;



}







.rateimage2 {



	float: left;



	margin: 10px 10px 10px 10px;



}







.ratetext2 {



	float: left;



	margin: 10px 10px 10px 10px;



	font-size: 15px;



	color: #545454;



	line-height: 20px;



}







#RateRoomCon3 {



	width: 95%;



	margin: 0 auto;



	overflow: hidden;



	background-color: #ddd;



	margin-bottom: 5px;



}







.rateimage3 {



	float: left;



	margin: 10px 10px 10px 10px;



}







.ratetext3 {



	float: left;



	margin: 10px 10px 10px 10px;



	font-size: 15px;



	color: #545454;



	line-height: 20px;



}







#RateRoomCon4 {



	width: 95%;



	margin: 0 auto;



	overflow: hidden;



	background-color: #ddd;



	margin-bottom: 5px;



}







.rateimage4 {



	float: left;



	margin: 10px 10px 10px 10px;




}







.ratetext4 {



	float: left;



	margin: 10px 10px 10px 10px;



	font-size: 15px;



	color: #545454;



	line-height: 20px;



}







#RateRoomCon5 {



	width: 95%;



	margin: 0 auto;



	overflow: hidden;



	background-color: #ddd;



	margin-bottom: 5px;



}







.rateimage5 {



	float: left;



	margin: 10px 10px 10px 10px;




}







.ratetext5 {



	float: left;



	margin: 10px 10px 10px 10px;



	font-size: 15px;



	color: #545454;



	line-height: 20px;



}







#RateRoomCon6 {



	width: 95%;



	margin: 0 auto;



	overflow: hidden;



	background-color: #ddd;



	margin-bottom: 5px;



}







.rateimage6 {



	float: left;



	margin: 10px 10px 10px 10px;




}







.ratetext6 {



	float: left;



	margin: 10px 10px 10px 10px;



	font-size: 15px;



	color: #545454;



	line-height: 20px;



}







#RateRoomCon7 {



	width: 95%;



	margin: 0 auto;



	overflow: hidden;



	background-color: #ddd;



	margin-bottom: 5px;



}







.rateimage7{



	float: left;



	margin: 10px 10px 10px 10px;



}







.ratetext7 {



	float: left;



	margin: 10px 10px 10px 10px;



	font-size: 15px;



	color: #545454;



	line-height: 20px;



}







#RateRoomCon8 {



	width: 95%;



	margin: 0 auto;



	overflow: hidden;



	background-color: #ddd;



	margin-bottom: 5px;



}







.rateimage8{



	float: left;



	margin: 10px 10px 10px 10px;



}







.ratetext8 {



	float: left;



	margin: 10px 10px 10px 10px;



	font-size: 15px;



	color: #545454;



	line-height: 20px;



}



#RateRoomCon9 {



	width: 95%;



	margin: 0 auto;



	overflow: hidden;



	background-color: #ddd;



	margin-bottom: 5px;



}







.rateimage9{



	float: left;



	margin: 10px 10px 10px 10px;


}







.ratetext9 {



	float: left;



	margin: 10px 10px 10px 10px;



	font-size: 15px;



	color: #545454;



	line-height: 20px;



}



#RateRoomCon10 {



	width: 95%;



	margin: 0 auto;



	overflow: hidden;



	background-color: #ddd;



	margin-bottom: 5px;



}







.rateimage10 {



	float: left;



	margin: 10px 10px 10px 10px;




}







.ratetext10 {



	float: left;



	margin: 10px 10px 10px 10px;



	font-size: 15px;



	color: #545454;



	line-height: 20px;



}


#RateRoomCon11 {



	width: 95%;



	margin: 0 auto;



	overflow: hidden;



	background-color: #ddd;



	margin-bottom: 5px;



}







.rateimage11 {



	float: left;



	margin: 10px 10px 10px 10px;




}







.ratetext11 {



	float: left;



	margin: 10px 10px 10px 10px;



	font-size: 15px;



	color: #545454;



	line-height: 20px;



}


#RateRoomCon12 {



	width: 95%;



	margin: 0 auto;



	overflow: hidden;



	background-color: #ddd;



	margin-bottom: 5px;



}







.rateimage12{



	float: left;



	margin: 10px 10px 10px 10px;


}


#RateRoomCon13 {



	width: 95%;



	margin: 0 auto;



	overflow: hidden;



	background-color: #ddd;



	margin-bottom: 5px;



}







.rateimage13{



	float: left;



	margin: 10px 10px 10px 10px;


}






.ratetext12 {



	float: left;



	margin: 10px 10px 10px 10px;



	font-size: 15px;



	color: #545454;



	line-height: 20px;



}


#RateRoomCon14 {



	width: 95%;



	margin: 0 auto;



	overflow: hidden;



	background-color: #ddd;



	margin-bottom: 5px;



}







.rateimage14{



	float: left;



	margin: 10px 10px 10px 10px;


}






.ratetext14 {



	float: left;



	margin: 10px 10px 10px 10px;



	font-size: 15px;



	color: #545454;



	line-height: 20px;



}






.entrance {

	margin-top: 20px;

	margin-left: 25px;

	margin-bottom: 20px;

	font-size: 15px;

	color: #545454;

	font-weight: bold;

}







.termscon {



	width: 95%;



	float: left;



	margin-bottom: 20px;



}







.termstitle {



	margin-top: 20px;



	margin-left: 25px;



	margin-bottom: 20px;



	font-size: 15px;



	color: #545454;

	font-weight: bold;



}







.terms {



	margin-left: 50px;



	font-size: 14px;



	color: #545454;



	display: list-item;



}







/* Reservation */





#ReserveBanner {



	width: 100%;



	margin: 0 auto;



	-moz-box-shadow: 1px 0px 59px #000000;

    -webkit-box-shadow: 1px 0px 59px #000000;

    box-shadow: 1px 0px 59px #000000;



}







#ReserveContainer {



	width: 100%;



	float: left;


	margin-bottom: 20px;



	overflow: hidden;



}







.reservetitle {



	font-size: 25px;



	font-family: 'helvetica';



	color: #545454;



	margin-top: 30px;



	margin-left: 20px;



	letter-spacing: 0.5px;



}







.reserveline {



	width: 96%;



	margin: 0 auto;






	margin-top: 10px;



}







#ReserveInfo {



	width: 65%;



	float: left;

	margin-top: 20px;



	margin-bottom: 20px;



}







.reserveinformation {



	margin:20px 58px 10px;



	font-size: 17px;



	color: #545454;



}







#navigation{



	margin-top:25px;



	margin-left: 30px;



	float:left;



	color:#333;



	margin-bottom: 20px;



}







#navigation p{



	width:100%;



	padding:20px 0 0px 3px;



	text-align: justify;



	color: #545454;



}







#navigation .textstyle{



	width:280px;



}







#navigation li{



	list-style-type:none;



	line-height:19px;



	padding:0 0 0 8px;



}







#navigation a{



	color:#363636;



	text-decoration:none;



}







#navigation a:visited{text-decoration:none}



#navigation a:hover{text-decoration:underline}



.color{



	background-image:url(../images/color.gif);



	background-position:top left;



	background-repeat:no-repeat;



}







#Calendar {



	width: 35%;



	float: left;

	margin-top: 10px;



}







.calendarcontainer {



	margin-top: 30px;



	margin-left: 50px;



}







.monthlycalendar {



	font-size: 17px;



	color: #545454;



	margin-left: 10px;



}







.clear {clear:both;}



#price-list h3 {margin:0 0 15px 30px;}



#price-list .textstyle {width:300px;}



#price-list a {color: #333;}



#price-list .row {display:block;padding:8px 0 8px 60px;}



#price-list .row #message {height:200px;}



#price-list label {width:400px;float:left;}



#price-list label#img {width:290px;}



#price-list label#contact {width:150px; font-size: 14px; color: #545454;}



#price-list img {margin-right:10px;float:left;}



#price-list .row #price {float:left;}



#gallery img {float:left;margin:20px;}



#map-canvass {width:700px;height:300px;}



#direction #map {float:left;background: url(../images/map.jpg) no-repeat left; width:350px;height:480px;}



#direction #direction-content {float:left;width:360px;}



#direction #direction-content ul {margin:0 20px 0 20px;}



#direction #direction-content li {margin-bottom:5px;}







/* Contact Us */





#ContactBanner {



	width: 100%;



	margin: 0 auto;


}







#ContactContainer {



	width: 100%;



	float: left;



	overflow: hidden;



	margin-bottom: 30px;



}







.contacttitle {



	font-size: 25px;



	font-family: 'helvetica';



	color: #545454;



	margin-top: 30px;



	margin-left: 20px;



	letter-spacing: 0.5px;



}







.contactline {



	width: 96%;



	margin: 0 auto;







	margin-top: 10px;



}







.contactleftcon {



	width: 50%;



	float: left;


	margin-top: 20px;



}







.contactleft {



	margin: 20px 20px;



	line-height: 25px;



	font-size: 13px;



	color: #545454;



	word-spacing: 2px;



}







.contactrightcon {



	width: 50%;



	float: left;

	

	margin-top: 20px;



}







.contactright {



	margin: 30px 30px;







}



#loader{



	background:url(../images/loading.gif) left no-repeat; 



	height:32px;



	width:32px;



	position:absolute;



	display:none;



	z-index:999999;



}



span.error{color:red;}



#TestimonialContainer {



	width: 100%;


	margin-bottom: 30px;


	overflow: hidden;

}





.reviews {



	width: 35%;



	margin: 50px 20px 30px 30px;



	float: left;



	background-color: #fff;



}



.commentcontainer {



	width: 55%;



	float: right;



	margin: 50px 0px 20px 20px;



	color: #666;



}



div.scroll {

    height: 300px;

    overflow: scroll;

}