body{ font:14px Arial, Helvetica, sans-serif; color:#713405; padding:0; margin:0;}
.cl{clear:both; font-size:0px;}
.button{ margin-left:200px; }
h2{font:20px Arial, Helvetica, sans-serif; color:#c70101; font-weight:bold; line-height:32px;}
#main{width:1000px; height:auto; margin:0 auto; background:#FFFFFF;}
#bannertext{ width:265px; height:303px; display:block; }


img,a,p,div,ul,li,h1,h2,h3,h4,marquee,iframe{padding:0; margin:0; border:none;}

/*-----classs---------*/
.clr{clear:both; margin:0; padding:0;}
.gap{ padding-top:7px; margin-bottom:7px;}
.fl{float:left;} .fr{float:right;}
p{ line-height:20px;}

#header{ background:#f4c871; height:90px; padding-top:10px;}
#header img{ margin:0 0 0 13px;}
#address{ width:200px; padding-top:10px;}
#banner{ width:1000px; background:#f4c871;}
#bannerin{ width:900px; margin:0 auto ; background:#863d06; padding:20px 30px;}

#menu{width:1000px; height:50px; background:#f3c871;}
ul.menuu{list-style:none; text-align:center; margin-left:19px;}
ul.menuu li{ float:left; font:14px Arial, Helvetica, sans-serif; color:#422107; height:50px; line-height:50px; display:block;}
ul.menuu li a{font:18px Arial, Helvetica, sans-serif; color:#422107; text-decoration:none; display:block;  height:50px; line-height:48px; width:186px; background:#d4ad74; border:#7b4e2f 2px solid; margin:0 1px; }
ul.menuu li a:hover{ color:#FFFFFF; background:#cd5f00; display:block;   }

#about{ width:600px;}
#content{ width:938px; height:auto; margin:10px 0; background:#f6e0b5;  border:1px #9e6538 solid; margin-left:20px; padding:0 10px;}
#photo{ background:#f6e0b5; border-top:2px #9e6538 dotted; border-bottom:2px #9e6538 dotted; padding:8px 15px; margin-bottom:10px;}
#photo img{ border:#FFFFFF 13px solid; width:200px; margin:0 5px;}

#gallery{ width:680px;}
#gmap{ width:270px;}
#footer{ padding:10px;}

#bottom{ width:1000px; height:76px; background:url(../images/bottom.jpg) repeat-x; padding-top:28px;}
#contenta{ width:310px; height:auto; float:left; background:url(../images/booking.jpg) no-repeat; padding:0 20px 0 50px; padding-top:34px;}
#contenta b p{ line-height:24px;}


#contentb{ width:230px; height:auto; float:left; margin-right:5px; padding-top:15px;}
#contentc{ width:276px; height:auto;  background-color:#efc985; border:1px #9e6538 solid; margin-top:10px; padding-left:4px; padding:10px;}
#contentd{width:auto; height:auto; padding-left:5px; float:left;}
#conta{ width:410px; height:auto; float:left;}
#contente{width:auto; height:auto;  margin-left:20px; background:#edc580; padding:8px; margin:10px 10px;}
#contb{width:431px; height:140px; background:#f0bd65; border:2px #bf9649 solid; margin:15px 0px; padding-left:10px;}  
#contc{width:431px; height:235px; background:#f0bd65; border:2px #bf9649 solid; padding-left:10px; }
#service{width:75px; height:280px; float:left;} 
#servicedetail {width:150px; height:280px; float:left;} 






#gallery{ width:auto; height:auto;}
#gallery img{ float:left;}
#gallery ul { list-style: none; }
#gallery ul li { display:block; width:165px; height:109px; float:left; margin:7px; border: 2px solid #72682e; overflow:hidden; }
	.landscape img { width:165px; height:109px; }
#gallery ul li:hover{ border: 2px solid #fbeb97;}
#gallery ul li .oover{ background: rgba(255, 249, 243, .7); width:155px; height:16px; position:absolute; margin:83px 0 0 0px; padding:5px; color:#47423c; font-size:12px;}
#gallery ul li:hover .oover{ color:#f0e9eb; background: rgba(72, 65, 59, .50);}



.leftLinks{border-bottom:1px dotted #000000; padding:0px 10px 12px 0px; }
.leftLinks ul li{ list-style:none;  font-weight:800; margin:5px 0px 0px 5px; background:#f4f4f4; padding:10px;
-webkit-transition-duration: 0.20s;
-webkit-transition-timing-function: ease-out;
-moz-transition-duration: 0.20s;
-moz-transition-timing-function: ease-out;}
.leftLinks ul li:hover{  padding: 10px 30px; background:#3f3b3b; }
.leftLinks ul li:hover a{ color:#f8f8f8;}
.leftLinks ul li a{ color:#393939; text-decoration:none;  font-size:13px; background:url(../images/path1.png) 0px 3px no-repeat; padding:0px 0px 0px 15px; display:block;}
.leftLinks ul li a:hover{ color:#f8f8f8;}




/* ----------------IMAGE SLIDER------------- */

#SlideItMoo_outer {  
	width:900px; 
	margin:0 auto; 
	background:url(../images/mainbg.jpg) center no-repeat;
	display:block; 
	position:relative; 
	padding:0px 10px 0px;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:25px; 
	height:150px; 
	bottom:0px; 
	right:5px; 
	background:url(../images/slideitmoo_forward.png) no-repeat center;  
}
#SlideItMoo_outer .SlideItMoo_back { 
	left:5px; 
	background:url(../images/slideitmoo_back.png) no-repeat center;  
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative ; 
	overflow:hidden ; 
	width:850px ; /* set a display width to make the slider look good in case js is disabled */
	margin:0px auto 0px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { 
	display:block; 
	position:relative; 
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element { 
	display:block; height:130px;
	position:relative; 
	float:left; 
	margin:0px 15px 0px; 
	font-size:11px; 
	width:128px; 
	text-align:center; 
	color:#FFFFFF; border:#38212B 1px dotted; background:#fcf3b6; }
#SlideItMoo_items div.SlideItMoo_element p{padding-left:7px;}
	
#SlideItMoo_items a { padding:0px; clear:both; display:block; background:#333333;}
#SlideItMoo_items a img{ border:none; width:128px; height:100px; }