body
{
background:#ffffff;
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
padding:0;
margin:10px 0}

.clear
{
clear:both;}

.cnt
{
text-align:center;}

img
{
border:0;
}

span.navtext {
	display: none;
}


a
{
color:#990000;
text-decoration:none;}

table {
	border-collapse: collapse;
	margin:0 auto;
}
table th {
	padding: 4px;
}
table.form td, table.form th {
  text-align: left;
	border: 1px solid #dddddd;
	background:#eeeeee;
	padding: 2px;
}
table.form th {
  text-align: right;
}


/*** Container ***/
#container
{
width:999px;
padding:0;
margin:0 auto;}


#promotion {
  width: 999px;
  height: 210px;
}


/* ***** SIDE NAV ***** */
#navlinks
{
	float:left;
	width:988px;
	padding:0 0 0 12px;
	margin:0;
	background:url(../img/linkbg.jpg) no-repeat;
}

ul#nav {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
}

ul#nav li {
	display: inline;
	margin: 0;
	padding: 0;
}

ul#nav li a {
	float: left;
	height: 55px;
	width: 113px;
	margin: 0 0 0 8px;
	padding: 0;
}

ul#nav li a.aboutus            { background-image: url(../img/link_aboutus.jpg);}
ul#nav li a.aboutus:hover      { background-image: url(../img/link_aboutus.jpg);}
ul#nav li a.rooms              { background-image: url(../img/link_rooms.jpg);}
ul#nav li a.rooms:hover        { background-image: url(../img/link_rooms.jpg);}
ul#nav li a.restaurants        { background-image: url(../img/link_restaurants.jpg);}
ul#nav li a.restaurants:hover  { background-image: url(../img/link_restaurants.jpg);}
ul#nav li a.attractions        { background-image: url(../img/link_attractions.jpg);}
ul#nav li a.attractions:hover  { background-image: url(../img/link_attractions.jpg);}
ul#nav li a.photos             { background-image: url(../img/link_photos.jpg);}
ul#nav li a.photos:hover       { background-image: url(../img/link_photos.jpg);}
ul#nav li a.virtualtour        { background-image: url(../img/link_virtualtour.jpg);}
ul#nav li a.virtualtour:hover  { background-image: url(../img/link_virtualtour.jpg);}
ul#nav li a.directions         { background-image: url(../img/link_directions.jpg);}
ul#nav li a.directions:hover   { background-image: url(../img/link_directions.jpg);}
ul#nav li a.contactus          { background-image: url(../img/link_contactus.jpg);}
ul#nav li a.contactus:hover    { background-image: url(../img/link_contactus.jpg);}

ul#nav li a.aboutus-es         { background-image: url(../img/link_aboutus-es.gif);}
ul#nav li a.rooms-es           { background-image: url(../img/link_rooms-es.gif);}
ul#nav li a.restaurants-es     { background-image: url(../img/link_restaurants-es.gif);}
ul#nav li a.attractions-es     { background-image: url(../img/link_attractions-es.gif);}
ul#nav li a.photos-es          { background-image: url(../img/link_photos-es.gif);}
ul#nav li a.virtualtour-es     { background-image: url(../img/link_virtualtour-es.gif);}
ul#nav li a.directions-es      { background-image: url(../img/link_directions-es.gif);}
ul#nav li a.contactus-es       { background-image: url(../img/link_contactus-es.gif);}


span.navtext {
	display: none;
}
/*** CONTENT ***/
#content
{
float:left;
background:url(../img/mainbg.jpg) repeat-y;
width:939px;
padding:0 30px;
margin:0;}

#left {
  clear: both;
  float: left;
  width: 241px;
  margin: 0 15px 0 5px;
  padding: 0;
}

#main
{
float:left;
width:648px;
margin:20px 0 0 0;
padding:0;
background:#dadde5;}


#main p
{
padding:10px;
margin:0;}

#main h1
{
	padding:10px 0;
	margin:0;
	color:#990000;
	font-size:14px;
	text-align:center;
}
#main h3
{
	padding:15px 10px 5px 10px;
	margin:0;
	color:#990000;
	font-size:12px;
	text-align:left;
}

.mainmiddle
{
background:#dadde5;}

.maintop
{
float:left;
background:url(../img/maintop.jpg) no-repeat;
height:12px;
width:648px;
padding:0;
margin:0;}

.mainbottom
{
float:left;
background:url(../img/mainbottom.jpg) no-repeat;
height:12px;
width:648px;
padding:0;
margin:0;}

#slidesgallery, #slidesroom {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 184px;
  height: 139px;
  overflow: hidden;
}

#slidesgallery li, #slidesroom li {
  margin: 0;
  padding: 0;
}


/*** RIGHT ***/

#right
{
float:left;
width:660px;
margin:0 0 0 15px;
padding:0;}



#right h2
{
	padding:0 0 10px 0;
	margin:0;
	color:#990000;
	font-size:13px;
	text-align:center;
}
#slide
{
float:left;
width:660px;
margin:10px 0;
padding:0;}

#slide .leftside
{
float:left;
padding:0;
margin:0;
}
#slide .rightslide
{
float:right;
padding:0;
margin:0;
}

.red
{
	color:#990000;
	padding:0;
	margin:0;
}

.redaddress

{
	color:#990000;
  text-align: left;
	padding:0;
	margin:0;
	position: absolute;
	top:300px;
}

div.scroll
{
	float:left;
	width:660px;
	height:450px;
	overflow:auto;
	padding:0;
	margin:0;
}

div.scroll .scrollattraction
{
width:7200px;
}
div.scroll .scrollrestaurant
{
width:3300px;
}




.insidebox p
{
padding:14px 0 0 0 ;
margin:0;}

.insidebox h2 {
  height: 2em;
}

.insidebox .slideshow {
  margin-bottom: 10px;
  width: 100%;
  text-align: center;
}

.sbox
{
	float:left;
  display: inline;
	width:207px;
	background:#dadde5;
	padding:0;
	margin:0 6px;
}
.insideboxs
{
	float:left;
	width:197px;
	background:#dadde5;
	padding:0 5px;
	margin:0;
}
.insideboxroom
{
	float:left;
	width:190px;
	height:270px;
	background:#dadde5;
	padding:0 5px;
	margin:0;
}

.insideboxroom li {
  text-align: left;
}

.insideboxroom p.readmore {
  margin-top: 20px;
}

.insidebox
{
	float:left;
	width:197px;
	height:340px;
	background:#dadde5;
	padding:0 5px;
	margin:0;
}

.insidebox span
{   
	width:184px;
	display: block;
	padding:0;
	margin:5px 5px;
}

.insideboxs span
{   
	width:184px;
	display: block;
	padding:0;
	margin:5px 5px;
}

.sboxtop
{
background:url(../img/sboxtop.jpg) no-repeat;
width:207px;
height:12px;
padding:0;
margin:0;}

.sboxbottom
{
float:left;
background:url(../img/sboxbottom.jpg) no-repeat;
width:207px;
height:12px;
padding:0;
margin:0;}


.sbox ul
{
padding:0 0 0 5px;
margin:3px 20px;}
.sbox ul li
{
	list-style-image: url(../img/arrow2.gif);
	padding:0;
	margin:0;
}

p.readmore {
  padding-right: 10px;
  font-weight: bold;
}


.redlink
{
color:#990000;
font-weight:600;
}

#photogallery
{
float:left;
width:648px;
background:#dadde5;
padding:0;
margin:0 6px 20px 6px;}

#photos {
  text-align: center;
  padding: 20px;
}

#photos img {
margin: 5px;
padding: 0;
border: 1px solid #000000;
}

#photos a {
  margin: 0;
  padding: 0;
}



/* SLIDER */
div.scrollable {
  position: relative;
  overflow: hidden;
  width: 660px;
  height: 370px;
}
div.scrollable div.items {
  /* this cannot be too large */
  width: 20000em;
  position: absolute;
}
div.scrollable div.items div {
  float: left;
}
.prevPage {
  float: left;
  padding-left: 6px;
}
.nextPage {
  float: right;
  padding-right: 6px;
}
.prevPage, .nextPage {
  font-weight: bold;
  cursor: pointer;
}


/*** Check Availability ***/
#reservation
{
width:241px;
background:#dadde5;
padding:0;
margin: 0 6px 40px 0;
overflow: hidden;
}

#reservationcontent
{
margin:0;
padding:0;}

#reservationcontent h3
{
text-align:center;
color:#990000;
font-size:13px;
padding:0 0 10px 0;
margin:0;}
#reservationcontent table {
	border-collapse: collapse;
  font-size: 11px;
}
#reservationcontent table th {
	padding: 3px;
}
#reservationcontent table td {
padding:3px;
margin:0;
}

.reservationtop
{
background:url(../img/reservationtop.jpg) no-repeat;
height:12px;
width:241px;}

.reservationbottom
{
clear:both;
background:url(../img/reservationbottom.jpg) no-repeat;
height:12px;
width:241px;}


#hotelspecs {
  width: 230px;
  font-size: 11px;
  text-align: left;
}

#hotelspecs td, #hotelspecs th {
  padding: 4px;
}


/*** FOOTER ***/
#bottom
{
float:left;
background:url(../img/bottom.jpg) no-repeat;
height:38px;
width:999px;
padding:0;
margin:0;}

#footer
{
float:left;
background:url(../img/footer.jpg) no-repeat;
width:939px;
padding:18px 30px;
margin:0 0 10px 0;
color:#FFFFFF;}

/*** text footer ***/
.copy
{
float:left;
width:300px;
padding:0;
margin:0;
font-size:11px;}
.links
{
	float:right;
	padding:0;
	margin:70px 0 0 0;
}
#footer a
{
color:#FFFFFF;
font-size:12px;
text-decoration:none;}
#footer a:hover
{
color:#FFFFFF;
font-size:12px;
text-decoration:underline;}


#botbanner
{
float:left;
width:924px;
padding:0;
margin:10px;}

#botbanner .end
{
clear:both;
padding:0;
margin:0;}

#botbanner .banner_top
{
float:left;
background:url(../img/banner_top.gif) no-repeat;
width:924px;
height:9px;
padding:0;
margin:0;}


#botbanner .banner_bot
{
float:left;
background:url(../img/banner_bot.gif) no-repeat;
width:924px;
height:9px;
padding:0;
margin:0;}


#botbanner .banner_mid
{
float:left;
background:url(../img/bannerout.gif) no-repeat;
width:914px;
padding:5px 5px;
margin:0;}

#botbanner .logo
{
float:left;
padding:0;
margin:5px 0 0 0;}

#botbanner .midtext
{
float:left;
width:400px;
color:#666666;
font-size:11px;
margin-top:5px;
padding:0;
margin:5px 0 0 50px;}

#botbanner .red
{
color:#cc0033;}

#botbanner .boxlink
{
float:right;
width:141px;}


.joinnow
{
background:url(../img/joinnow.gif) no-repeat;
width:138px;
padding:7px 0 7px 8px;
margin:0;
color:#666666;}



.login
{
background:url(../img/login.gif) no-repeat;
width:138px;
padding:8px 0 8px 8px;
margin:0;
color:#666666;}

#botbanner a
{
color:#666666;
font-weight:600;
text-decoration:none;}

#footerad
{
text-align:right;
color:#cc0033;
padding:0 30px 0 0;
}


#footerad a
{
color:#cc0033;
text-decoration:none;
}