body {margin:0;padding:0;background:#000000;}
* {margin:0;padding:0}
div,h1,h2,img,td,tr,th,li,ul,dl,dt,dd,span{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
padding:0;
margin:0;
}

#banner {
margin:0 auto;
background:url(../images/navication-rept.gif) repeat-x bottom;
}

#mainbody{
margin:0 auto;
background:url(../images/mainbody-rept.gif) repeat-x top left #a50000;
text-align:center;
padding:10px 0 10px 0;
}

#footer{
margin:0 auto;
background:url(../images/footer-rept.gif) repeat-x top #ffda39;
clear:both;
}

.footer-text{
padding:10px 0 10px 0;
line-height:16px;
font-size:11px;
color:#410000;
text-align:center;
}

#banner-wrapper{
margin:0 auto;
width:1004px;
padding:0;
}

#body-wrapper{ 
margin:0 auto;
width:1004px;
padding:20px 0 20px 0;
}

/* THIS IS FOR CLEAR FIX */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {display: inline-block;}

html[xmlns] .clearfix {display: block;}

* html .clearfix {height: 1%;
}
/* END*/

#left1{
	width:400px;
	float:left;
}

#topbody{
width:525px;
margin:0 auto;
padding:50px 32px 0 0;
float:right;
}

#topbody1{
width:500px;
margin:0 auto;
padding:0 32px 0 0;
float:right;
text-align:left;
}

#topbody2{
width:940px;
margin:0 auto;
padding:20px;
}

.welcome-text{
background:url(../images/welcome-t.gif) top left no-repeat;
font-size:14px;
font-weight:normal;
color:#eca8a8;
line-height:22px;
text-align:justify;
}

#butbody{
width:940px;
margin:0 auto;
padding:0px;
clear:both;
background:#630000;
padding:0 32px  0 32px;
}

#contact-info{
float:left;
width:220px;
padding:20px 0 20px 0;
}

#contact{
background:url(../images/but-curv.gif) bottom no-repeat #970000;
padding:0 20px 20px 20px;
text-align:left;
line-height:20px;
color:#eca8a8
}

#gallery{
float:right;
width:707px;
padding:10px 0 10px 0;
border-bottom:4px solid #bf0000;
border-top:4px solid #bf0000;
}

#top-gallery{
padding:10px 0 10px 0;
margin:0 auto;
}

#but-gallery{
padding:0;
height:154px;
margin:0 auto;
background:url(../images/gallery-picture.jpg) center bottom no-repeat;
clear:both;
}

/* FOR SERVICES */
dl {
	text-align:left;
	line-height:35px;
	padding: 0;
	margin:0;
}
dd {
	padding:0 15px 0 0;
	margin:0 0 0 50px;
	background:url(../images/li.gif) no-repeat 0px 5px;
	font-weight:bold;
	color:#eca8a8;
	text-align:right;
	vertical-align:middle;
	
}
dt {
	padding:0 0 0 10px;
	width:155px;
	float: left;
	clear: both;
	font-weight:bold;
	color:#eca8a8;
	background:url(../images/li.gif) no-repeat 0 5px;
}
html[dir="rtl"] dt {float: right;}
dd::after {
	content: "";
	clear: both;
	display: block;
	speak: none;
}
dd+dd {margin-left: 560px;}
html[dir="rtl"] dd+dd {margin:0 560px 0 0;}
dt:first-child, dt:first-child+dd {border-top-width: 0;}
h2+p {
	font-size: 70%;
	margin: 10px auto;
	width: 90%;
}

/* END */

#banner-bg{
background:url(../images/biz-name.jpg) top no-repeat;
height:265px;
}

#navication-bg{
height:32px;
background:url(../images/nav-rept.gif) left bottom no-repeat;
text-align:left;
vertical-align:middle;
}

/* NAVICATION */
#header {
	width: auto;
	height: 32px;
	margin: 0 auto;
}
#header .content{
	margin: auto;
}
#header .content2{
	height: 32px;
	margin: auto;
	position:relative;
	top:0;
}
/* Header */
#header #menu{
	height: 32px;
	margin: auto;
	padding:0;
}
#header #menu ul{
	list-style-type: none;
	margin:0;
	margin-left: 32px; /*Left offset of entire tab menu relative to page*/
	padding:0;
}
#header #menu li{
	display:inline;
	margin:0;
}
#header #menu a{
	float:left;
	margin:0;
	margin-right:100px; /*spacing between each tab*/
	padding:8px 0 0 0;
	text-decoration:none;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header #menu a span {float:none;}
/* End IE5-Mac hack */
#header #menu a:hover span {
color: #fff000;
}

/* CONTACT PAGE */
#left{
float:left;
margin:0 auto;
padding:0 0 10px 20px;
width:242px;
background:#630000;
}

#right{
float:right;
width:707px;
}

.feedback-textfield{
background:#680808;
border:1px dotted #AE2015;
padding:2px 0 2px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#AE2116;
}

.btm{
background:#680808;
border:1px dotted #AE2015;
padding:2px 15px 2px 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#AE2116;
}

.tit1{
font-size:13px;
color:#FFFFFF;
font-weight:bold;
text-transform:capitalize;
text-align:left;
}

#contact_col {
	float:left;
	padding:20px;
	width:420px;
	background-color:#E4EFF3;
	border:1px solid #FFFFFF;
}
#contact_col h2 {
	background:url(../images/ammenities_bg.gif) repeat-x;
	line-height:41px;
	font-family:Verdana, Arial;
	font-size:14px;
	font-weight:bold;
	;
	color:#fff;
	padding:0 0 0 20px;
}
label {
	float: left;
	width: 120px;
	font-weight: bold;
}
input, textarea {
	width: 180px;
	margin-bottom: 7px;
}
input.inp {
	width: 300px;
}
input.btn {
	width:80px;
	background-color:#000;
	cursor:hand;
	color:#fff;
	height:25px;
}
input.random {
	width:120px;
}
textarea {
	width: 250px;
	height: 150px;
}
.boxes {
	width: 1em;
}
#submitbutton {
	margin-left: 120px;
	margin-top: 5px;
	width: 90px;
}
br {
	clear: left;
}
.style1 {
	color:#F6FF00;
}
.reservation_col h4 {
	background-color:#D6D6D6;
	padding:20px 0 0 7px;
}

/**** GALLERY ****/
#gallery1 {
width:940px;
}

#gallery1 img {
padding:0 12px 0 12px;
}

#col{
	width:156px;
	float:left;
}
.col{
	width:156px;
	float:left;
}

#col-mid{
	width:360px;
	float:left;
	padding:0 5px 0 5px;
}

/* .................................... Gallery ................................................*/


	#slideshow{
		width:800px;	/* Total width of slideshow */
		margin:0 auto;
	}
	
	#previewPane{
		border:1px solid #7D7847;
		margin:0 0 0 0;	
		text-align:center;
		vertical-align:middle;
		padding:15px 0 0 0;
		position:relative;
		
		/* CSS HACK */
		height: 300px;	/* IE 5.x */
		height/* */:/**/300px;	/* Other browsers */
		height: /**/400px;
				
	}
	#previewPane img{
		line-height:300px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		text-align:center;
		font-family: Verdana, Arial, Helvetica, sans-serif;	/* Font to use */
		color:#000;
		font-weight:bold;
		font-size:0.9em;
	}
	#galleryContainer{
		
		height:80px;	/* Height of the images + 2 */
		border:1px solid #7D7847;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 80px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/80px;	/* Other browsers */
		height: /**/80px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FEFCF0;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FEFCF0;
		padding:1px;		
	}
	#theImages{
	position:absolute;
	padding:15px 10px 10px 10px;
	width: 1500px;
	height: 96px;
	top: -1px;
		
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}
	
/* ..................................**********************************************************............*/

#gallery_leftright_ { width:1004px; position:relative; height:60px; padding-top:356px; text-align:center;}

#gallery_leftright_ img.left { width:55px; height:62px; background:#444; float:left;cursor:pointer;}
#gallery_leftright_ img.right { width:55px; height:62px; background:#444; float:left;cursor:pointer;}

#gallery_leftright_ ul { list-style:none; padding:0; margin:0; float:left; background:#444; border:2px solid #444; border-width:5px 2px;}
#gallery_leftright_ ul li { display:inline; width:50px; height:50px; float:left; margin:0 4px; border:1px solid #000; cursor:pointer;}

#gallery_leftright_ ul li.hide { display:none;}

/* using background images */
#gallery_leftright_ ul li.th1 {background:url(../left_right_click_files/2.jpg);}
#gallery_leftright_ ul li.th2 {background:url(../left_right_click_files/1.jpg);}
#gallery_leftright_ ul li.th3 {background:url(../left_right_click_files/3.jpg);}
#gallery_leftright_ ul li.th4 {background:url(../left_right_click_files/4.jpg);}
#gallery_leftright_ ul li.th5 {background:url(../left_right_click_files/5.jpg);}
#gallery_leftright_ ul li.th6 {background:url(../left_right_click_files/6.jpg);}
#gallery_leftright_ ul li.th7 {background:url(../left_right_click_files/7.jpg);}
#gallery_leftright_ ul li.th8 {background:url(../left_right_click_files/8.jpg);}
#gallery_leftright_ ul li.th9 {background:url(../left_right_click_files/9.jpg);}
#gallery_leftright_ ul li.th10 {background:url(../left_right_click_files/10.jpg);}
#gallery_leftright_ ul li.th11 {background:url(../left_right_click_files/11.jpg);}
#gallery_leftright_ ul li.th12 {background:url(../left_right_click_files/12.jpg);}
#gallery_leftright_ ul li.th13 {background:url(../left_right_click_files/13.jpg);}
#gallery_leftright_ ul li.th14 {background:url(../left_right_click_files/14.jpg);}

/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery_leftright_ ul li img { visibility:hidden; display:block; width:50px; height:50px;}

#gallery_leftright_ ul li span { display:none; position:absolute; left:61px; top:430px; width:411px;font-family:verdana, arial, sans-serif; color:#666; font-size:11px; line-height:15px; text-align:justify;}
#gallery_leftright_ ul li b { color:#444;}

#gallery_leftright_ ul li.chosen { border-color:#fff; cursor:default;}
#gallery_leftright_ ul li.chosen div { background:#444; position:absolute; padding:30px 0 0 0; top:0; left:0; right:0; width:532px; height:325px; border:1px solid #000; border-width:1px 1px 0 1px;}
#gallery_leftright_ ul li.chosen div i { width:530px; display:table-cell; text-align:center;} 
#gallery_leftright_ ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px solid #aaa; margin:0 auto;}
#gallery_leftright_ ul li.chosen span {display:block;}

/* .................................... Area Attraction ................................................*/
#image-container{
	width:246px;
	float:left;
	padding:2px;
}
.image-containers{
	width:246px;
	float:left;
	padding:2px;
}

#image-container2{
	width:246px;
	float:right;
	padding:2px;
}

a.image-container{
	padding:0 2px 2px 0;
	border:none;
}