body {
background:		#99aaaa url(../images/general/bg.gif) repeat 0 0;
color:			#334444;
font-family:		Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size: 		small;
font-weight:		normal;
text-align:		left;
line-height:		normal;
margin:			0;
padding:		0;
}




/* ---------------------- TYPOGRAPHY ---------------------- */

h1 {
font-size: 		300%;
font-weight:		normal;
margin:			0 0 40px 0;
padding:		0;
line-height:		1.2em;
}

h2 {
font-size: 		140%;
font-weight:		bold;
margin:			0 0 10px 0;
padding:		0;
line-height:		1.2em;
}

h3 {
font-size: 		100%;
font-weight:		bold;
margin:			0 0 10px 0;
padding:		0;
line-height:		1.2em;
}

p {
font-size: 		100%;
line-height:		1.6em;
margin:			0 0 40px 0;
padding:		0;
}

h1 a, h2 a {
color:			#334444;
padding:		0 0 0.1em 0;
text-decoration:	none;
border-bottom:		2px solid #ccccaa;
}

h1 a:hover, h2 a:hover {
border-bottom:		2px solid #334444;
}

h3 a {
color:			#334444;
padding:		0 0 0.1em 0;
text-decoration:	none;
border-bottom:		1px solid #ccccaa;
}

p a {
color:			#334444;
padding:		0;
text-decoration:	none;
border-bottom:		1px solid #ccccaa;
}

h3 a:hover, p a:hover {
border-bottom:		1px solid #334444;
}

ul.list {
line-height:		1.6em;
list-style-type:	square;
margin:			0 0 40px 0;
padding:		0;
list-style-position:	inside;
}

ul.list li a {
color:			#334444;
padding:		0;
text-decoration:	none;
border-bottom:		1px solid #ccccaa;
}

ul.list li a:hover {
border-bottom:		1px solid #334444;
}

.bold {
font-weight:		bold;
}

.normal {
font-weight:		normal;
}

.nowrap {
white-space:		nowrap;
}

.text-align-right {
text-align:       	right;
}







/* ---------------------- HEADER ---------------------- */

.header a {
background:		#334444 url(../images/general/header.gif) no-repeat 0 0;
display:		block;
width:			980px;
height:			150px;
margin:			0;
padding:		0;
}








/* ---------------------- NAV ---------------------- */

.nav {
background-color:	#334444;
width:			980px;
height: 		50px;
margin:			0;
padding:		0;
overflow:		hidden;
}

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

.nav ul li {
list-style: 		none;
display: 		inline;
}

.nav ul li a {
display:		block;
height:			50px;
background:		url(../images/general/nav.gif) no-repeat 0 0;
float: 			left;
}

/* -------------------------------------------- */

.nav ul li.home a {
width:			93px;
background-position:	0 0;
}

.nav ul li.home a:hover {
background-position:	0 -50px;
}

.nav ul li.home a.selected {
background-position:	0 -100px;
}

/* -------------------------------------------- */

.nav ul li.rooms a {
width:			196px;
background-position:	-93px 0;
}

.nav ul li.rooms a:hover {
background-position:	-93px -50px;
}

.nav ul li.rooms a.selected {
background-position:	-93px -100px;
}

/* -------------------------------------------- */

.nav ul li.thingstodo a {
width:			124px;
background-position:	-289px 0;
}

.nav ul li.thingstodo a:hover {
background-position:	-289px -50px;
}

.nav ul li.thingstodo a.selected {
background-position:	-289px -100px;
}

/* -------------------------------------------- */

.nav ul li.specialevents a {
width:			144px;
background-position:	-413px 0;
}

.nav ul li.specialevents a:hover {
background-position:	-413px -50px;
}

.nav ul li.specialevents a.selected {
background-position:	-413px -100px;
}

/* -------------------------------------------- */

.nav ul li.cafenevill a {
width:			117px;
background-position:	-557px 0;
}

.nav ul li.cafenevill a:hover {
background-position:	-557px -50px;
}

.nav ul li.cafenevill a.selected {
background-position:	-557px -100px;
}


/* -------------------------------------------- */

.nav ul li.menus a {
width:			77px;
background-position:	-674px 0;
}

.nav ul li.menus a:hover {
background-position:	-674px -50px;
}

.nav ul li.menus a.selected {
background-position:	-674px -100px;
}

/* -------------------------------------------- */

.nav ul li.history a {
width:			89px;
background-position:	-751px 0;
}

.nav ul li.history a:hover {
background-position:	-751px -50px;
}

.nav ul li.history a.selected {
background-position:	-751px -100px;
}

/* -------------------------------------------- */

.nav ul li.contact a {
width:			140px;
background-position:	-840px 0;
}

.nav ul li.contact a:hover {
background-position:	-840px -50px;
}

.nav ul li.contact a.selected {
background-position:	-840px -100px;
}








/* ---------------------- CONTAINER ---------------------- */

.containerwrap {
background:		#eeeedd url(../images/general/logo-bg.gif) no-repeat center bottom;
width:			980px;
margin-left:		auto;
margin-right:		auto;
margin-top:		0;
margin-bottom:		0;
padding:		0;
overflow:		hidden;
}

.container {
width:			900px;
margin:			0 40px 0 40px;
padding:		40px 0 0 0;
}






/* ---------------------- FLOATING CONTAINERS---------------------- */

.left555_container {
float:			left;
width: 			555px;
margin: 		0;
padding: 		0;
}

.right325_container {
float:			right;
width: 			325px;
margin: 		0;
padding: 		0;
}







/* ---------------------- GALLERY ---------------------- */

.gallery {
background-color:	#ccccaa;
width:			980px;
height:			300px;
margin:			0;
padding: 		0;
}

.four-star-aa {
float:			right;
background:		url(../images/general/4-star-aa.gif) no-repeat 0 0;
width:			56px;
height:			80px;
margin:			0 0 0 20px;
padding: 		0;
}

.four-star {
float:			right;
background:		url(../images/general/fourstar.gif) no-repeat 0 0;
width:			120px;
height:			50px;
margin:			0 0 0 20px;
padding: 		0;
}









/* ---------------------- MAP ---------------------- */

.map {
width:			555px;
height:			555px;
margin:			0 0 20px 0;
padding: 		0;
}






/* ---------------------- INSET ---------------------- */

.inset {
background-color:	#ccccaa;
background-repeat:	no-repeat;
background-position:	0 0;
width:			325px;
height:			250px;
margin:			0 0 20px 0;
padding: 		0;
overflow:		hidden;
}

.relax {
background-image:	url(../images/inset/home/relax.jpg);
}

.dine {
background-image:	url(../images/inset/home/dine.jpg);
}

.stay {
background-image:	url(../images/inset/home/stay.jpg);
}

.relax a, .dine a, .stay a {
background:		url(../images/general/inset-bg.png) repeat 0 0;
display:		block;
margin:			0;
padding: 		15px 0 15px 15px;
text-decoration:	none;
color:			#fff;
font-size:		180%;
}

.relax a:hover, .dine a:hover, .stay a:hover {
background:		#334444;
}

.relax a:hover span, .dine a:hover span, .stay a:hover span {
color:			#fff;
}

.relax a span, .dine a span, .stay a span {
color:			#eeeecc;
}







/* ---------------------- IMAGE LINK ---------------------- */

.image-link a img {
margin:			0 20px 40px 0;
padding: 		0;
}

.image-link a:hover img {
filter:			progid:DXImageTransform.Microsoft.alpha(opacity=80);
-moz-opacity: 		0.8;
opacity:		0.8;
}






/* ---------------------- CLICK HERE LINK ---------------------- */

.click-here-link a {
background-color:	#99aaaa;
display:		block;
margin:			0;
padding: 		0 20px 0 20px;
text-decoration:	none;
color:			#eeeecc;
font-size:		180%;
overflow:		hidden;
text-align:		center;
text-transform:		uppercase;
font-weight:		bold;
}

.click-here-link a:hover {
color:			#fff;
}

.click-here-link-top {
background:		url(../images/general/click-here-link-top.gif) no-repeat 0 0;
width:			325px;
height:			20px;
margin:			0;
padding: 		0;
}

.click-here-link-bottom {
background:		url(../images/general/click-here-link-bottom.gif) no-repeat 0 0;
width:			325px;
height:			20px;
margin:			0 0 20px 0;
padding: 		0;
}









/* ---------------------- MENU LINKS ---------------------- */

.menu-links {
background-color:	#eeeecc;
width:			880px;
margin:			0 0 40px 0;
padding:		20px 0 0 20px;
overflow:		hidden;
}

.menu-links ul {
list-style-type: 	none;
margin:			0;
padding:		0;
}

.menu-links ul li {
list-style: 		none;
display: 		inline;
}

.menu-links ul li a {
background:		#99aaaa url(../images/general/menu-link-bg.gif) no-repeat 0 0;
display:		block;
width:			200px;
height:			150px;
float: 			left;
margin:			0 20px 20px 0;
padding:		100px 0 0 0;
color:			#eeeecc;
text-decoration:	none;
font-size: 		140%;
font-weight:		bold;
text-align:		center;
}

.menu-links ul li a:hover {
background-position:	0 -250px;
}







/* ---------------------- FOOTER ---------------------- */

.footer {
font-size: 		95%;
width:			900px;
margin:			0;
padding:		0 0 30px 0;
line-height:		1.2em;
}






/* ---------------------- FORM ---------------------- */

form {
background-color:	#99aaaa;
margin:			0;
padding:		0 20px 0 20px;
}

form p {
color:			#eeeecc;
margin:			0;
padding:		0;
}

form p .bold {
text-transform:		uppercase;
}

.textbox, textarea {
font-family:		Arial, Helvetica, Tahoma, Verdana, sans-serif;
background-color:	#fff;
width:			279px;
font-size: 		100%;
color:			#334444;
border: 		none;
margin:			2px 0;
padding:		2px;
}

.submit {
font-family:		Arial, Helvetica, Tahoma, Verdana, sans-serif;
background-color:	#99aaaa;
font-size: 		100%;
font-weight:		bold;
text-transform:		uppercase;
color:			#eeeecc;
border: 		1px solid #eeeecc;
margin:			2px 0;
padding:		2px;
cursor:			pointer;
}








/* ---------------------TABLES---------------------- */

table {
width: 			100%;
display: 		inline-table;
margin-top:		0;
margin-left:		0;
margin-right:		0;
margin-bottom:		40px;
border:           	none;
border-collapse:	collapse;
}

tr {
border-top:          	1px solid #ccccaa;
border-bottom:          1px solid #ccccaa;
margin:			0;
padding:		0;
}

th {
padding:          	10px 0;
font-weight:		bold;
text-align:       	left;
vertical-align: 	top;
}

td {
padding:          	10px 0;
vertical-align: 	top;
text-align:       	left;
}








/* ---------------------- CLEAR	 ---------------------- */

.margin-top40 {
margin-top:		40px;
}

.clear {
clear:			both;
height:			1px;
margin: 		0;
padding: 		0;
}








/* ---------------------- GENERAL ---------------------- */

img {
margin:			0;
padding:		0;
border:			0;
}

a img {
margin:			0;
padding:		0;
border:			0;
}

img a {
margin:			0;
padding:		0;
border:			0;
}

.invisible {
display:		none;
}

a:active, a:focus {
outline: 		0;
}