/**************** 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 "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	color: #fff; background: #003D4D url(../images/main/page-bg.png) repeat-x left top;
}
img {
	border: none;
	vertical-align: bottom;
}
h1 {
	font-size: 1.25em;
	font-style: italic;
	line-height: 1.2;
}
h2 {
	text-transform: uppercase;
	font-size: .8em;
	margin-bottom: 1em;
}
h3 {
	font-style: italic;
	color: #c0ba73;
	font-size: .8em;
	padding: .3em 0;
	border-bottom: 1px solid #83A0A7;
	border-top: 1px solid #83A0A7;
	background: url(../images/main/heading3-bg.png) repeat-y right top;
	margin-bottom: .8em;
}
h4 {
	font-size: .8em;
	margin-bottom: 1em;
	font-style: italic;
}
h5 {
	font-size: .9em;
	margin-bottom: 1em;
}
p, ul, ol {font-size: .75em;
	margin-bottom: 1.2em;
}
ul, ol {margin-left: 2em;
}
a {text-decoration: underline;}
a:link {color: #fff;}
a:visited {color: #fff;}
a:hover {color: #c7be71; text-decoration: none;}
a:active {color: #c7be71; text-decoration: none;
}
table {font-size: .75em;
	width: 100%;
	margin-bottom: 1.2em;
}
table, th, td {
	border-collapse: collapse;
	border: 1px solid #588794;
	padding: .4em;
}
th {
	background: url(../images/main/table-header-bg.png) repeat left top;
}
iframe {border: 1px solid #588794;
}
/**************** Container styles ****************/
#container {
	width: 982px;
	margin: 0 auto;
}
#mainwrapper {
	float: left;
	min-height: 762px;
	width: 982px;
}
div.homepage {background: url(../images/home/main-image.jpg) no-repeat left top;}	
div.hotelpage {background: url(../images/hotel/main-image.jpg) no-repeat left top;}	
div.groundspage {background: url(../images/grounds/main-image.jpg) no-repeat left top;}
div.roomspage {background: url(../images/rooms/main-image.jpg) no-repeat left top;}
div.lakehousepage {background: url(../images/lakehouse/main-image.jpg) no-repeat left top;}	
div.diningpage {background: url(../images/dining/main-image.jpg) no-repeat left top;}	
div.weddingpage {background: url(../images/weddings/main-image.jpg) no-repeat left top;}
div.specialofferspage {background: url(../images/specialoffers/main-image.jpg) no-repeat left top;}	
div.conferencespage {background: url(../images/conferences/main-image.jpg) no-repeat left top;}	
div.locationpage {background: url(../images/location/main-image.jpg) no-repeat left top;}	
div.ceremoniespage {background: url(../images/ceremonies/main-image.jpg) no-repeat left top;}	
div.christmaspage {background: url(../images/christmasnewyear/main-image.jpg) no-repeat left top;}	
/**************** Navigation styles ****************/
#navleft {
	background: url(../images/main/nav-left-grad-bg.png) no-repeat left top;
	width: 188px;
	float: left;
	margin-left: 50px;
	min-height: 762px;
}
#navleft a {
	text-decoration: none;
}
#logoleft {
	background: url(../images/main/logo-bg.jpg) no-repeat left top;
	height: 113px;
}
#logoleft a:link, #logoleft a:visited {color: #fff; text-decoration: none;}
#logoleft a:hover, #logoleft a:active {color: #fff; text-decoration: none;
}
#logotop {
	text-align: center;
	font-size: .95em;
	padding-top: 43px;
	margin-bottom: 1px;
}
#logobottom {
	text-align: center;
	font-size: .5em;
	letter-spacing: 2px;
}
#specialoffers {
	text-align: center;
	letter-spacing: 1px;
	font-size: .9em;
	font-weight: bold;
	background: url(../images/main/nav-hover-bg.jpg) no-repeat 1px top;
	width: 186px;
	height: 29px;
	line-height: 29px;
	margin-bottom: 22px;
}
#navleft ul {
	list-style: none;
	margin: 0;
	float: left;
	width: 186px;
}
#navleft li {
	float: left;
	width: 186px;
	margin-bottom: -1px;
}
#navleft li a, #navleft li #currentpage, #navleft li span {
	display: block;
	height: 29px;
	line-height: 29px;
	padding-left: 25px;
	font-weight: bold;
	font-size: .88em;
	float: left;
	width: 161px;
}
#navleft li a:link, #navleft li a:visited {color: #fff;}
#navleft li a:hover, #navleft li a:active, #navleft li span#currentpage {color: #c7be71; background: url(../images/main/nav-hover-bg.jpg) no-repeat 1px top;
}
#navleft li a#currentpage {background: url(../images/main/nav-hover-bg.jpg) no-repeat 1px top;
}
/* 1st level */
#navleft ul ul {
	float: left;
	width: 187px;
	font-size: 1em;
	background: url(../images/main/table-header-bg.png) repeat left top;
}
#navleft ul ul li a:hover, #navleft li a:active {color: #c7be71; background: none;
}
#japanflag {margin-bottom: 8px;
}
/**************** Content styles ****************/
#maincontent {
	float: left;
	width: 652px;
	margin: 102px 0 0 45px;
}
#homecontent {
	margin: 170px 0 1em;
}
#contentwrapper {
	float: left;
	clear: both;
	width: 100%;
}
#logotoplarge {
	text-align: center;
	font-size: 3.1em;
	margin: 0; 
	letter-spacing: 1px;
	line-height: 1.2;
}
#logobottomlarge, #whitelogobottomlarge {
	text-align: center;
	font-size: 1.3em;
	letter-spacing: 13px;
	margin: -5px 0 0;
	color: #003d4d;
	line-height: 1.2;
}
#whitelogobottomlarge {
	color: #fff;
}
#pagenametext {
	text-align: center;
	padding-top: 12px;
	margin-bottom: 40px;
}
.imgwrapper {
	margin-bottom: 22px;
	float: left;	
	display: inline;
	width: 100%;
}
.imgwrapper img {
	border: 1px solid #fff;
	float: left;
}
.imgwrapper img.middleimg, .subpagebuttons li a.middlebtn, .subpagebuttons span.middlebtn {
	margin: 0 23px;
}
.subpagebuttons {
	margin: -14px 0 1.5em;
	list-style: none;
	float: left;
}
.subpagebuttons li {
	display: inline;
	float: left;
}
.subpagebuttons li a, .subpagebuttons li span {
	display: block;
	float: left;
	height: 27px;
	line-height: 27px;
	font-weight: bold;
	width: 200px;
	text-align: center;
	font-size: .9em;
	background: url(../images/main/button-bg.jpg) no-repeat left top;
	border: 1px solid #588794;
}
.subpagebuttons li a:link, .subpagebuttons li a:visited {color: #fff; text-decoration: none;}
.subpagebuttons li a:hover, .subpagebuttons li a:active, .subpagebuttons li span {color: #c7be71; text-decoration: none;
}
#tarifftable {
	text-align: center;
}
#gallerywrapper {
	width: 425px;
	height: 200px;
	border: 1px solid #588794;
	float: left;
	margin-bottom: 1em;
}
#thumbwrapper {
	width: 450px;
	float: left;
}
#gallerylistbox {
	width: 200px;
	border: 1px solid #588794;
	float: left;
	font-size: .9em;
	margin: 0 0 1em 23px;
}
#galleryphotobox {
	width: 200px;
	border: 1px solid #588794;
	float: left;
	font-size: .9em;
	margin: 0 0 1em 0;
}
p.listboxheading {
	line-height: 38px;
	background:url(../images/main/table-header-bg.png) repeat left top;
	border-bottom: 1px solid #588794;
	font-weight: bold;
}
#gallerylistbox p, #galleryphotobox p {
	padding: 0 25px;
}
#localcontacts, #localcontacts td, #localcontacts th {
	border: none;
	padding: .5em;
}
#localcontacts th {
	text-align: left;
	color: #c0ba73;
	border-bottom: 1px solid #83A0A7;
	border-top: 1px solid #83A0A7;
}
/**************** Gallery page styles ****************/
ul.gallerycontainer {
	float: left;
	width: 450px;
	margin: 0;
}
.gallerycontainer img {
	border: 1px solid #588794;
}
.gallerycontainer li {
	height: 87px;
	width: 87px;
	margin: 0 25px 25px 0;
	float: left;
	display: block;
	list-style: none;
}
.gallerycontainer a:hover img {
	border: 1px solid #c7be71;
}
/**************** Contact page styles ****************/
table#contacttable, table#contacttable td {
	border-collapse: collapse;
	vertical-align: top;
	padding: 0;
	border: none;
}
table#contacttable {
	width: 449px;
	float: left;
}
table#contacttable td {
	padding: 0 0px 12px 0;
}
input#title, input#firstName, input#lastName, input#email, input#telephone, table#contacttable textarea, input#address1, input#address2, input#town, input#postcode {
	width: 290px;
}
/**************** Footer styles ****************/
#footer {
	font-size: .85em;
	line-height: 1.4;
	padding: 10px 0 0 283px;
	text-align: center;
	color: #668B94;
	float: left;
	width: 652px;
}
#footer a:link, #footer a:visited {text-decoration: none; color: #668B94;}
#footer a:hover, #footer a:active {text-decoration: underline; color: #c7be71
}
#footer .bluetext  a:link, #footer .bluetext a:visited {text-decoration: none; color: #336471;}
#footer .bluetext a:hover, #footer .bluetext a:active {text-decoration: underline; color: #c7be71
}
/**************** 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;}
.plaintext {font-weight: normal;}
.bluetext {color: #336471;}
.bolditalictext {font-weight: bold; font-style: italic;}
.browntext {color: #c7be71;}
.textleft {text-align: left;}
.textcentre {text-align: center;}
#banner{
	text-align: center;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}