@charset "utf-8";
/* CSS Document */
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,label,input,p,blockquote{margin:0;padding:0;}
body{ font-family:Arial;font-size:14px; line-height:18px; background:#fff; }
a{text-decoration:none; overflow:hidden; border:0px; outline:none;}
img{text-decoration:none; border:0px;}
li{text-decoration:none;overflow:hidden; list-style:none;}
ul{text-decoration:none;overflow:hidden; list-style:none;}
p{text-align:justify;}
img{padding:0px; margin:0px; float:left;}

#mainWrapper{
	width:100%;
	background:#fff url(../images/body_bg.png) repeat-x left top;
	float:left;
}
#mainWrapper1{
	width:100%;
	background:#fff url(../images/body_bg1.png) repeat-x left top;
	float:left;
}
#main{
	margin:0 auto;
	width:971px;
}
#reserve{
	position:absolute;
	margin:2px 0 0 257px;
}
#topPortion{
	float:left;
	width:971px;
	position:relative;
	padding:10px 0 10px 0;
}
#topPortion h1{
	position:absolute;
	margin:5px 0 0 5px;
}

em.ttip {
	background: url(../images/bubble.png) no-repeat;
	width: 112px;
	height: 56px;
	position: absolute;
	top: -120px;
	left: 30px;
	text-align: center;
	text-indent:-0px;
	z-index: 2;
	font-size:14px;
	font-weight:bold;
	display: none;
	line-height:70px;
	color:#4e4e4e;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
ul#menu{
	float:right;
	padding:0 0px 0 0px;
	display:block;
	width:auto;
	margin:95px 0 -11px 0;
}
ul#menu li{
	float:left;
	background:url(../images/nav-back-rt.png) right top no-repeat;
	padding:0px 0px 0px 4px;
}
ul#menu li span{
	float:left;
	background:url(../images/nav-back-lt.png) left top no-repeat;
	padding:0px 3px 0px 2px;
}

ul#menu li a{
	float:left;
	padding:0px 20px 0px 0px;
	color:#fff;
	font-size:18px;
	font-family:Arial;
}

ul#menu li a span{
	float:left;
	display:block;
	width:auto;
	height:20px;
	line-height:14px;
	cursor:pointer;
	padding:8px 0px 3px 20px;
}
ul#menu li a:hover, ul#menu li a.active{
	color:#fff;
	background-color:inherit;
	background:url(../images/nav-back-rt-r.png) right top no-repeat;
	float:left;
	
}
ul#menu li a:hover span, ul#menu li a.active span{
	background:url(../images/nav-back-lt-r.png) left top no-repeat;
	color:#fff;
	float:left;
}
.banner{
	float:left;
	width:971px;
	background:url(../images/banner_bg.png) no-repeat left top;
	height:550px;
	margin:0 0 0 0;
	padding:5px 0 0 5px;
}

.whitebanner{
	float:left;
	width:971px;
	background-color:#fff;
	height:1080px;
	margin:0 0 0 0;
	padding:5px 0 0 5px;
}
.whitebannern{
	float:left;
	width:971px;
	background-color:#fff;
	margin:0 0 0 0;
	padding:5px 0 0 5px;
}

.whitebannern h2{
	color:#141414;
	font-size:21px;
	line-height:26px;
	margin:10px 0 10px 15px;
	width:300px;
}

.whitebannern h3{
	color:#141414;
	font-size:24px;
	line-height:25px;
	margin:20px 0 20px 15px;
}

.topRight{
	float:right;
	width:364px;
	margin: -60px 0 0 0;
}
.topRight h3{
	float:right;
	width:364px;
	color:#141414;
	font-size:21px;
	line-height:25px;
	margin:20px 20px 0 0;
}
.topRight h2{
	float:right;
	width:364px;
	color:#141414;
	font-size:21px;
	line-height:25px;
}


.bannerTop  {
	border:1px solid #990000;
	float:right;
	margin:20px 20px 20px 0;
	padding:1px;
	width:362px;
}


.topRight ul{
	float:left; 
	width:362px;
	padding-bottom:25px;
}
.topRight ul li{
	float:left; 
	width:337px;
	padding:25px 0 0 25px;
}
.topRight ul li p.news{
	float:left; 
	width:294px;
	color:#727272;
	font-size:14px;
	line-height:18px;
	margin:0px;
	padding:0px;
}
.topRight ul li p.news b{
	float:left; 
	width:294px;
	padding:0  0 10px 0;
	color: #660000;
}
.topRight ul li p.news a{
	color:#722222;
}
.topRight ul li p.news a:hover{
	color:#722222;
	text-decoration:underline;
}

.bannerTopRoom  {
	background:url("../images/leftTop.png") repeat-x scroll left top #FFFFFF;
	float:left;
	width:362px;
}

p.whitebanner {
    color:#727272;
	float:left;
	font-size:14px;
	line-height:18px;
	margin:10px 0 0 10px;
	width:500px;
	font-family:Arial;
}

.shortwhitebanner{
	float:left;
	width:971px;
	background-color:#fff;
	height:396px;
	margin:0 0 0 0;
	padding:5px 0 0 5px;
}

.shortwhitebanner img{
	display: inline;
    margin-left: 20px;
    margin-right: auto }


.inner{
	float:left;
	width:971px;
	margin:20px 0 0 0;
	padding:0 0 50px 0;
}
.innerLeft{
	float:left;
	width:558px;
}

.innerLeft h3{
	float:left;
	width:558px;
	color:#141414;
	font-size:21px;
	line-height:25px;
	margin:40px 0 0 0;
}
.innerLeft h2{
	float:left;
	width:558px;
	color:#141414;
	font-size:21px;
	line-height:25px;
}

.mainimg {
	float:left;
	padding: 20px 0 0 0;
}


p.contd{
	float:left;
	width:440px;
	color:#727272;
	font-size:14px;
	line-height:18px;
	margin:10px 0 0 10px;
}


p.contd a{
	color:#722222;
	font-size:14px;
}
p.contd a:hover{
	color:#722222;
	font-size:14px;
	text-decoration:underline;
}


p.contdw{
	float:left;
	width:540px;
	color:#727272;
	font-size:14px;
	line-height:18px;
	margin:10px 0 0 10px;
}

p.contdw a{
	color:#722222;
	font-size:14px;
}
p.contdw a:hover{
	color:#722222;
	font-size:14px;
	text-decoration:underline;
}



ul.mainBtm{
	float:left;
	width:550px;
}
ul.mainBtm li{
	float:left;
	width:550px;
	padding:20px 0 10px 0;
}
ul.mainBtm li img{
	float:left;
	width:auto;
}
ul.mainBtm li p.blk{
	float:right;
	width:310px;
	color:#727272;
	font-size:14px;
	line-height:18px;
	display:block;
}
ul.mainBtm li p.blk b{
	width:310px;
	color: #660000;
}
ul.mainBtm li p.blk a{
	color:#722222;
}
ul.mainBtm li p.blk a:hover{
	text-decoration:underline;
}


ul.leftBtm{
	float:left;
	width:260px;
}
ul.leftBtm li{
	float:left;
	width:250px;
	padding:30px 0 30px 0;
}
ul.leftBtm li img{
	float:left;
	width:auto;
}
ul.leftBtm li p.blk{
	float:right;
	width:171px;
	color:#727272;
	font-size:12px;
	line-height:21px;
	display:block;
}
ul.leftBtm li p.blk b{
	width:171px;
}
ul.leftBtm li p.blk a{
	color:#722222;
}
ul.leftBtm li p.blk a:hover{
	text-decoration:underline;
}
ul.leftBtm1{
	float:right;
	width:260px;
}
ul.leftBtm1 li{
	float:left;
	width:250px;
	padding:30px 0 30px 0;
}
ul.leftBtm1 li img{
	float:left;
	width:auto;
}
ul.leftBtm1 li p.blk{
	float:right;
	width:171px;
	color:#727272;
	font-size:12px;
	line-height:21px;
	display:block;
}
ul.leftBtm1 li p.blk b{
	width:171px;
}
ul.leftBtm1 li p.blk a{
	color:#722222;
}
ul.leftBtm1 li p.blk a:hover{
	text-decoration:underline;
}
.BtmLeft{
	float:left;
	width:558px;
	background:url(../images/leftBtm.png) no-repeat top left;
	margin:30px 0 0 0;
	height:119px;
}
.BtmLeft ul{
	float:left;
	width:558px;
	padding:18px 0 0 27px;
}
.BtmLeft ul li{
	float:left;
	width:auto;
}
.BtmLeft ul li{
	float:left;
	width:auto;
}
.innerRight{
	float:right;
	width:364px;
}
.innerRight h3{
	float:left;
	width:364px;
	color:#141414;
	font-size:21px;
	line-height:25px;
	margin:40px 0 0 0;
}
.innerRight h2{
	float:left;
	width:364px;
	color:#141414;
	font-size:21px;
	line-height:25px;
}
.rightTop{
	float:left; 
	border:1px solid #990000; 
	width:362px;
	padding:1px;
	margin:30px 0 0 0;
}
.rightTopRoom{
	float:left; 
	width:362px;
	background:#fff url(../images/leftTop.png) repeat-x top left;
}
.rightTopRoom ul{
	float:left; 
	width:362px;
	padding-bottom:25px;
	padding-top:20px;
}
.rightTopRoom ul li{
	float:left; 
	width:337px;
	padding:5px 0 0 18px;
}
.rightTop1{
	float:left; 
	width:362px;
	background:#fff url(../images/leftTop.png) repeat-x top left;
}
.rightTop1 ul{
	float:left; 
	width:362px;
	padding-bottom:25px;
}
.rightTop1 ul li{
	float:left; 
	width:337px;
	padding:25px 0 0 25px;
}
.rightTop1 ul li p.news{
	float:left; 
	width:294px;
	color:#727272;
	font-size:14px;
	line-height:18px;
	margin:0px;
	padding:0px;
}
.rightTop1 ul li p.news b{
	float:left; 
	width:294px;
	padding:0  0 10px 0;
	color: #660000;
}
.rightTop1 ul li p.news a{
	color:#722222;
}
.rightTop1 ul li p.news a:hover{
	color:#722222;
	text-decoration:underline;
}
.rightTop1 ul li p.testi{
	float:left; 
	width:212px;
	color:#727272;
	font-size:12px;
	line-height:21px;
	margin:0px;
	padding:0px 0 0 15px;
}
.rightTop1 ul li p.testi b{
	float:left; 
	width:212px;
	padding:10px  0 10px 0;
}

.rightBtm{
	float:left;
	width:297px;
	color:#595959;
	font-size:12px;
	line-height:21px;
	margin:20px 0 0 0;
}
.rightBtm a{
	color:#722222;
	font-size:12px;
	text-decoration:underline;
}
.rightBtm a:hover{
	color:#722222;
	font-size:12px;
	text-decoration:none;
}
#footer{
	float:left;
	width:100%;
	height:100px;
	background:url(../images/footer_bg.png) repeat-x left top;
}
#footer_portion{
	width:971px;
	margin:0 auto;
}
.footerleft3{
	float:left;
	width:990px;
	display:block;
	color:#727272;
	font-size:11px;
	margin:3px 0 0 0;
	padding:0px;
}
.footerleft3 a{
	color:#727272;
}
.footerleft3 a:hover{
	color:#999;
}
.footerleft2{
	float:left;
	width:650px;
	display:block;
	color: #CCCC66;
	font-size:11px;
	margin:10px 0 0 0;
	padding:0px;
}

ul.footerBtm2 {
	float:right;
	clear:both;
	width:auto;
	margin:-20px 0 0;
}
ul.footerBtm2 li{
	float:right;
	color:#727272;
}
ul.footerBtm2 li a{
	float:right;
	color:#727272;
	font-size:11px;
	padding:0 5px 0 5px;
}
ul.footerBtm2 li a:hover{
	float:right;
	color:#999;
	font-size:11px;
	padding:0 5px 0 5px;
}
.footerRight{
	float:right;
	margin:-50px 0 0 0px;
	color:#727272;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
}
.footerRight strong a{
	color:#333;
	font-size:12px;
}
.footerRight strong a:hover{
	color:#727272;
	font-size:12px;
}

/* Easy Slider */

#container{	
margin:0px;
display:block;
position:relative;
text-align:left;
width:960px;
padding:0 0px 0 0px;
margin:0px;
float:left;
border:0px;
}
#slider{width:960px;
	 margin:0px;
		padding:0 0px 0 0px; display:block}	
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
float:left;
}
#slider li{ 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width:960px;
overflow:hidden;
outline:0px;
height:500px;
border:0px;
}	
#prevBtn, #nextBtn{ 
display:block;
width:31px;
height:31px;
position:absolute;
left:-0px;
top:120px;
}	
#nextBtn{ 
left:295px;
}														
#prevBtn a, #nextBtn a{  
display:block;
width:31px;
height:31px;
position:absolute;
z-index:10; 
left:15px;
top:110px;
text-indent:-9999px;
background:url(../images/left_arrow.png) no-repeat;
}	
#nextBtn a{ 
background:url(../images/right_arrow.png) no-repeat;
left:620px;
}												
	
/* // Easy Slider */
.blog{
	color:#6a6a6a;
	font-size:13px;
	display:block;
	line-height:22px;
	padding:0px 0px 0px 0px;
	text-align:justify;
	float:left;
	width:520px;
}
h5.bloghead{
	font-family:Verdana, Geneva, sans-serif;
	line-height:10px;
	padding:40px 0px 10px 0px;
	float:left;
	margin:0px;
	width:500px;
	color:#727272;
	font-size:14px;
	text-decoration:underline;
}
.blogdate{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	font-weight: normal;
	color: #b6b6b4;
	width:500px;
}

.blogcont{
	width:500px;
	float:left;
	padding:10px 0px 10px 0px;
	font-family: Arial;
	font-size:12px;
	font-weight:normal;
	color: #727272;
	display:block;
	text-align:justify;
	margin:0px;
	border-bottom:1px #727272 dotted; 
}
.blogcont b{
	text-decoration:underline;
	color:#727272;
}
.blogcont a{
	float:left;
	color: #727272;
	display:block;
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	margin:0px;
	padding:5px 0 10px 0;
}
.blogcont a:hover{
	float:left;
	color: #000;
	display:block;
}
.blogcont1{
	width:500px;
	float:left;
	padding:10px 0px 10px 0px;
	font-family: Arial;
	font-size:13px;
	font-weight:normal;
	color: #727272;
	display:block;
	text-align:justify;
	margin:0px;
	border-bottom:none; 
}
.blogcont1 a{
	float:left;
	color: #727272;
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	margin:0px;
	padding:0px;
}
.blogcont1 a:hover{
	float:left;
	color: #666;
	display:block;
}
.blogcont1 b{
	text-decoration:underline;
	color:#727272;	
}
.usefullinks{
	display:block;
	float:left;
	padding:15px 0px 31px 0px;
	width:550px;
}
.usefullinks li{
	display:block;
	width:500px;
 	background:url(../images/arrow.png) left no-repeat;
	padding-top:4px;
	padding-left:30px;
	line-height:23px;
}
.usefullinks li a{
	color:#727272;
	font-family: Arial;
	font-size:12px;
	width:auto;
	text-align:justify;
	line-height:20px;
	background:none;

}
.usefullinks li a:hover{
	color:#141414;
	font-family: Arial;
	width:auto;
	font-size:12px;
	text-align:justify;
	line-height:20px;
	background:none;
}
ul.innerLeftBtm{
	float:left;
	width:618px;
	margin:20px 0 0 0;
}
ul.innerLeftBtm li{
	float:left;
	width:250px;
	margin:25px 0 0 0;
}
ul.innerLeftBtm li.mid1{
	float:left;
	width:250px;
	margin:25px 0 0 50px;
}
ul.innerLeftBtm li.last1{
	float:left;
	width:250px;
	margin:20px 0 0 50px;
}

ul.innerLeftBtm li img{
	float:left;
	width:250px;
	padding:0 0 8px 0;
}
.contd{
	float:left;
	color:#722222;
	width:240px;
	font-size:15px;
	font-family:Arial;
	padding:10px 0 0px 0;
}

.contd strong{
	color:#330000;
}

.value{
	float:left;
	width:240px;
	color:#939191;
	font-size:12px;
	padding:5px 0 15px 0;
	font-family:Arial;
}

.value a{
	color:#990000;
}

ul.pagination{
	float:left;
	clear:both;
	width:500px;
	padding:2px 0 0 6px;
}
ul.pagination li{
	float:left;
	width:auto;
}
ul.pagination li a{
	float:left;
	width:auto;
	color:#605c5c;
	padding:0 5px 0 5px;
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}
ul.pagination li a:hover,ul.pagination li a.active{
	color:#722222;
}



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

#slideshow {
    position:relative;
    height:530px;
}

#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;
}


 /*** for the reservation table **/

.ts-1 {
	border: none;
	height: 1px;
	text-align: left;
	width: 350px;
}

.ts-1-1 {
	border: none;
	float: left;
	height: 1px;
	padding: 0px;
	width: 350px;
}

.gen-1 {
	clear: both;
}

.ts-2 {
	border: none;
	height: 132px;
	text-align: left;
	width: 350px;
}

.ts-2-1 {
	border: none;
	float: left;
	height: 25px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 5px;
	width: 148px;
}

.ts-2-2 {
	border: none;
	float: left;
	height: 27px;
	padding: 3px;
	width: 190px;
}

.ts-3 {
	border: none;
	height: 15px;
	text-align: left;
	width: 350px;
}

.ts-3-1 {
	border: none;
	float: left;
	height: 15px;
	overflow: hidden;
	padding: 0px;
	width: 350px;
}

.ts-4 {
	border: none;
	height: 45px;
	text-align: left;
	width: 350px;
}

.ts-4-1 {
	border: none;
	float: left;
	height: 45px;
	padding: 0px;
	width: 350px;
}

.ts-5 {
	border: none;
	height: 35px;
	text-align: left;
	width: 350px;
}

.ts-5-1 {
	border: none;
	float: left;
	height: 35px;
	line-height: 35px;
	padding: 0px;
	width: 350px;
}

.ts-6 {
	border: none;
	height: 10px;
	text-align: left;
	width: 100%;
}

.ts-6-1 {
	border: none;
	float: left;
	height: 10px;
	overflow: hidden;
	padding: 0px;
	width: 100.00%;
}

.mediatable{
	color:#6a6a6a;
	font-size:16px;
	display:block;
	line-height:18px;
	padding:20px 0px 0px 0px;
	text-align:left;
	float:left;
	width:550px;
}

ul.videos{
	float:left;
	width:900px;
	margin:20px 0 0 0;
}
ul.videos li{
	float:left;
	width:250px;
	margin:25px 0 0 50px;
}
ul.videos li.mid1{
	float:left;
	width:250px;
	margin:25px 0 0 50px;
}
ul.videos li.last1{
	float:left;
	width:250px;
	margin:20px 0 0 50px;
}

ul.videos li a img{
	float:left;
	width:250px;
	padding:0 0 8px 0;
	opacity: 0.85;
	filter: alpha(opacity=85);
}

ul.videos a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}


.xFloater
{
    float:left;
    display:inline;
    overflow:hidden;
    position:absolute;
    position:fixed;
    left:0px;
    bottom:10%;
    cursor:pointer;
	z-index:20;
}
.xFloatingLeft{
    float:left;
    display:inline;
    overflow:hidden;
    position:absolute;
    position:fixed;
    left:0px;
    bottom:10%;
    width:399px;
    height:280px;
    margin-left:-390px;
    background:url(../plugin-images/bg.png);
	z-index:20;
}
.xTopx{
    width:399px;
    height:25px;
    text-align:right;
}
.xTopx img{
    float:right;
    display:inline;
    overflow:hidden;
    cursor:pointer;
}
.xFloatingLeft p{
    width:399px;
    text-align:center;

}
.xSmall{
    font-size:10px;
}
.xFloatingLeft form{
    margin-left:20px;
}