/* CSS Document */

<style type="text/css">


/* Pretty Stuff
================================== */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
	font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	background-color:#000000;
	text-align: center;
}
html, body, #wrapper	{
min-height: 100%;
height: 100%;
}
html>body, html>body #wrapper	{
height:auto;
}

h1 {
	font: Rockwell, "Baskerville Old Face", Garamond, serif;
	color:#FFFFFF;
  font-size: 2.3em;
  font-weight: bold;
  padding-left: 20px;
}

h2 {
font: Rockwell, "Baskerville Old Face", Garamond, serif;
  font-size: 1.3em;
  font-weight:bold;
  padding-left: 20px;
  }

p {
	font:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
  font-size: 1.2em;
  padding-left: 20px;
  padding-right: 20px;
}



li {
font:Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  padding-left: 20px;
  padding-right: 5px;
}

h1, h2, p {
  margin: 1em 0;
}

#branding {
	height: 107px;
	background-color:#000000;
	padding: 10px 10px 10px 10px;
}

#branding .strapline	{
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 2.2em;
color:#FFFFFF;
background-color: transparent;
float:right;
margin-right: 30px;
margin-top: 50px;
}

#branding .logo	{
float:left;
margin-left: 0px;
margin-top: 10px;
}

#content img	{
border: 1px solid #000000;
}

#navigation	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color: #000000;
	height: 25px;
	border-bottom:2px solid #795e31;
	padding:	2px;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 760px;
	float:left;
}

#navigation li {
	display: inline;
	font:Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  padding-left: 20px;
  padding-right: 5px;
	
}

#navigation a:link, #navigation a:visited {
	margin-right: 0px;
	padding: 5px 5px 5px 5px;
	color: #ffffff;
	background-color: #000000;
	text-decoration: none;
	border-top: 1px solid #795e31;
	border-left: 1px solid #795e31;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #795e31;
}

#navigation a:hover {
	background-color: #FDF3C5;
	color:#000000;
	border-top: 1px solid #717171;
	border-left: 1px solid #717171;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

#food li {
	font-size: 1.2em;
	color:#FFFFFF;
	list-style:circle;
  padding-left: 20px;
  padding-right: 5px;
	
}

/* The Core Technique
================================= */


#wrapper {
	min-height:100%;
	height:auto;
	width: 760px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	text-align: left;
	background-color:#795e31;   
}

#content {
	width: 760px;
	float: left;
	margin-top: 0px;
	background-color:#000000;
}

#footer {
	background-color:#000000;
	position:absolute;
	bottom: 0;
	width: 760px;
	border-top: 10px #ffffff;
	margin-top: 0;
	margin-right: 0;
	padding-right: 0; 
} 

#housephoto	{
float:left;

}

#housephotoa	{
float:right;

}
#mainphoto	{
float:left;
height:266px;
width:400px;
border: 1px solid #999;
}

#mainphotofood	{
float:left;
height:400px;
width:400px;
border: 1px solid #999;
}

#clearfooter{clear:both;height:45px;width:100%;background-colour:#ffffff}



.office {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
  padding-left: 20px;
	
	color: #ffffff;
}

#box1	{
	float:right;
	font-size: 1em;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	width: 200px;
	margin: 0px;
	padding: 0px;
	border: 1px solid black;	
    }


li {
  margin: 0;
  padding: 0;
  line-height: 1.3em;
  list-style: none;
}

/* Add some padding
================================== */


img.floatright	{
float: right;
margin: 5px 12px 5px 5px;
border: 1px solid #000000;
}

img.floatrightcontact	{
float: right;
margin: 5px 100px 5px 5px;
border: 1px solid #000000;
}

img.floatrighta1	{
float: right;
margin: 5px 12px 5px 5px;
}

img.floatrighta2	{
float: right;
margin: 5px 12px 25px 5px;
margin-bottom: 25px;

}


img.floatleft	{
float:left;
margin-right: 25px;
margin-bottom: 25px;
}

.office p1 {
	font:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
  font-size: 0.9em;
  padding-left: 20px;
  padding-right: 20px;
}


.thumbnail
{
float: left;
height: 101px;
width: 135px;
border: 1px solid #999;
margin: 0 0 0 0;

}
.thumbnaila
{
float: right;
width: 101px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
}
.style4 {color: #999999}