/******* FITZWILLIAM CSS Styles ***********/
* {margin:0; padding:0;}

body {margin:0 auto; padding:0; text-align: center; width:100%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:100%; color: #fff; background:#e2e2e2;}

a:link, a:visited {color: #fff; text-decoration: none;}

a:hover {text-decoration: underline;}

img {border:none;}

.r {float:right;}

.l {float:left;}

.clear {clear: both;}

ul {list-style: none; list-style-image: none;list-style-position:outside;}



#wrapper {
	margin:0 auto;
	width: 1000px;
	background: #fff;
	height: auto;
	min-height: 875px;
	padding-bottom: 20px;
}

#wrap {
	margin:0 auto;
	width: 921px;
	height: auto;
	min-height: 805px;
	background: #fff/* url(../images/wrap.jpg) repeat-x*/;
}

#header {
	display:block;
	background: #EFEEF4;
	float:left;
	width: 920px;
}

#temp {
	margin-top: 20px;
	font-size: 10px;
	color: #a794c7;
	width: 335px;
	float: right;
	text-align: right;
}

#temp p {
	display: inline;
	padding-right: 30px;
}

#temp form {
	margin-top: 4px;
	display: inline;
	text-align: right;
}



#temp form select {
	width: 140px;
	color: #a794c7;
	font-size: 11px;
}

#logo {
	margin-top: 20px;
	float: left;
}


/****************************************************************/
/****************************************************************/
/***********************   NAV SYSETM   ************************/
/****************************************************************/
/****************************************************************/

#nav {
	margin-top:0px ;
	float: right;
	margin-bottom: 0;
	font-size:13px;
}
	
/****************************************************************/
/****************************************************************/
/*********************** END NAV SYSETM ************************/
/****************************************************************/
/****************************************************************/


#boxes {
list-style-type: none;
margin: 0;
padding: 0;
width: 220px; /* width of menu (don't forget to add border with below!) */
border-left: 8px solid #d9c3e8; /* thick left border of menu */

}

html > body #boxes {
 width: 220px;
}

#boxes li{
/*border-bottom: 1px solid #885b5c; *//* Gray border beneath each menu item */
}

#boxes li a {
background: white url(../images/strip.gif) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */
font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: #765aa8;
width: 220px;
border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
}


#boxes li a:visited, #boxes li a:active{
color: black;
}

#boxes li a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: #47326e;
}

#boxes li.lastitem, #boxes li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

#boxes li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}

#boxes li.active a, #boxes li.active a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: #47326e;
}

#boxes li.menu3 a {
background-position: 0px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: #47326e;
font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana;
text-indent: 24px;

}

#boxes li.menu3 a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: #47326e;
font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana;
text-indent: 24px;

}


#boxes li.menu3on a, #boxes li.menu3on a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: #47326e;
font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana;
text-indent: 24px;

}

#boxes li.menu2 {
	padding-bottom: -5px;
}

#boxes li.menu3 {
	padding-bottom: -5px;
}

#boxes li.menu3on {
	padding-bottom: -5px;
}

#boxes li.menu2 a {
	background-position: 0px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: #47326e;
font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana;
text-indent: 8px;
}

#boxes li.menu2 a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: #47326e;
font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana;
text-indent: 8px;

}

/****************************************************************/
/****************************************************************/
/*********************** END SUB NAV SYSETM ************************/
/****************************************************************/
/****************************************************************/


#flash {
	display: block;
	margin-top: 0px;
	padding: 0;
	border-top: 1px solid #fff;
	border-bottom: none;
	height: 189px;
	background: none;
	width: 920px;
}
/*
html > body #flash {
	margin-top: 8px;
}*/


#content {
	margin-top: -3px;
	display: block;
	width: 921px;
	height: 100%;
	min-height: 530px;
	background: #fff;
}

html > body #content {
	margin-top: 0px;
}

#lhs {
	float: left;
	width: 220px;
	height: 100%;
	min-height: 530px;
	background: url(../images/lhs-bg.jpg) no-repeat;
	text-align: left;
}

html > body #lhs  {
	width: 230px;
	}


#booking-engine-inside {
	margin-top: 25px;
	margin-left: 10px;
	padding: 40px 3px 5px 10px;
	background: #765aa8 url(../images/check.gif) 8px 14px no-repeat;
	width: 192px;
	height: 186px;
	border-bottom: 1px solid #fff;
	font-size:12px;
}

#booking-engine-inside p {
	margin:5px 0;
	font-size:12px;
	color:#fff;
}


#direct {
	margin-top: 10px;
	margin-left: 10px;
}

#special-inside-1 {
	margin-top: 8px;
	margin-left: 10px;
	background: url(../images/speical-inside-1_winter.gif) no-repeat;
/*	background: url(../images/speical-inside-1_autumn.gif) no-repeat;
	background: url(../images/speical-inside-1.gif) no-repeat;
	background: url(../images/speical-inside-1summerOld.gif) no-repeat;*/
	height: 130px;
	width: 195px;
}

#special-inside-1 img {
	margin-top: 95px;
	margin-left: 80px;
}

#special-inside-2 {
	margin-top: 10px;
	margin-left: 10px;
	background: url(../images/speical-inside-2.gif) no-repeat;
	height: 130px;
	width: 195px;
}

#special-inside-2 img {
	margin-top: 95px;
	margin-left: 80px;
}

#mid {
	float: left;
	background: #fff; /*url(../images/content-bg.jpg) no-repeat;*/
	height: 100%;
	min-height:530px;
	width:474px;
	text-align: left;
}

#mid.wide {
	width:674px;
}

#mid-gallery {
	float: left;
	background: #fff; /*url(../images/content-bg.jpg) no-repeat;*/
	height: 100%;
	min-height:530px;
	width:674px;
	text-align: left;
}


#thumb {
	margin-top: 15px;
	text-align: center;
}

#rhs {
	float: right;
	width: 218px;
	height: 100%;
	min-height:530px;
	background: url(../images/rhs-bg.jpg) top repeat-x;
}

html > body #rhs  {
	width: 216px;
	}

#guest {
	margin-top: 60px;
	margin-left: 3px;
	padding-top:30px;
	background: url(../images/guest-bg.jpg) no-repeat;
	width: 203px;
	height: 255px;
}

html > body #guest  {
	margin-left: 6px;
	}
	
#guest p {
	padding-top: 50px;
	font-family:Trebuchet MS, Arial, Verdana, Helvetica;
	color: #8156a2;
	font-size: 13px;
	line-height: 18px;
}	

#guest img {
	margin-top: 30px;
	margin-left: 70px;
}	
	
/****************************************************************/
/***********************   CONTENT STYLES   ************************/

h1 {
	margin-top: 18px;
	margin-left: 30px;	
	margin-bottom: 10px;
	font-family: Times;
	color:#7457a7;
	font-size: 24px;
	font-weight: lighter;
}

#mid a {
	color:#7457a7 ;
	text-decoration: none;
}

#mid a:hover {
	color:#7457a7 ;
	text-decoration: underline;
}

h2 {
	margin-top: 18px;
	margin-left: 30px;	
	margin-bottom: 10px;
	font-family: Times;
	color:#7457a7;
	font-size: 16px;
	font-weight: lighter;
}

#mid p{
	margin-left: 30px;
	margin-bottom: 8px;
	padding: 0 20px 0 0;
	font-family:Trebuchet MS, Arial, Verdana, Helvetica;
	color:#7457a7;
	font-size: 13px;
	line-height: 18px;
}
#mid li{
	color:#7457a7;
}

#mid p a{
	color:#7457a7 ;
	text-decoration: none;
	font-weight: bold;
}

#mid p a:hover {
	color:#7457a7 ;
	text-decoration: underline;
	font-weight: bold;
}


#mid ul {
	margin-top: 5px;
	margin-left: 50px;
	margin-bottom: 15px;
	padding: 0 20px 0 0;
	font-family:Trebuchet MS, Arial, Verdana, Helvetica;
	font-size: 11px;
	color:#7457a7;
}

#mid ul li {
	padding: 10px 0 0 10px;
	background: url(../images/bullet.gif) 0 18px no-repeat;
}

html > body #mid ul li {
	background: url(../images/bullet.gif) 0 16px no-repeat;
	}

#mid ul.back {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
	padding: 0 0px 0 0;
	font-family:Trebuchet MS, Arial, Verdana, Helvetica;
	font-size: 11px;
	color:#7457a7;
}

#mid ul.back li{
	padding: 10px 0 0 15px;
	background: url(../images/bullet-back.gif) 0 18px no-repeat;
}

html > body #mid ul.back li {
	background: url(../images/bullet-back.gif) 0 16px no-repeat;
	}




#mid table {
	
}

#mid ul.stemap {
	margin-top: 0px;
	margin-left: 50px;
	margin-bottom: 15px;
	padding: 0 20px 0 0;
	font-family:Trebuchet MS, Arial, Verdana, Helvetica;
	font-size: 11px;
	color:#7457a7;
}

#mid ul.stemap li ul {
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 15px;
	padding: 0 20px 0 0;
	font-family:Trebuchet MS, Arial, Verdana, Helvetica;
	font-size: 11px;
	color:#7457a7;
}

.sitemap a {
	color:#765aa8;
	text-decoration: none;
}

.sitemap a:hover {
	color:#765aa8;
	text-decoration: underline;
}


table.contact {
	margin-left: 20px;
	color: #765aa8;
}

table.contact td {
	color: #765aa8;
	font-size: 11px;
	padding: 8px 0 8px 8px;
}


.cmsFrontendSearchContainer {
	padding-top: 10px;
	margin-left: 40px;
}

#resultsDivPages {
	font-size: 12px;
	color: #765aa8;
}

#resultsDivPages h3 {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 40px;
	color: #765aa8;
	font-size: 14px;
	font-family: Trebuchet MS, Verdana, Helvetica;
}

#mid h3 {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 40px;
	color: #765aa8;
	font-size: 14px;
	font-family: Trebuchet MS, Verdana, Helvetica;
}

#mid h3.inside {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 30px;
	color: #765aa8;
	font-size: 14px;
	font-family: Trebuchet MS, Verdana, Helvetica;
}
 
#resultsDivPages a {
	font-size: 12px;
	color: #765aa8;
	text-decoration: none;
}

#resultsDivPages a:hover {
	text-decoration: underline;
}

input.cms_search_box_default {
	margin: 0;
	padding: 0;
}

input.cms_search_submit_icon {
	margin-top: 10px;
	margin-left: 10px;
}

/****************************************************************/
/***********************   GALLERY THUMBS   ************************/

.element {margin:4px; background:#F2EFF6; border:1px solid #a794c7; width:86px; height:63px; float:left}
.element a {margin:0;padding:0;text-decoration:none}
img.thumb {margin:5px 0px 0 8px;}

#element-holder {margin:12px 0 0 12px;}



/****************************************************************/
/***********************   FOOTER   ************************/

#footer {
	border-top:1px solid #DDDDDD;
	margin:0px auto;
	padding-top:10px;
	width: 922px;
	background: #fff;
	height: 100px;
}

#footer p {
	font-size: 10px;
	color: #a694c7;
}


#footer p.address {
	margin-top:10px;
	float: left;
	font-size: 10px;
	color: #a694c7;
/*	width: 350px;*/
	text-align:left;
	line-height:16px;
}

#footer p.tel {
	margin-top:10px;
	padding-right: 10px;
	float: right;
	font-size: 10px;
	color: #a694c7;
	width: 550px;
	text-align: right;
}


#footer a {
	color: #a694c7;
	text-decoration: none;
}

#footer a:hover {
	color: #a694c7;
	padding-bottom: 2px;
	border-bottom: 1px solid #a694c7;
}
#miniform select, #miniform input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #663366;
}