@charset "utf-8";

/*
 
1. --defaults-- 
2. --layout-- 
3. --header--
4. --navbar--
5. --main column 1--
6. --main column 2--
7. --footer--

colours
#9F8B7A contact text
#
#
#

--*/



/* 1. --defaults--*/

* {
	margin:0;
	padding:0;
	}
	
html {
	font-size:100%;
		}

body {
	background:url(../images/mainback.jpg) fixed center top no-repeat;
	font-size:62.5%;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans serif;	
	color:#9F8B7A;
}
	
a {
	text-decoration:none;
	 outline: none;
	 color: #9f8b7a;
	 font-weight:bold;}
	 
p {
	font-size:12px;}
	 
a:hover {
	text-decoration:underline;}
	
a:active {
	outline:none;} 

img {
	border:none;}
	
li {
	list-style:none;
	}
	
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

h1 {
	color:#9F8B7A;
	font-size:420%;
	}
	
h2 {
	;}

h3 {
	font-size:150%;
	;}

h4 {
	;}

h5 {
	;}
	
	
textarea:focus, input:focus {
	background: #;}
	
address {
	font-style:normal;}
	
fieldset {
	border:none;}
	
cite {
	display:block;
	width:400px;
	margin-left:20px;
	font-size:11px;
	color:#9F8B7A;}
	
/* 2. --layout--*/

#wrap {
	width:939px;
	background: transparent url(../images/wrapblock.png) 0 0 repeat;
	position:absolute;
	
}
	
#wrapstrip {
	background: url(../images/wrapstrip.png) 0 0 repeat-x;
	width:939px;
	height:524px;
	position:relative;
	top:0;
	z-index:0;
	margin:30px auto 0 auto;}
	
#header {
	margin:30px 0 0 30px;
	}
	
#nav {
	margin-left:65px;
	float:left;
	
	}

#main {
	
	;}
	
#sidebar {
	float:left;
	width:350px;
	
	}
	
#mainpic {
	float:right;
	}
	
#maincontent {
	width:575px;
	float:left;
	margin-bottom:20px;
	padding-bottom:40px;}
	
#footer {
	margin-bottom:20px;
	clear:left;
	}
	
/* 3. --header--*/

#logo {
	float:left;}
	
#header {
	color:#9F8B7A;}
	
#contact {
	float:left;
	font-size:12px;
	margin-left:5px;}
	
#contact a{
	color:#9F8B7A;
	font-weight:normal;}
	
#contact address {
	margin-bottom:40px;}
	
#banner {
	position:relative;
	float:right;
	display:block;
	width:540px;
	height:77px;
	margin:20px 30px 0 0;

}

#banner p a {
	position:absolute;
	z-index:1;
	
}
	
#banner  p a span {
	position:absolute;
	background:url(../images/banner2.jpg) 0 0 no-repeat;
	width:540px;
	height:77px;
	display:block;
	z-index:2;}

/* 4. --nav--*/

#nav {
	height:41px;}
	
#nav ul {
	padding:0;
	margin:5px 0 0 0;
	list-style:0;}

#nav a {
	font-family: 'Helvetica Neue Medium', Arial, Helvetica, sans serif;
	color:#9F8B7A;
	font-size:14px;
	font-weight:normal;
	height:41px;
	width:101px;
	display:block;
	text-align:center;
	text-decoration:none;
	position:relative;
	background:none;
	
}

#nav a span.cufon {
	background:none;}

	
#nav a:hover {
	background: url(../images/navback2-trans.png) 0 0 no-repeat;}
	


#nav li {
	float: left;
	display:block;
	height:41px;
	width:111px;
	}
	
#home #nav li.home a, #menupage #nav li.menu a, #cater #nav li.cater a, #about #nav li.about a, #contactpage #nav li.contact a{ 
background: url(../images/navback2-trans.png) 0 0 no-repeat; }
 		   

/* 5. --sidebar--*/

#sidebar h1 {
	background: url(../images/head1.png) 0 0 no-repeat;
	margin:30px 0 0 30px;
	width:289px;
	height:84px;
	text-indent:-99999px;}
	
#sidebar p {
	margin:10px 30px;
	color:#B6A79C;
	line-height:1.4em;
	width: 310px;}
	
#sidebar img {
	float:left;
	margin:10px 0 10px 30px;}
	
#sidebar img#sig {
	margin:70px 0 0;}

/* 6. --maincontent--*/

#mainpic {
	width:545px;
	height:277px;
	margin:30px 25px 0 5px;
	}
	
#maincontent h2 {
	background: url(../images/headstrip-trans.png) 0 100% repeat-x;
	color:#fff;
	font-size:250%;
	padding:20px 20px 10px 20px;
	margin:20px 20px 0 20px;
	}
	
#maincontent p {
	color:#fff;
	background: transparent url(../images/contentblock-trans.png) 0 0 repeat;
	padding:20px 20px 0 20px;
	margin:0 20px;
	line-height:1.3em;
	}
	
#maincontent p#takehead {
	color:red;
	background: transparent url(../images/contentblock-trans.png) 0 0 repeat;
	padding:20px 20px 0 20px;
	margin:0 20px;
	line-height:1.3em;
	font-size:16px;}
	
p#tel {
	font-size:16px;
	}

	
p#tel img {
	padding-right:20px;}
	
p#email a {color:#fff;
	font-size:16px;
	font-weight:normal;}

p#email img {
	padding-right:20px;}
	
#map_canvas {
	width: 485px; 
	height: 300px;
	border:5px solid #9F8B7A;}


#map {
	background: transparent url(../images/contentblock-trans.png) 0 0 repeat;
	width:515px;
	margin-left:20px;
	padding:20px 0 20px 20px;}
	
#map_canvas div div div div div div div{
	padding-top:20px;
	color:#9F8B7A;
	font-size:34px;
	font-weight:bold;
	}
	
/*--accordion--*/
.AccordionContainer {
	margin: 0 0 0 20px;
	padding-top:20px;
	background:url(../images/contentblock-trans.png) 0 0 repeat;
	}
	
.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:535px;
 
}

.AccordionTitle
{
  height:40px;
  overflow:hidden;
  cursor:pointer;
  font-family:Arial;
  font-size:8pt;
  vertical-align:middle;
  text-align:left;
  display:table-cell;
  -moz-user-select:none;
  padding-left:20px;
  color:white;
  background:red url(../images/titlestrip.jpg) 0 0 repeat-x;
  
  
}

.AccordionTitle:hover {
	background:#5b0000 url(../images/arrow.gif) 98% 15px no-repeat;}

div.AccordionTitle h3 span{
	font-size:12px;
	font-weight:normal;
	
	}

/*.AccordionTitle#ac1 {
	background:url(../images/bronzestrip.jpg) 0 0 repeat-x;}
	

	
.AccordionTitle#ac2  {
	background:url(../images/silverstrip.jpg) 0 0 repeat-x;
}


	
.AccordionTitle#ac3 {
	background:url(../images/goldstrip.jpg) 0 0 repeat-x;}
	
	
.AccordionTitle#ac4 {
	background:url(../images/platinumstrip.jpg) 0 0 repeat-x;}

*/
.AccordionContent
{
  height:0px;
  overflow:hidden;
  background:white;
}

div.AccordionContent ul li.accor{
	margin-left:102px;
	list-style:none;
	font-size:120%;}


div.AccordionContent p {
	width:400px;
	margin-left:102px;
	}
	
div#col1 div.AccordionContent img {
	float:left;
	padding:20px;}
	
	div#col1 ul.cover {
		padding-bottom:20px;}
	
div#col1 ul.cover li {
	
	font-size:140%;
	padding:5px;}
	
img.sandwich {
	border:3px solid #9F8B7A;
	float:right;
	margin:0 0 10px 10px;}
	
	
div.AccordionContent table {
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	vertical-align:top;}
	
div.AccordionContent table#catering {
	font-size:12px;}
	
a#order {
	background:url(../images/order_but-trans.png) 0 0 no-repeat;
	width: 159px;
	height:31px;
	display:block;
	text-decoration:none;
	color:white;
	font-size:16px;
	text-align:center;
	padding-top:8px;
}
	
a#order:hover{
	background: url(../images/order_but-trans.png) 0 -40px no-repeat;
	}
	
td.c1, td.c3 {
	width:240px;
	padding:0 10px;
	vertical-align:top;}

td.c2, td.c4 {
	width:50px;
	padding:10px 0 0 0;
	font-size:10px;
	font-weight:bold;
	vertical-align:top;}
	
td.c5 {
	width:450px;
	padding:0 10px;
	vertical-align:top;}
	
span.bold {
	font-weight:bold;
	font-size:11px;
	padding-top:10px;
	display:block;
	}
	
.red {
	color:red;
	}
	
span.eng {
	font-weight:normal;
	font-size:9px;}
	
span.bold2 {
	font-weight:bold;
	font-size:12px;
	}
	
span.bold3 {
	font-weight:bold;
	font-size:11px;
	color:red;
	padding-top:10px;
	display:block;
	}
	
span.bold4 {
	font-weight:bold;
	font-size:11px;
	padding-top:10px;
	display:block;
	color:red;
	}
	
span.bold5 {
	font-weight:normal;
	font-size:10px;
	padding-top:20px;
	display:block;
	color:red;
	}
	
span.bold6 {
	font-weight:normal;
	font-size:10px;
	padding-top:10px;
	
	}
	
span.bold7 {
	font-weight:bold;
	font-size:11px;
	color:red;
	padding-top:0;
	display:block;
	}
	
	
span.ital {
	font-weight:normal;
	font-style:italic;
	font-size:10px;
	color:red;
	display:block;
	padding-top:5px;
	}
	
	
span.head {
	font-weight:bold;
	font-size:16px;
	display:block;
	padding-top:20px;
	}
	
/*6. --forms--*/

div#forminp {
	width:430px;
	margin-left:20px;
	padding:20px 85px 0 20px;
	background:url(../images/contentblock-trans.png) 0 0 repeat;}
	
div#forminp p{
	margin:20px 0;
	padding:0;
	background:none;}
	
div#forminp p.ital {
	font-style:italic;
	font-size:11px;
	
	}
	
div#forminp p a {
	font-size:90%;
	font-weight:normal;
	}
	
label {
	display:block;
	width:100px;	
	margin:5px 5px 5px 0;
	float:left;
	font-size:11px;
	}
	
div.submit {
	margin-left:110px;
	}
	
div.formfoot {
	width:430px;
	clear:left;}
	
div.formfoot p#req {
	float:left;
	width:100px;
	padding:0;}
	
	

	
.marg {
	margin-top:40px;}
	
div#forminp select, div#forminp input {
	background:url(../images/formblock-trans.png) 0 0 repeat;
	display:block;
	width:220px;
	float:left;
	margin:5px;
	color:#fff;
	font-size:12px;
	border:2px solid #9F8B7A;
	
	}
	
div#forminp div.submit input{
	margin:0;
	width:100px;
	background:#9F8B7A;
	cursor:pointer;
	
	}
	

textarea {
	background: transparent url(../images/formblock-trans.png) 0 0 repeat;
	width:300px;
	margin:5px;
	border:2px solid #9F8B7A;
	color:white;
	}
	

#button {

padding: 0;}

	
	

/* 7. --footer--*/

#footer {
	border-top:1px dotted #706052;
	margin:0 30px;
	padding-bottom:20px;
	}
	
#newsletter {
	width:440px;
	display:block;
	padding:20px 0;
	margin-left:0;
	float:left;
	}

#newsletter #form {
	float: left;
	}
	

#newsletter #form form#news {
	padding-top:10px;
	width:250px;
	float: left;}
	
form#news select, form#news input {
	float:none;
	display:block;
	width:220px;
	margin:0 5px;
	}
	
	


	
#newsletter form h2 {
	background: url(../images/offerhead.png) 0 0 no-repeat;
	color:#9F8B7B;
	font-size:200%;
	font-weight:bold;
	margin-left:10px;
	text-indent: -99999px;
	}
	
#compass {
	margin:0 30px 0 100px;
	padding-top:10px;}
	
	
#menu {
	margin:0 30px 0 50px;
	}
	
#menu h2 {
	text-indent:-99999px;
	background: url(../images/menuhead.png) 0 0 no-repeat;
	width:126px;}
	
#menu h2 a{
	
	
	}
	
#compass, #menu  {
	float:left;
	margin-top:20px;}
	
#compass h2 {
	background: url(../images/findhead.png) 0 0 no-repeat;
	text-indent:-99999px;
	width:80px;}
	
#compass h2 a span#com  {
	background:url(../images/compass-trans.png) 0 20px no-repeat;
	width:77px;
	height:104px;
	display:block;
	padding-top:20px;}
	
#compass h2 a:hover span#com  {
	background:url(../images/compass-trans.png) 0 -94px no-repeat;
	}
	
#menu h2 a span#men  {
	background:url(../images/menu-trans.png) 35px 30px no-repeat;
	width:78px;
	height:100px;
	display:block;
	padding:30px 0 0 20px;}
	
#menu h2 a:hover span#men  {
	background:url(../images/menu-trans.png) 35px -85px no-repeat;
	}
	
#compass h2 a, #menu h2 a {
	color:#9F8B7B;
	text-decoration:none;
	font-size:120%;}
	
form#news input#name {
	margin-top:20px;
}
	
	
form#news input#send {
	background:url(../images/formbut-trans.png) 0 0 no-repeat;
	width:102px;
	height:27px;
	border:none;
	float:left;
	cursor: pointer;
	}

#newsletter .searcharea {
	background: url(../images/formback-trans.png) 0 0 no-repeat;
	width:194px;
	height:34px;
	border:none;
	padding:7px 20px 0 15px;
	overflow:hidden;
	font-size:150%;
	}


#newsletter div.float {
	float:left;
	}
	
#newsletter p {
	margin:10px 0 0 10px;
	padding-bottom:10px;
	text-align:left;
	width:180px;
	font-size:12px;
	}
	

#newsletter span#privacy {
	width:auto;
	float:right;
	margin:5px 20px 0 0;
	font-size:10px;
	padding-bottom:0;}
	
#newsletter span#privacy a {
	color:#9F8B7B;}

#footer p#creds, #footer p#photo {
	clear:left;
	margin:0 auto;
	width:370px;
	text-align:center;
	font-size:90%;
	color:#7a5a5a;}
	
#footer p#creds {
	line-height:2em;}
	
#footer p#photo a {
	color:#9F8B7B;}
	
	
#footer span#weblink a{
	background: url(../images/linkicon-trans.png) 0 0 no-repeat;
	text-indent:-99999px;
	width:83px;
	height:19px;
	display: inline-block;
	padding-left:3px;
	}