html, body { margin: 0px; background-color: #f7f6f6; color:#000; font-family: Tahoma, Geneva, sans-serif; font-weight: 400; }

/*CLEARFIX*/
/* Hides from IE-mac float clearing for IE6 \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix:after {DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both;}
img {border: none; margin: 0px; border: 0px;}
a:focus { outline: 0; }
.clearboth { CLEAR: both; HEIGHT: 0px; VISIBILITY: hidden;}
LI { list-style-type: none; DISPLAY: block;}
OL, UL { list-style-type: none; DISPLAY: block; margin: 0px; padding: 0px;}
table,td,tr {border:0px; padding:0px; margin: 0px;}
.highlight {font-weight: 700;}

#wrapper{ width: 980px; margin: 0px auto; padding: 0px;}

.header {height: 188px; background-image: url(back.gif); background-repeat: no-repeat; background-position: center top;}
.headerleft {float: left; width: 680px;}
.headerright {float: left; width: 300px;}
.contentleft {float: left; width: 240px; margin-right: 30px}
.contentright {float: left; width: 690px; margin-right: 20px}

/*LOGO*/
#logo {float: left; width: 185px; z-index: 9999999; }
UL#logo	{margin: 0px; padding: 0px; list-style: none;}
UL#logo li { text-indent: -9999px; }
UL#logo li a { height: 166px; display: block; background-image: url(logo.png); background-repeat: no-repeat; background-position: 15px bottom;}

/*PAGE TITLE IMAGES*/
#pageon1{ background-image: url(pageon1.png); background-repeat: no-repeat; background-position: 0px bottom; height: 188px;}
#pageon2{ background-image: url(pageon2.png); background-repeat: no-repeat; background-position: 0px bottom; height: 188px;}
#pageon3{ background-image: url(pageon3.png); background-repeat: no-repeat; background-position: 0px bottom; height: 188px;}
#pageon4{ background-image: url(pageon4.png); background-repeat: no-repeat; background-position: 0px bottom; height: 188px;}
#pageon5{ background-image: url(pageon5.png); background-repeat: no-repeat; background-position: 0px bottom; height: 188px;}
#pageon6{ background-image: url(pageon6.png); background-repeat: no-repeat; background-position: 0px bottom; height: 188px;}

/* Default titles */    
H1, h2, h3, h4, h5{ display:block; font-weight: 400; margin: 0px; padding: 0px;}
h1 {font-size: 26px; letter-spacing: -1px; font-family: Georgia, "Times New Roman", Times, serif; padding: 3px 0px;}
h2 {font-size: 20px; letter-spacing: -1px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 28px;}
h4 { font-size: 14px; letter-spacing: 3px; padding: 5px 0px 5px 15px; color: #FFF; background-color: #333;}

.extralarge{ font-size: 30px; letter-spacing: -2px; font-weight: 400; padding: 4px 0px 11px ;}

/* FOOTER HOTEL MENU LINKS */ 
h5{ font-size: 10px; color: #000; padding:0px 4px;  margin: 0px; }
h5 a{font-size: 10px; color: #000; text-decoration: none; margin: 0px; padding:0px 7px; border-left: 1px solid #ccc; text-align:center;}
h5 a:hover { color: #999; text-decoration: none;}

/*FOOTER*/
.footer { width: 100%; height: 100px; background-image: url(footer.jpg); background-repeat: repeat-x; background-position: center top;background-color: #FFF; margin: 0px auto;}
.footercontent {width: 980px; margin: 0px auto; padding-top: 46px; position:relative; }

.endpage{ width: 100%; margin: 0px auto; background-color: #1f1b17; background-image: url(footer2.jpg); background-position: center top; height: 128px; background-repeat: repeat-x;}
.endpagecontent { font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; font-size: 11px; width: 980px; margin: 0px auto; padding-left: 4px; padding-top: 50px; position:relative; color: #fff; }
.endpagecontent a {color: #fff; padding: 16px ;text-decoration: underline;}
.endpagecontent a:hover {text-decoration: none;}

h6 { font-family: Arial, sans-serif; font-size: 12px; color:#00B1BD; font-weight:700; margin: 0px; padding: 0px; }
h6 a {text-decoration: underline; color:#00B1BD; line-height: 24px;}
h6 a:hover { text-decoration: none;}

/*AQUAVISTA*/
.aquavista {position:relative; left: 3px; top:12px; width: 240px;  }
.aquavista H3 { font-family: Tahoma, Arial, sans-serif;color: #000; font-size: 10px; font-weight: 700; }
.aquavista h3 a{ Color: #000; line-height: 10px; padding: 0px; text-decoration: none;}
.aquavista h3 a:hover{text-decoration: underline; }

/*TOPMENU*/
#topmenu {float: left; padding-top: 57px; display: block;  }
UL#topmenu	{ width: 470px; margin: 0px; font-size: 14px; padding: 0; list-style: none; float: left;}
UL#topmenu li { color: #FFF; float: left;  }
UL#topmenu li a { color: #FFF; text-decoration: none; padding: 8px 0px;  display: block; margin-right: 10px; background-image: url(bgli.png);
background-repeat: no-repeat; height: 26px; width: 144px; background-position: left top; text-align:center}
UL#topmenu li a:hover { text-decoration: underline; }
UL#topmenu li #current a { background-image: url(bgliactive.png);
background-repeat: no-repeat; height: 26px; width: 144px; background-position: left top; color: #FFF; text-decoration: none;}
UL#topmenu li #current a:hover { text-decoration: underline;}

/*SUBMENU*/
#submenu {float: left; margin-top: 18px; margin-left: 16px; display: block; background-image: url(header2.gif); background-repeat: no-repeat; background-position: top left;height: 60px; }
UL#submenu	{ width: 463px; margin: 0px; padding: 0px; list-style: none; float: left;}
UL#submenu li {float: left; border-right: 1px solid #fff; padding: 0px 16px;}
UL#submenu li h6 { display:block; font-weight: 700; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #00B1BD; line-height: 15px; padding-top: 3px;}
UL#submenu li a { color: #000; font-size: 10px; text-decoration: underline; padding: 2px 0px;  display: block; margin-right: 8px; line-height: 10px;}
UL#submenu li a:hover { text-decoration: none; }

/*SUITEMENU*/
#suitemenu {float: left; margin-top: 18px; margin-left: 16px; display: block; background-image: url(header2.gif); background-repeat: no-repeat; background-position: top left; height: 60px; }
UL#suitemenu{ width: 463px; margin: 0px; padding: 0px; list-style: none; float: left;}
UL#suitemenu li {float: left; border-right: 1px solid #fff; padding: 0px 8px;}
UL#suitemenu li h6 { display:block; font-weight: 700; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #00B1BD; line-height: 15px; padding-top: 3px;}
UL#suitemenu li a { color: #999; font-size: 10px; text-decoration: underline; padding: 2px 0px;  display: block; margin-right: 11px; line-height: 10px; }
UL#suitemenu li a:hover { text-decoration: none; color: #000;}
UL#suitemenu li span a { color: #000; }

.infocontent { background-color: #fff; padding: 10px 15px; border-bottom: solid #e8e3e3 4px; margin-bottom: 16px;}
.inforooms { font-size: 12px; line-height: 18px;  font-family: Arial, Helvetica, sans-serif; margin:0px; padding: 5px 0px;}
.facilcontent {float:left; width: 324px; display:block; margin-right: 20px}
.romanticpage{float:left; width: 306px; display:block; margin-right: 20px}
.introfacil {float:left; width: 330px; display:block;}
.roomsize { font-size: 12px; padding: 5px 0px; font-family: Arial, Helvetica, sans-serif; font-weight: 400; color: #78664B; line-height: 18px; letter-spacing: -1px; margin: 0px; display:block;}

.info1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #7b7a7a; text-align: justify; line-height: 20px; padding: 8px 0px; margin:0px;}
.info2 {font-size: 12px; line-height: 20px; padding: 8px 0px; margin:0px;}

.slideshow {background-color: #FFF; padding: 6px; border: 1px solid #CCC; margin-bottom: 12px;}
.photos {background-color: #FFF; padding: 6px; border: 1px solid #CCC; margin: 0px;}

Ul.backpic{ float: left; display:block; width: 100%; padding: 6px 0px; margin-bottom: 10px;}
LI.backpic img{ float: left; background-color: #FFF; margin-right: 16px; padding: 13px; border: 1px solid #CCC;}
LI.backpic h1{ float: left; width: 220px;font-size: 26px; letter-spacing: -1px; font-family: Georgia, "Times New Roman", Times, serif; padding: 4px 0px;}

Ul.roomname{ float: left; display:block; width: 100%; padding: 0px; margin-bottom: 10px;}
LI.roomname {float: left; padding: 0px; width: 244px;}

/*BROWN INFO LUXURY SUITES*/
.inforooms1 { color: #FFF; font-size: 10px; line-height: 18px; background-color: #998C78; padding: 15px; border-bottom: solid 4px #e8e3e3; text-transform: uppercase; margin-bottom: 14px;}
.inforoomsbold { color: #FFF; font-size: 12px; line-height: 18px; font-weight: 700; text-transform: uppercase; display:block} 
#arrowup { background-image: url(arrowup.gif); background-repeat: no-repeat; background-position: top center; height: auto; padding-top:5px; padding-right:5px  }
#arrowright { background-image: url(arrowri.gif); background-repeat: no-repeat; background-position: center right; height: auto; padding-right:5px }

/*FORM + PRICES*/
.prices1 {font-size: 11px; line-height: 18px; padding: 3px 0px; margin: 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;;}
#form{ color:#000; margin:0px; padding:0px; font-size: 12px; line-height: 18px; }
.star { color: #f00; font-size: 10px; font-weight:bold; font-family: Tahoma, Arial, Helvetica, sans-serif;}

/*SEASONS*/
.roomtype1{ font-size: 12px; font-weight: 700; font-family: Arial, Helvetica, sans-serif; color: #000; line-height: 20px;}
textarea, input, select, option {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #000; background-color: #fff; border: 1px solid #ccc; padding: 2px; margin-bottom: 1px; -webkit-border-radius: 5px 5px 5px 5px; 
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;  -moz-border-radius:5px;}

input#form { margin-top: 8px; margin-bottom: 14px; padding: 4px; color: #fff; border: none; cursor: pointer; 
background-color:#000; background-image: url(blacktab.png);
	background-repeat: repeat;]
	-webkit-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;  -moz-border-radius:5px;}