@charset "utf-8";
/* CSS Document */

html,
body {
	margin:0px;
	height: 100%;
	background: #e9dbd0 url(../images/app_background.jpg) top repeat-x fixed;
}
body {
	font-family: lucida sans, Helvetica, sans-serif;
	font-size: 12px;
}
.clear {
	clear: both;
}
.clearLeft {
	clear: left;
}
.rightColumn {
	float: right;
	width: 400px;
	margin: 0 0 20px 40px;
}
.imageFloatLeft {
	float: left;
}
.imageFloatRight {
	float: right;
}
.rightColumn .imageFloatRight {
	margin: 0 0 20px 0;
}
.centreBackground {
	background: url(../images/app_centred_background.jpg) center top no-repeat fixed;
}
.appContainer {
	background: #d6c9b8;
	width:960px;
	margin:0 auto;
	min-height: 350px;
}
div.appHeader {
	background: url(../images/header_background.jpg) no-repeat;
	height: 175px;
}
div.tabs {
	width:9em;
	background: #cebeaa;
	height: 30px;
	background: url(../images/navigation_background.jpg) no-repeat;
	border-bottom: solid 5px #ffffff;
}
.footer {
	clear: both;
	padding: 0 0 0 0;
	width:960px;
	margin:0 auto;
	text-align: center;
	position: relative;
	top: -40px;
}

/* ***********************************************************************************

Convertable Nestled list menu by DUNCAL Productions
 2007 by Duncan Hill and Alan Gresley
http://

Converts from a verticle menu with flyout submenus or a horizontal menu, with dropdown 
and then flyout submenus with a few changes in style where ****CONVERT**** appears.

Number 8 (with IE6 hacks and IE 7 hacks)

********************************************************************************* */

ul#navigation {
	color: #ffffff;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 13px; /*   ****CHANGE**** change for larger or smaller font */
}
ul#navigation,
ul#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
ul#navigation li {
	position: relative;
	float: left;
}
ul#navigation>li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */
	float: none;
}
#navigation li a,
#navigation li span {
	display: block;
	text-decoration: none;
	color: #ffffff;
	width: 7.8em; /*   ****CHANGE-MENU**** */
	padding: 5px 0.5em;
	height: 20px;
}
#navigation li a.home {
	width: 1.6em;
	padding: 5px 0.5em;
}
ul#navigation li li a,
ul#navigation li li span {
	background-color: #cebeaa;
	width: 12em; /*   ****CHANGE-SUBMENU**** */
	text-align:left;
}
ul#navigation li li li a,
ul#navigation li li li span {
	width: 14em; /*   ****CHANGE-SUBMENU**** */
}
ul#navigation li li.longitem li span {
	width: 16em; /*   ****CHANGE-SUBMENU**** */
}
ul#navigation li a:hover,
ul#navigation ul li:hover a:hover,
ul#navigation li span:hover,
ul#navigation ul li:hover span:hover,
ul#navigation li span.sfhover,
ul#navigation ul li.sfhover span.sfhover { /* The hovered style for submenus */
	color: #ffffff;/*background-color: #A9E1B1;*/
}
ul#navigation li ul { /* Hides the first unhovered submenu */
	position : absolute;
	left: -999em;
}
#navigation li:active ul ul,
#navigation li:active ul ul ul,
#navigation li:hover ul ul,
#navigation li:hover ul ul ul,
#navigation li.sfhover ul ul,
#navigation li.sfhover ul ul ul {
	left: -999em; /* Hides the second and following unhovered submenus */
}
#navigation li:hover ul,
#navigation li li:hover ul,
#navigation li li li:hover ul,
#navigation li.sfhover ul,
#navigation li li.sfhover ul,
#navigation li li li.sfhover ul {
	top: 0;
	left: 0;
	margin-left: 100%;
}
/*      ****DISPLAYS HORIZONTAL MENU(2) ******* */
#navigation li:hover ul,
#navigation li a:focus ul,
#navigation li.sfhover ul {
	top: 100%;
	margin-left: 0;
}
div.tabs {
	width:100%;
}
/* Submenu arrow indicator */


#navigation span:hover,
#navigation span.sfhover {
	cursor:default;
}
/* BACKGROUND EFFECTS */

/* Allows each succesive parent list item and the hovered submenu to have a lighter background color */

#navigation li:hover a,
#navigation li:hover span,
#navigation li.sfhover a,
#navigation li.sfhover span {
	color: #ffffff;
	background-color: #938071;/*94D9A0*/
}
ul#navigation li ul li:hover a,
ul#navigation li ul li:hover span,
ul#navigation li ul li.sfhover a,
ul#navigation li ul li.sfhover span {
	color: #ffffff;
	background-color: #ae9988;/*78C381*/
}
ul#navigation li ul ul li:hover a,
ul#navigation li ul ul li:hover span,
ul#navigation li ul ul li.sfhover a,
ul#navigation li ul ul li.sfhover span {
	color: #ffffff;
	background-color: #cab9ab;/*5BAD63*/
}


/* BACKGROUND IMAGES */

#navigation li a.topLink,
#navigation li span.topLink {
	background: url(../images/menu_marker.gif) no-repeat 7.85em 12px;
}
#navigation li:hover a.topLink,
#navigation li:hover span.topLink {
	background: #938071 url(../images/menu_marker.gif) no-repeat 7.85em 12px;
}

ul#navigation li ul li:hover a.subLink,
ul#navigation li ul li:hover span.subLink {
	background: #ae9988 url(../images/submenu_marker.gif) no-repeat 12em 12px;
}
#navigation li:hover a.subLink,
#navigation li:hover span.subLink {
	background: #938071 url(../images/submenu_marker.gif) no-repeat 12em 12px;
}

.appBody {
	margin: 0 40px;
	padding: 0 20px 60px 20px;
	clear: both;
	color: #666666;
	background: #ffffff url(../images/appbody_footer.gif) no-repeat center bottom;
	min-height: 350px;
}
.appBody h1,
.appBody h2,
.appBody h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: capitalize;
}
.appBody h1 {
	font-size: 28px;
	background: #f6f3f0;
	line-height: 40px;
	color: #963;
	padding: 20px 20px;
	margin: 0 -20px;
}
.appBody h2 {
	font-size: 18px;
	margin: 30px 0 0 0;
	line-height: 20px;
	color: #963;
}
.appBody h3 {
	font-size: 14px;
	line-height: 20px;
	color: #963;
	margin: 20px 0 0 0;
	font-style: italic;
}
.appBody p {
	margin: 10px 0;	
}
.appBody p,
.appBody ul,
.appBody table {
	font-size: 12px;
	line-height: 20px;
}
.appBody ul {
	list-style: square;
}
.appBody ul li {
	
}
.appBody table {
	font-size: 12px;
}
.appBody table th {
	text-align: left;
}
.appBody table.openingHours {
	margin: 10px 0 0 0;
}
.appBody table.openingHours td {
	padding: 0 10px 3px 0;
	width: 20%;

}
.appBody table.costTable {
	margin: 10px 0 0 0;
}
.appBody table.costTable th {
	padding: 0 0 10px 0;
}
.appBody table.costTable td {
	padding: 0 10px 3px 0;
	width: 150px;
}
.appBody .testimonial {
	font-size: 14px;
	font-style:italic;
	color: #333333;
}
.appBody .testimonial .name {
	font-style: normal;
	display: block;
	font-size: 12px;
	color: #666666;
}

.form fieldset {
	padding: 20px;
}
.form fieldset legend {
	margin: 0 0 20px 0;	
}
.form .error {
	background: url(../images/field_error.gif) no-repeat right 1px !important;
}
.form .errorMessage {
	background: url(../images/error_message_background.jpg) repeat-y center top #ffffff;
	padding: 5px;
	color: #FFF;
	text-align: center;
	position: relative;
	top: -20px;
}
.form .successMessage {
	background: url(../images/success_message_background.jpg) repeat-y center top #ffffff;
	padding: 5px;
	color: #FFF;
	text-align: center;
	position: relative;
	top: -20px;
}
.form .fieldRow {
	margin: 0 0 10px 0;	
}
.form .name,
.form .email {
	width: 250px;
	border: solid 1px #cccccc;
	height: 18px;
	margin: 0 20px 0 0;
	background: url(../images/field_mandatory.gif) no-repeat right 1px;
}
.form .nameLabel,
.form .emailLabel {

}
.form .message {
	width: 790px;
	border: solid 1px #cccccc;
	height: 200px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/field_mandatory.gif) no-repeat right 1px;
}
.form .submit {
	float: right;
	padding: 30px;
	margin: 0 0 10px 0;
}

.gallery a {
	display: block;
	float: left;
	background: #3a1a0f;
	padding: 10px 10px 7px 10px;
	margin: 10px 10px 0 0;
}
.gallery a img {
}