@charset "utf-8";
/* CSS Document @ Subhash*/
img, div{ behavior: url(images/iepngfix.htc) }
body{ margin: 0; padding: 0; font-family: Arial, Tahoma, calibri, Verdana, Georgia, Times, serif; font-size: 11px; font-weight: 100; font-style: normal; color: #342b2a; background: url(../images/background-top.jpg) top repeat-x #a6a098}
#contaner{ width: 100%; height: auto; margin: 0; padding: 0; background: url(../images/bottom-back.jpg) bottom left repeat-x; float:left;}
#midcontaner{ width: 960px; height: auto; margin: auto; padding: 0; float:none;}
#wrapper{ width: 960px; height: auto; margin:0; padding:0; float: left; background: none;}
#header{width: 960px; height: 80px; margin:0; padding: 0; background: url(../images/header-background.jpg) no-repeat left top; float: left;}
#footer{width: 960px; height: 56px; margin: 0; padding: 0; border-top: 8px solid #333333; float: left;}
strong{font-weight: bold;}
li{color:#342b2a; font-size: 12px; font-weight: 100; margin:5px; text-align: justify; line-height: 1.3;  text-shadow: 1px 1px #c5b9ad; list-style:inside; }
* html li { display:inline;}

/*heade */
.logo{ width: 314px; height:auto; float: left}
.logo a img{ width: 314px; height:21px; float: left; margin: 30px 0 0 0; border: 0;}
.links{ width: 646px; height:auto; float: left; color:#a69f98; margin: 34px 0 0 0}
.links a{ float: right; color:#a69f98; margin: 0  0 0 20px; font-weight: bold; text-shadow: 1px 1px 1px #000000; text-decoration:none; font-size: 12px; outline:none;}
.links .navselect { color: #FFF};
/* main links*/
.mainlinkArea{ width: 960px; height: 63px; float: left}
.liink-suieits { width: 192px; height: 63px; float: left; overflow: hidden;}
.liink-suieits a {display:block; width: 192px; background: url("../images/btn-suites.jpg") 0 0 no-repeat; text-decoration: none; height: 63px;}
.liink-suieits a:hover { background-position: 0 -63px;}

.liink-eateries { width: 192px; height: 63px; float: left; overflow: hidden;}
.liink-eateries a {display:block; width: 192px; background: url("../images/btn-eateries.jpg") 0 0 no-repeat; text-decoration: none; height: 63px;}
.liink-eateries a:hover { background-position: 0 -63px;}

.liink-staying { width: 192px; height: 63px; float: left; overflow: hidden;}
.liink-staying a {display:block; width: 192px; background: url("../images/btn-staying.jpg") 0 0 no-repeat; text-decoration: none; height: 63px;}
.liink-staying a:hover { background-position: 0 -63px;}

.liink-facilities { width: 192px; height: 63px; float: left; overflow: hidden;}
.liink-facilities a {display:block; width: 192px; background: url("../images/btn-facilities.jpg") 0 0 no-repeat; text-decoration: none; height: 63px;}
.liink-facilities a:hover { background-position: 0 -63px;}

.liink-jaunts { width: 192px; height: 63px; float: left; overflow: hidden;}
.liink-jaunts a {display:block; width: 192px; background: url("../images/btn-jaunts.jpg") 0 0 no-repeat; text-decoration: none; height: 63px;}
.liink-jaunts a:hover { background-position: 0 -63px;}

/*wrapper*/
.banner{ width:960px; height:400px; float: left; overflow: hidden}
.wrapper-con{ width: 960px; height: auto; float: left; margin: 1px 0 0 0}
.features{ width: 960px; height: 56px; float: left;}

.cell-book { width: 319px; height: 56px; float: left; overflow: hidden;}
.cell-book a {display:block; width: 319px; background: url("../images/book-suite.jpg") 0 0 no-repeat; text-decoration: none; height: 56px;}
.cell-book a:hover { background-position: 0 -56px;}

.cell-gest { width: 319px; height: 56px; float: left; overflow: hidden;}
.cell-gest a {display:block; width: 319px; background: url("../images/comments.jpg") 0 0 no-repeat; text-decoration: none; height: 56px;}
.cell-gest a:hover { background-position: 0 -56px;}

.cell-special { width: 319px; height: 56px; float: left; overflow: hidden;}
.cell-special  a {display:block; width: 319px; background: url("../images/photo-gallery.jpg") 0 0 no-repeat; text-decoration: none; height: 56px;}
.cell-special  a:hover { background-position: 0 -56px;}


.wrapper-con-bot{ width: 960px; height: auto; float: left; margin: 0 0 0 0; padding: 0 0 0 0; background-color:#a6a098; font-family: Georgia, Arial, Tahoma, calibri, Verdana, Georgia, Times, serif;}
.gallery{ width: 312px; height: auto; float: right; margin: 0 0 0 0; text-align:center;}
.text{ width: 640px; height: auto; float: left; margin: 0 0 0 0; }
.line{ width: 1px; height: 120px; float: left; margin: 0 0 0 0; }
.glow{ background: url(../images/mid-glow.png) top left no-repeat}

.text img{ margin: 0 0 0 8px; border: 0;}
.text P{color:#342b2a; font-size: 12px; font-weight: 100; margin:8px; text-align: justify; line-height: 1.3;  text-shadow: 1px 1px #c5b9ad }

.address{ width:944px; margin:8px; float: left; height: 150px; font-family: Arial, Tahoma, calibri, Verdana, Georgia, Times, serif; font-size: 11px; font-weight: 100;}
.address .add{ width:780px; margin:0; float: left;}
.address .facebook{ width:150px; margin:122px 0 0 0; float: right;}
.address .facebook a img{ border: 0}

.address .add img{margin:70px 0 10px 0;}
.address .add p{ width:780px; margin:0; float: left; font-weight: bold;}
.address .add p a{ text-decoration: none; color: #342b2a}


#footer .links{ width: 500px; height: auto; margin: 0; padding: 0; float: left;}
#footer .links a{ color: #a69f98; margin: 12px 10px 0 10px; padding: 0; float: left; text-decoration: none; text-shadow: 1px 1px 1px #000000; }
#footer .copy {width: 400px; height: auto; margin: 0; padding: 0; float: right;}
#footer .copy a img{ height: 32px; width:108px;}
#footer .copy img{margin: 0; padding: 0; float: right; width: 108px;}
#footer .copy p{width: auto; height: auto; margin: 12px 10px 0 0; padding: 0; float: right; color:#675545}




/* About CASA */

.innerbanner{ width:944px; height:352px; float: left; border: 8px #ffffff solid; overflow:hidden;}


.sublink{ background: #a6a098; float: left; width: 950px; color: #2a2723; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; padding: 0px 0 5px 2px; border-top: #a9a39b 1px solid; margin: 20px 0 0 0}

.sublinkarea{ width: auto; float: left; height:31px; background: url(../images/sub-linls-back.jpg) repeat-x left top; padding: 4px 0 0 0;}
.sublinkareaAct{ width: auto; float: left; height:31px; background: url(../images/sub-linls-backAct.jpg) repeat-x top left; padding: 4px 0 0 0;}

.sublinkmid{ width: 11px; float: left; height:auto;}

.sublinkarea a:hover{ color:#e5e0da; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 100; margin: 4px 8px 0 0; text-decoration: none; text-shadow: 1px 1px #000000; }
.sublinkarea a{ color: #2a2723; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 100; margin: 4px 8px 0 0; text-decoration: none; text-shadow: 1px 1px #e5e0da; padding: 0 0 0 8px; /* border-left: #96918b solid 1px; */ outline:none; }

.sublinkareaAct a:hover{ color:#e5e0da; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 100; margin: 4px 8px 0 0; text-decoration: none; text-shadow: 1px 1px #000000; }
.sublinkareaAct a{ color: #2a2723; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 100; margin: 4px 8px 0 0; text-decoration: none; text-shadow: 1px 1px #e5e0da; padding: 0 0 0 8px; /* border-left: #96918b solid 1px; */ outline:none; }
.sublinkareaAct .subselect { color:#e5e0da; text-shadow: 1px 1px #000000;}


.subleft{ height:auto; float: left; width: 650px;}
.subright{ height:auto; float:right; width:250px;}

.rightimage{ width: 296px; float:right; height: auto; margin: 40px 10px 0 0; background: #ccc7c0; padding: 4px;}
.rightimage img{ margin: 0; padding: 0;}
.rightimage p{ margin: 0; padding: 4px 0 4px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size: 15px; font-weight: bold;}

.inertext { width: 645px; height: auto; float: left; font-family: Georgia, Arial, Helvetica, sans-serif;  margin: 30px 0 0 0; min-height: 300px;}
.inertext P{color:#342b2a; font-size: 12px; font-weight: 100; margin:8px; text-align: justify; line-height: 1.3;  text-shadow: 1px 1px #c5b9ad }
.inertext P a{color:#342b2a; font-size: 12px; font-weight: 100; margin:8px; text-align: justify; line-height: 1.3;  text-shadow: 1px 1px #c5b9ad }



.glow{ background: url(images/glow.jpg) top left no-repeat #FF0000; float: left; width: 960px; background: url(images/glow.jpg) no-repeat top left; min-height: 320px;}

.leftimage{ width: 296px; float:left; height: auto; margin: 15px 0 0 10px; background: #ccc7c0; padding: 4px;}
.leftimage img{ margin: 0;}
.leftimage p{ margin: 0; padding: 4px 0 4px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size: 15px; font-weight: bold;}
.inertext-left { width: 645px; height: auto; float: right; font-family: Georgia, Arial, Helvetica, sans-serif;  margin: 15px 0 0 0}
.inertext-left P{color:#342b2a; font-size: 12px; font-weight: 100; margin:8px; text-align: justify; line-height: 1.3;  text-shadow: 1px 1px #c5b9ad }



.inertext-team { width: 960px; height: auto; float: left; font-family: Georgia, Arial, Helvetica, sans-serif;  margin: 30px 0 0 0}
.inertext-team P{ color:#342b2a; font-size: 12px; font-weight: 100; margin:8px; text-align: justify; line-height: 1.3;  text-shadow: 1px 1px #c5b9ad; float: right; width: auto; height: auto;}
.inertext-team P img{ float: left; height: 120px; width: 100px; border: #ccc7c0 2px solid; margin: 0 8px 0 0}


.inertext-full { width: 960px; height: auto; float: left; font-family: Georgia, Arial, Helvetica, sans-serif;  margin: 30px 0 0 0}
.inertext-full P{ color:#342b2a; font-size: 12px; font-weight: 100; margin:8px; text-align: justify; line-height: 1.3;  text-shadow: 1px 1px #c5b9ad; float: right; width: 942px; height: auto;}
.inertext-full P img{ float: left; height: 100px; width: 224px; border: #ccc7c0 2px solid; margin: 0 8px 0 0}
.inertext-full P a{ color:#342b2a; font-size: 12px; font-weight: 100; margin:8px; text-align: justify; line-height: 1.3;  text-shadow: 1px 1px #c5b9ad }

.inertext-book{ width: 952px; height: auto; float: left; font-family: Georgia, Arial, Helvetica, sans-serif;  margin: 0 0 0 4px; background: #342b2a; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px;}
.book-hed{ width: 880px; height: auto; float: left; background:#2a2723; color: #7e696d; font-size: 17px; font-weight: 100; padding: 4px 0 4px 12px; margin: 10px 0 5px 32px; font-style: italic; text-shadow: 1px 1px #2a2723;}
.book-mid{ width: 880px; height: auto; float: left; font-style:italic; color: #ece7e7; text-shadow: 1px 1px #2a2723; font-size: 17px; font-weight: 100; padding: 4px 0 4px 12px; margin: 0 0 0 32px; text-align: right; padding: 5px 10px 5px 0;}
.book-mid .textlink { width: 830px; height:auto; float:left; padding: 5px 0 0 0}
.book-mid .pdf{ width: 50px; height:auto; float:left;}
.book-mid .textlink a{color: #ece7e7; text-shadow: 1px 1px #2a2723; font-size: 17px; font-weight: 100 }
.book-mid img{ margin: 1px 5px 0 5px; }


.context { width: 480px; height: auto; float: left; font-family: Georgia, Arial, Helvetica, sans-serif;  margin: 85px 0 0 0; min-height: 300px; border-right: 1px solid #cccccc;}
.context P{color:#342b2a; font-size: 12px; font-weight: 100; margin:8px; text-align: justify; line-height: 1.3;  text-shadow: 1px 1px #c5b9ad; margin: 10px 0 0 100px;}
.context P a{color:#342b2a; font-size: 12px; font-weight: 100; margin:8px; text-align: justify; line-height: 1.3;  text-shadow: 1px 1px #c5b9ad }

.conimage{ width: 245px; float:right; height: auto; margin: 40px 90px 0 0; background: #ccc7c0; padding: 4px;}
.conimage img{ margin: 0; padding: 0;}

.ratesTab{ width: 310px; float: left; height: auto; text-align: left;}


.spoffer { width: 960px; height: auto; float: left; font-family: Georgia, Arial, Helvetica, sans-serif;  margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: dotted 1px #999999; }
.spoffer P{ color:#342b2a; font-size: 12px; font-weight: 100; margin:8px; text-align: justify; line-height: 1.3;  text-shadow: 1px 1px #c5b9ad; float: left; width: 642px; height: auto;}
.spoffer img{ float: left; height: 100px; width: 224px; border: #ccc7c0 2px solid; margin: 0 8px }
.formcol{ color:#5c4f4e;}
.scrad{ width: 650px; float: left; height:auto; margin: 5px 0 0px 0;}
.inputtitle{ float: left; height: auto; width: 100px;}
.inputmid{ float: left; height: auto; width: 500px;}
.theteamstrp{ width: 320px; height: auto; float: left;}
.adhed{ font-size: 16px; width: 900px; height:auto; float: left; margin: 15px 0 5px 0; border-bottom: #666666  solid 1px; padding: 0 0 5px 20px; font-weight: bold}



.press { width: 645px; height: auto; float: left; font-family: Georgia, Arial, Helvetica, sans-serif;  margin: 30px 0 0 0; min-height: 300px;}
.press P{color:#342b2a; font-size: 12px; font-weight: 100; margin:8px; text-align: justify; line-height: 1.3;  text-shadow: 1px 1px #c5b9ad; width: 600px; float: left;}
.press P img{ float: left; height: 100px; width: 130px; border: #ccc7c0 2px solid; margin: 0 8px 0 0}

.press-img{ width: 296px; float:right; height: auto; margin: 40px 10px 0 0; padding: 4px;}
.image-area{ width: 288px; float:right; height:auto; margin: 10px 0 0 0}
.press-img-top{ width: 288px; float:right; height: auto; margin: 0 0 0 0; padding: 0;}
.press-img-mid{ width: 288px; float:right; height: auto; margin: 0 0 0 0; padding: 0; background: #342b2a;}
.press-img-mid p{ color: #7e696d; font-size: 14px; text-align: center; font-weight: bold;}
.press-img-mid p input{ font-size: 12px; text-align: left; font-weight: 100; background:#5e4f4a; width: 183px}
.press-img-bot{ width: 288px; float:right; height: auto; margin: 0 0 0 0; padding: 0;}
.press-img img{ margin: 0; padding: 0; text-align:center;}
.press-img-mid a img{outline:none; border:none}

#map_canvas{width:642px; height:625px; margin-left:5px; margin-top:5px; text-align:center; float:left}
#directions{width:285px; background-color:#5e4f4a; float:left; margin-left:5px; margin-top:5px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; color:#c5b9ad;}
#directions td a{ color:#c5b9ad;}
#directions tr{ height:31px;}



/* form element */

.checkindiv {display:inline; width:263px; float:right; line-height:28px;}
.checkindiv input{width:100px; text-align:center}
.checkindiv img{ margin-top:3px}

#nogdiv{width:260px; float:right; }
#suitediv{width:337px; float:right; }

#saldiv{width:260px; float:right;}
#namediv{width:328px; float:right;}
#namediv input{width:265px;}
#condiv{width:415px; float:right;}
#condiv .frmShdwSelectDropShown{height: 250px;	overflow:scroll; overflow-x:hidden;}
#spediv{width:700px; float:right;}
#spediv textarea{width:390px;}

#submitdiv{width:306px; float:right}

#submit-btn {width:149px; height:50px; float:left}
#submit-btn a{ width:149px; text-decoration: none; height:50px; display:block; background:#fff url(../images/submit.jpg) 0 0}
#submit-btn a:hover{ background-position:0 -50px}

#reset-btn {width:149px; height:50px; float:right}
#reset-btn a{ width:149px; text-decoration: none; height:50px; display:block; background:#fff url(../images/reset.jpg) 0 0}
#reset-btn a:hover{ background-position:0 -50px}

#msgdiv{float:right; margin-right:10px;}

.press-img-mid form p #email{width:100px}

.press-img img #submit-btn2{display:inline; float:left;}

.error-message{-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border: 1px solid #6F2248; background-color: #8F506D;  padding:14px}
.info-message{-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border: 1px solid #CF7B19; background-color:#8F6800; padding:4px}

.timeEntry_control{margin-right:5px; margin-top:8px}

.press-img-mid form p{color:#fff; width:265px}

a {outline:none}

#slider li{line-height:0; list-style-position:outside; list-style:none; margin:0;}

#carousel_prev{
	position: absolute;
    top: 35px;
    left: 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: transparent url('../images/fancybox/fancy_nav_left.png') no-repeat 0 0;
	z-index: 99;
	}
	
#carousel_next{
	 position: absolute;
    top: 35px;
    right: 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: transparent url('../images/fancybox/fancy_nav_right.png') no-repeat 0 0;
	z-index: 100;
}

#fancybox_carousel {background: #fff;}
#fancybox_carousel ul li{
	width:130px;
	height:85px;
	text-align:center;
	list-style:none;
	cursor:pointer;
	
}


/* slider */
.slidercontaner{ width: 312px; float: right; height:auto; margin: 0 0 0 0 }
/* Required */
.container { width:312px; height:150px; overflow:hidden; position:relative; cursor:pointer;}
div.slides { position:absolute; top:0; left:0; }
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides > div,ul.slides li { position:absolute; top:0; width:960px; display:none; padding:0; margin:0; }
/** Optional*/
#loopedSlider,#newsSlider { margin:0 auto; width:312px; position:relative; clear:both; }
ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li { float:left; text-align: center; font-family: Calibri, Georgia, "Times New Roman", Times, serif; text-decoration: none; color:#a94a58; font-size: 16px;}
ul.pagination li a { padding:5px 0 0 0; background: none; display: block; width: 111px; height:23px; font-family: Calibri, Georgia, "Times New Roman", Times, serif; text-decoration: none; font-size: 16px; color:#a94a58; font-weight: bold;}
ul.pagination li.active a{ background: url(../images/btnhome-package.png) no-repeat left top; color:white; width: 111px; height:28px; display: block; font-weight: 100;}

.minislider{ width: 312px; height: 150px; float: left}
.slimage{ width: 54px; height: 42px; float: left;}
.slimage img{ width: 52px; height: 40px; border: 1px solid #666666}
.slimagetxt{ width: 222px; height: auto; float: right; padding: 0 20px 0 0 ; color: #333333; font-size: 11px; text-shadow: #666666 1 1; font-family:Arial, Helvetica, sans-serif; line-height: 1.1}
/* slider End*/


.new-page{ width: 952px; height: auto; float: left; font-family: Georgia, Arial, Helvetica, sans-serif;  margin: 0 0 0 4px; background: #342b2a; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px;}
.np-hed{ width: 880px; height: auto; float: left; background:#2a2723; color: #7e696d; font-size: 17px; font-weight: 100; padding: 4px 0 4px 12px; font-style: italic; margin: 0 0 0 20px;}
.np-mid{ width: 880px; height: auto; float: left; font-style:italic; color: #ece7e7; font-size: 17px; }
.np-mid p{ color: #CCCCCC; width: 800px; text-shadow: none;}

.hvn-mid{ width: 800px; font-size: 14px; color: #666666; margin: 0 0 0 20px;  float: left;}
.hvnhed { width: 500px; font-size: 16px; width: 500px; color:#CCCCCC;  margin: 30px 10px 0 20px; float: left;}
.hvnhedprice{ float: left; font-size: 16px; width: 200px; color:#CCCCCC; margin: 10px; margin: 30px 0 0 0;}