/**************** Body and tag styles ****************/
* {margin: 0;}
body, h1, h2, h3, h4, h5, h6, p, blockquote, label, fieldset, ul, ol, dl, li, object, table, th, tr, td  {padding: 0;}
body {
	font: 100%/1.5 Arial, Helvetica, sans-serif;
	color: #030303; background: #0F2C38 url(../images/main/page-bg.gif) repeat-x left top;
}
img {
	border:none;
	vertical-align: bottom;
}
h1 {
	margin-bottom: .5em;
	font-size: 1.1em;
	line-height: 1.7;
}
h2 {
	font-size: 1em;
	margin-bottom: .5em;
	line-height: 1.7;
	color: #102D39;
}
h3 {
	font-size: .85em;
	margin-bottom: 1.2em;
}
h4 {
	font-size: .85em;
	color: #102D39;
	margin-bottom: .5em;
	border-top: 1px solid #102D39;
	padding-top: 1.3em;
	font-style: italic;
}
h5 {
	font-size: .8em;
}
p, ul, ol {font-size: .8em;
	margin-bottom: 1.6em;
}
ul ul {font-size: .9em;
	margin-bottom: .2em;
}
ul, ol {margin-left: 2em;
}
li {margin-bottom: .3em;
}
a {text-decoration: underline;}
a:link {color: #102D39;}
a:visited {color: #102D39;}
a:hover {color: #92B56F; text-decoration: none;}
a:active {color: #92B56F; text-decoration: none;
}
table, th, td {
	border-collapse: collapse;
	border: 1px solid #777;
	padding: .4em;
	vertical-align: top;
}
table {
	margin-bottom: .8em;
}
td {
	font-size: .7em;
}
th {
	background: url(../images/main/table-head-bg.jpg) repeat-x left top;
	vertical-align: inherit;
	font-size: .8em;
	color: #FCFDFD;
}
/**************** Container styles ****************/
#container {
	width: 980px;
	margin: 0 auto;
}
/**************** Header styles ****************/
#header {
	float: left;
	width: 100%;
	height: 182px;
}
#header img {float: left;
}
#sistersites {
	float: left;
	width: 100%;
	height: 47px;
}
#sistersites ul{
	float: right;
	margin: 0;
}
#sistersites ul li {
	list-style: none;
	float: left;
	height: 47px;
}
#sistersites ul li.punchbowllink {
	height: 27px;
	padding-top: 20px;
	margin-right: 20px;
}
#sistersites ul li a {
	display: block;
	color: #BBC3C1;
	font-size: .9em;
	text-decoration: none;
	float: left;
}
#sistersites ul li a:hover, #sistersites ul li a:active{
	color: #fff;
}
#sistersites li.punchbowlinnslink a img {
	background: url(../images/main/punchbowlinns-rollover.gif) no-repeat left top;
	height: 47px;
	width: 196px;
}
#sistersites li.punchbowlinnslink a:hover img {background: url(../images/main/punchbowlinns-rollover.gif) no-repeat left -47px;
}
/**************** Navigation styles ****************/
#navbar {
	float: left;
	width: 157px;
}
#navbar ul {
	float: left;
	width: 157px;
	margin: 15px 0 0;
	font-size: .75em;
	font-weight: bold;
}
#navbar li {
	list-style: none;
	float: left;
	width: 147px;
	background: url(../images/main/nav-divider.gif) no-repeat left top;
	margin-bottom: 0;
}
#navbar li .currentpage, #navbar li .currentsubpage {
	text-decoration: none;
	width: 134px;
	padding: 4px 0 3px 23px;
	display: block;
	color: #9CBF79;
	font-style: italic;
	background: url(../images/main/green-bullet.gif) no-repeat 10px 8px;
}	
#navbar li.currentsection {
	font-style: italic;
}
#navbar li .currentsubpage {
	padding: 0 0 0 23px;
	background: url(../images/main/green-bullet.gif) no-repeat 10px 4px;
}
#navbar a {
	text-decoration: none;
	width: 147px;
	padding: 4px 0 3px 10px;
	display: block;
}
#navbar a:link, #navbar a:visited {color: #CDD3CF;}
#navbar a:hover, #navbar a:active {color: #9CBF79;
}
#navbar li.firstlistitem {background: none;
}
/* 1st level */
#navbar ul ul {
	float: left;
	width: 157px;
	margin: 0 0 5px;
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
}
#navbar li li {
	width: 157px;
	background: none;	
}
#navbar ul ul li a {
	width: 134px;
	padding: 0 0 0 23px;
}
/***************** Top text buttons ****************************/
#topbuttons {
	float: left;
	height: 40px;
	width: 823px;
	background-color: #15303A;
}
#topbuttons ul {
	float: right;
	width: 823px;
	margin: 12px 0 0;
}
#topbuttons ul li {
	list-style: none;
	height: 16px;
	float: left;
}
#topbuttons ul li a {display: block; height: 16px;
}
#topbuttons ul li a#roomslink {background: url(../images/main/btn-rooms.gif) no-repeat left top; width: 73px; margin-left: 107px;}
#topbuttons ul li a#roomslink:hover {background: url(../images/main/btn-rooms.gif) no-repeat left -16px;}
#topbuttons ul li a#reservationlink {background: url(../images/main/btn-reservation.gif) no-repeat left top; width: 214px; margin-left: 110px;}
#topbuttons ul li a#reservationlink:hover {background: url(../images/main/btn-reservation.gif) no-repeat left -16px;}
#topbuttons ul li a#availabiltylink {background: url(../images/main/btn-availabilty.gif) no-repeat left top; width: 175px;  margin-left: 108px;}
#topbuttons ul li a#availabiltylink:hover {background: url(../images/main/btn-availabilty.gif) no-repeat left -16px;}
#topbuttons ul span {display: none;
}
/***************** Booking buttons ****************************/
#bookingbuttons {
	float: left;
	width: 587px;
	height: 15px;
	padding-left: 175px;
	margin-bottom: 1em;
}
#bookingbuttons ul {
	margin: 0;
	height: 15px;
}
#bookingbuttons ul li {
	list-style: none;
	height: 15px;
	float: left;
}
#bookingbuttons ul li a {display: block; height: 15px;
}
#bookingbuttons ul li a#availchecklink {background: url(../images/main/btn-availabiltycheck.gif) no-repeat left top; width: 200px; border-right: 1px solid #102D39; margin-right: 20px; padding-right: 20px;}
#bookingbuttons ul li a#availchecklink:hover {background: url(../images/main/btn-availabiltycheck.gif) no-repeat left -15px;}
#bookingbuttons ul li a#bookingformlink {background: url(../images/main/btn-bookingform.gif) no-repeat left top; width: 159px;}
#bookingbuttons ul li a#bookingformlink:hover {background: url(../images/main/btn-bookingform.gif) no-repeat left -15px;
}
#bookingbuttons ul span {display: none;
}
/**************** Content styles ****************/
#maincontent {
	background-color: #BBC3C1;
	float: left;
	width: 823px;
	min-height: 592px;
}
#roomscontent {
	background-color: #BBC3C1;
	float: left;
	width: 807px;
	padding: 8px;
	position: relative;
	min-height: 476px;
}
#roomstext {
	width: 274px;
	float: left;
	margin-top: 20px;
	padding: 10px 20px 10px 10px;
}
#roomstext h1, .blueitalic {
	color: #102D39;
	font-style: italic;
}
#topimages {
	float: left;
	width: 100%;
	margin-bottom: 32px;
}
#topimages img {
	float: left;
	margin-right: 6px;
}
#topimages img.lastimg {
	margin-right: 0;
}
#leftcontent {
	float: left;
	background: url(../images/main/content-divider.gif) no-repeat right 10px;
	width: 210px;
	padding: 0 15px 0 20px;
	min-height: 250px;
	text-align: right;
	color: #102D39;
	font-style: italic;
}
#rightcontent {
	float: left;
	width: 485px;
	padding: 6px 70px 0 22px;
}
#largeimage {
	float: right;
	width: 494px;
}
#bottomimage {
	position: absolute;
	left: 8px; bottom: 8px;
}
#fullcontent {
	float: left;
	width: 763px;
	padding: 0 30px;
}
#treatmentsleft {
	float: left;
	margin-right: 31px;
	width: 366px;
}
#treatmentsleft p, #treatmentsright p {
	margin-bottom: 1em;
}
#treatmentsleft table, #treatmentsright table {
	font-weight: bold;
}
#treatmentsright {
	float: left;
	width: 366px;
}
.nobullets {
	list-style: none;
	margin: 0;
}
td.trans {font-size: 1em;	
	border: none;
}
/**************** Contact page styles ****************/
table#contacttable, table#contacttable td {
	border-collapse: collapse;
	vertical-align: top;
	padding-left: 0;
	border: none;
}
input#yourname, input#email, input#telephone, table#contacttable textarea {
	width: 230px;
	border: 1px solid #919972;
}
table#contacttable td {font-size: .75em;
}
table#contacttable {
	margin-bottom: 1.5em;
}
/**************** Footer styles ****************/
#footer {
	float: right;
	width: 823px;
	text-align: center;
	color: #CDD3CF;
	font-size: .8em;
	padding: .5em 0;
	background-color: #0F2C38;
}
#footer p {
	margin-bottom: 0;
	clear: both;
}
#footer a:link, #footer a:visited {color: #CDD3CF;}
#footer a:hover, #footer a:active {color: #9CBF79;
}
#footer ul {
	margin: 0 0 .7em;
}
#footer ul li {
	list-style: none;
	display: inline;
	margin-right: 1em;
	border-right: 1px solid #fff;
	padding-right: 1.2em;
	line-height: 1.2;
}
#footer ul li.lastfootlist {
	margin-right: 0;
	border-right: none;
	padding-right: 0;
}
/**************** Misc classes and styles ****************/
.imgleft {float: left; margin: 0 1em .5em 0;}
.imgright {float: right; margin: 0 0 .5em 1em;}
.boldtext {font-weight: bold;}
.italictext {font-style: italic;}
.textcentre {text-align: center;}
.textright {text-align: right;}
.smalltext {font-size: .7em;}
.leftcolumn {text-align: left; width: 190px;}
.lightbg {background-color: #364E57; color: #fff;}
.fixedcolumn {width: 85px;}
.smallmargbottom {margin-bottom: 1em;}
.clear {clear: both;}
.marg0bottom {margin-bottom: 0;}
.smallnormtext {font-weight: normal; font-size: .8em;}