*{margin:0 auto; padding:0px;}
body{margin:0 auto; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#121212; line-height:18px; background:#fff url(../images/body-dj.gif);}
td{vertical-align:top;}


h1{font-size:14px; color:#0c567b;text-decoration:none; text-align:left; padding:15px 0px 5px 20px; margin:0px;}
h2{font-size:16px; color:#731706; padding:10px 10px 0px 10px; margin:0px; font-weight:bold;}
h3{font-size:16px; color:#000; padding:20px 0px 10px 10px; margin:0px; font-weight:bold;}
h4{font-size:16px; color:#fff; padding:10px 5px 5px 20px; margin:0px; font-weight:bold;}
h5{font-size:18px; color:#121212; padding:0px 5px 15px 10px; margin:0px; font-weight:normal;}

h5 a {color: #121212; text-decoration:none;}
h5 a:hover {color: #fff; font-weight:normal;}

ul {color: #fff; line-height:25px; padding:0px 0px 0px 0px; margin:10px 25px 10px 20px;}
li {color: #fff; padding:0px 0px 0px 0px; margin:10px 25px 10px 20px; list-style:decimal;}
li a {color: #fff; text-decoration:none;}
li a:hover {color: #d43838; font-weight:bold;}

.link{
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFCC00;text-decoration:none;

}

.link a{
font-size:11px; color:#FF9900;text-decoration:none;
}

.link a: hover{
font-size:12px; color:#333333;text-decoration:none;
}
.link a:active{
font-size:12px; color:#FFCC00;text-decoration:none;
}
.link a:visited{
font-size:12px; color:#00CC33;text-decoration:none;
}
#djcontents{ width:920px; margin:0 auto; padding:0px 40px 0px 40px;}

.header{width:920px; height:109px; background:url(../images/header-bg.jpg) left repeat-x;}
.logo{ float:left; width:214px; height:74px;}
.search-box{ float:left; width:706px; height:100px;}
.search-box2{float:right; width:250px; padding:5px 0px 0px 0px; margin:0px;  }
.search-box3{float:right; width:100px; padding:0px 20px 0px 20px; margin:0px;  }

.face-book{float:right; width:250px; padding:0px 0px 0px 0px; margin:0px;  }
.search-bd{float:left; width:250px; padding:5px 0px 0px 0px; margin:0px; font-size:11px;   }
.search-bd a{color:#252423; text-decoration:none;}
.search-bd a:hover {color:#ccc; text-decoration:none;}

.go-box{float:left; width:45px; height:18px; background-color:#eee; border:1px #cdcdcd solid;}
.go-txt{float:left; color:#252423; line-height:15px; font-size:14px; padding:0px 10px 0px 15px; margin:0px;}
.go-txt  a{color:#252423; text-decoration:none;}
.go-txt a:hover {color:#fff; text-decoration:none;}
.search-frame{float:left; width:146px; }





.nav-box{float:left; width:920px; height:35px; background-color:#fff; margin:0px; padding:10px 0px 0px 0px; }


/*-----------------------djMenu-----------------*/


#dj-menu {
	float:left;
	width: 100%;
	height: 45px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	background:url(../images/nav-line-bg.jpg) no-repeat;
	}



#dj-menu ul {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#dj-menu ul li {
	padding: 0px;
	margin: 0px;
	display: inline;
}

#dj-menu ul li a {
    font-family:Arial, Helvetica, sans-serif;
	position:inherit;
	float: left;
	/*width:95px;
	display: block;*/
	height: 5px; /*center line of menu */
	padding: 3px 10px 3px 10px;
	margin: 0px 0px 0px 0px; /*space between Menu */
	text-align: center;
	font-size: 12px;
	text-decoration: none;
	color: #252423;
	font-weight:normal;
	outline: none;
	text-shadow: 0 1px 1px #fff;
   border-right:1px solid #a1a1a1; /*center line of menu */
    
}

#dj-menu li a:hover, #dj-menu li .current {
	color:#ccc;
	
	
	/*-webkit-border-radius:10px;
  -moz-border-radius:10px;*/
}
/*--------------------------------dj Menu End Here-----------------------------------------*/

.main-box{float:left; width:920px;}
.banner{float:left; width:920px; height:380px;}
.hide{float:left; width:920px; margin:0px; padding:0px;}

.hotel{float:left; width:640px; padding:20px 20px 20px 20px;}
.hotel-box{float:left; width:620px; border:1px solid #ffffff; padding:10px; }
.hotel-box1{float:left; width:310px;  }
.hotel-txt{float:left; width:100px;  }
.hotel-txt2{float:left; width:150px;  }


/*** set the width and height to match your images **/

#slideshow {
	float:left;
	position:relative;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
/*sliding show ends here*/

.cap-box{float:left; width:960px; background:url(../images/cap-bg.jpg);}
.index-box{float:left; width:920px; background-color:#F6F6F6; padding:0px 0px 0px 0px; /*border-bottom:1px #a99354 solid;*/}
.award{float:left; width:214px; background-color:#F6F6F6;}
.home-box{float:left; width:686px; background-color:#f6f6f6;  padding:0px 10px 0px 10px; }
.home-box p{font-size:12px; color:#4f4f4f; padding:5px 10px 0px 10px; margin:0px 0px 0px 0px; line-height:18px;  text-align:justify; font-weight:normal;}
.home-box  a{color:#4f4f4f; text-decoration:none;}
.home-box   a:hover {color:#ccc; text-decoration:none;}

.index-box2{float:left; width:920px; background-color:#f0f0f0; padding:0px 0px 0px 0px; /*border-bottom:1px #d4d4d4 solid;*/}

.reserve-box{float:left; width:210px;}


.formbox2{width:200px; float:left; margin:0 0 0 0px}
.formbox-in2{width:200px; float:left; margin:0 0 0 0px}
.formbox-in{width:476px; float:left; margin:0 0 0 0px}

.formbox{width:250px; float:left; margin:0 0 0 0px}
.filled-box{float:left; width:230px; padding:0px 0px 0 0px; }
.filled-name{ float:left; width:60px; padding:10px 0px 0 20px; }
.filled-name5{ float:left; width:60px; padding:10px 0px 0 20px; }
.filled-input{ float:left; width:150px; padding:10px 0px 0 0px; }
.filled-input12{ float:right width:200px; padding:5px 0px 5px 200px;  }
.filled-input13{ float:right width:200px; padding:5px 0px 5px 100px;  }

.formbox3{width:230px; float:left; margin:0 0 0 0px;}
.formbox-in3{width:210px; float:left; margin:0 0 0 0px;}
.filled-name3{ float:left; width:60px; padding:5px 0px 0 20px; }

.filled-input2{ float:left; width:130px; padding:0px 0px 0 0px; }

.form-line{ float:left; width:10px; color:#4F5660;}

.special-box{float:left; width:434px;}


.event-gray{float:left; width:686px; background-color:#fbfbfb;padding:5px 0px 5px 10px; margin:0px; border-bottom:1px #999999 dashed; }
.event-image{float:left; width:185px; height:84px; padding:0px 0px 0px 0px; }
.event-dframe { float:left; width:485px; padding-top:2px; padding-left:5px;}
.event-dframe p { font-size:12px; color: #333; line-height:18px; vertical-align:top; margin:0px; padding:5px 10px 0px 0px;}
.event-dframe p a {color:#333; text-decoration:none; }
.event-dframe p a:hover {color:#ccc; text-decoration:none; font-weight:bold; }

.event-dframe ul {color:#fdd39e; text-decoration:none; list-style:square;}
.event-dframe li {color:#000; text-decoration:none; line-height:12px;  }

.accommodation{float:left; width:666px; background-color:#fff; letter-spacing:45px; padding:5px 15px 5px 15px; margin:0px; border-bottom:1px #999999 dashed; }

.accommodation2{float:left; width:696px;  padding:0px 0px 0px 0px; margin:0px;  }






.footer-bg{float:center; width:920px; height:50px; background-color:#ffffff; padding:0px 0px 0px 0px; }
.footer-txt{ text-align :center; width:920px; padding:10px 0px 5px 0px;}

.footer-txt p{font-size:11px; color:#1f1e1c; padding:0px 0px 0px 10px; margin:0px 10px 0px 10px; line-height:18px;  text-align:center; letter-spacing:1px; font-weight:normal;}

.footer-txt  a{color:#1f1e1c; text-decoration:none;}
.footer-txt  a:hover {color:#ccc; text-decoration:none;}

.social{float:left; width:170px; height:40px; letter-spacing:10px; padding:20px 10px 0px 20px; background-color:#2a2e2a; }

.blk{color:#000; font-weight:bold; line-height:20px;}
.blk  a{color:#000;  text-decoration:none;}
.blk a:hover {color:#000; text-decoration:none;}

.red{font-size:14px; color:#666;}


/*dj Gallery page coding start here */

.slide-leftgap{ width:660px; height:auto; padding-left:0px; margin:0px;}

	/* slideshow styles */
		.slideShow ul, .slideShow li {
			/*list-style-type: none;*/
			margin: 0px;
			padding: 0px;
		}
		.slideShow {
			padding: 10px; display: table;
			clear: both;
			margin-bottom: 10px;
		}
		.slideShow .navigation {					/*thumb nav gaping spaces;*/
			margin:10px 0px 0px 0px;
			clear: left;
			display: block;
				padding:0px 10px 0px 10px;
		}
		.slideShow .navigation li {
			display: inline;
		}
		.slideShow .navigation a {
			
			margin: 0px 2px 0px 0px;
			padding: 3px 8px;
			color: #fff; 			/*All thumb img hover (color white)*/
			display: inline-block;
			text-decoration: none;
			font-size: 0.8em;
			/*border:1px #666666 dashed;*/
		}
		.slideShow ul.topNavigation {
			margin: 0px 0px 44px 0px;
		
		}
		.slideShow .navigation a:hover, .slideShow .navigation a.selected {
			background-color: #d4d4d4;
			color: #fff; /*thumb img hover color*/
		}
		
		/** slides with more than an image in it **/
		.slide img {
	position: absolute;
	background-image: url(images/img-b4.jpg);
		}
		.slide h1 {
			position: absolute;
			background-color: #ffffff;
			left: 0px;
			top: 0px;
		}
		
		/** slides with text over images **/
		.slide p {
			margin: 1em;
			position: absolute;
			background-color: #ededed;
			color: #fff;
			z-index: 1000;
			padding: 0.2em 0.8em;
		}
		.slide p a {
			color: #fff;
		}
		
		/** slideshow with images in navigation **/
		.navigation.white a, .navigation.white li {
			background-color: #ffffff;
		}
		.navigation.white a {
			border: 1px solid #ffffff;
			padding: 0px;
			line-height: 0.8em;
		}
		.navigation.white a:hover, .navigation.white a.selected {
			background-color: #999;
			border: 1px solid #ff9900;
		}
		
/*coding ends here*/


/*banner slider*/


#regent{float:left; width:658px; height:233px; background-color:#F1EAD6; padding:5px 15px 5px 15px; margin:0px; border-bottom:1px #999999 dashed; }

#slider {
	position:relative;
	overflow:hidden;
	 width:658px;	
	height: 233px;
}

#mask-gallery {
	
	overflow:hidden;	
}

#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:666px;
	overflow:hidden;
}

	#gallery li {

		
		/* float left, so that the items are arrangged horizontally */
		float:left;
		margin:0px;
		padding:0px 0px 0px 0px;
	}


#mask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:0;
	left:0;
	z-index:500px;
	
	/* width should be lesser than #slider width */
	width:200px;
	overflow:hidden;	
	

}
	
#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=80);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	/* Set the position */
	width:233px;
	z-index:0;
	position:absolute;
	top:0;
	left:0;
	background-color:#000;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	
}

	#excerpt li {
		padding:5px 10px 0px 10px;
		line-height:25px;
		font-style:normal;
		list-style:none;

	}
	


.clear {
	clear:both;	
}





/*switch djay*/
.handcursor{
cursor:hand;
cursor:pointer;
 padding:0px 0px 0px 5px; margin:0px 0px 0px 5px;
}

.swtich-txt{float:left; padding:0px 0px 0px 0px; margin:0px;}
.swtich-txt p{ font:11px Arial, Helvetica, sans-serif; color:#999999;  padding:0px 0px 0px 5px; margin:0px; line-height:18px; text-align:justify; }
.bobcontent1-title{float:left; padding:0px 0px 0px 0px; margin:0px; color:#999999; font-size:20px;}
/*switch Command ends here*/