/* 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:#c5d9d1;
  text-align: center; 
}
html, body, #wrapper	{
min-height: 100%;
height: 100%;
}
html>body, html>body #wrapper	{
height:auto;
}
html> #wrapper	{
width:760px;
}

h1 {
	font: Rockwell, "Baskerville Old Face", Garamond, serif;
  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;
  font-size: 1.2em;
  padding-left: 20px;
  padding-right: 20px;
}
.centred	{
		padding-left: 60px;
  	padding-right: 60px;
}
.menu	{
	color: #000000;
}
.menuc	{
	text-transform: uppercase;
	color: #000000;
	font-weight:bold;
	line-height: 110%;
}
.menuit	{
	
	color: #000000;
	font-style:italic;
	
}
.menuitd	{
	text-transform:capitalize;
	color: #000000;
	font-style:italic;
	line-height: 40%;
}
.menutp	{
font-size: 1.4em;
	color: #000000;
	font-weight:bold;
	text-align:center;
}
li {
font:Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  padding-left: 20px;
  padding-right: 5px;
}


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


#branding h1 {
  margin: 0;
}

#branding {
  height: 107px;
  background-color:#196646;
  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: 20px;
margin-top: 60px;
}

#branding .logo	{
float:left;
margin-left: 0px;
margin-top: 10px;
border:1px 1px 1px 1px #134d35;

}
#branding .img	{
border: 0px solid #000000;
}
#content img	{
border: 1px solid #000000;
}
#pman	{
margin-top: 30px;
}
#hou	{
margin-top: 30px;
padding-left:70px;
padding-right:70px;

}

#back	{
height: 52px;
width: 760px;
background-color: #538D75;
border-bottom: 3px solid #196646;
}
#home	{

background-color: #538D75;

}


#navigation	{
font-family:Georgia, Garamond, serif;
font-size:13px;
background-color: #538d75;
height: 21px;
border-bottom:6px solid #196646;
padding:	2px;

}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 760px;
	float:left;
	
	
	
}
#navigation li {
	display: inline;
	
}
#navigation a:link, #navigation a:visited { 
	margin-right: 0px;
	padding: 5px 10px 5px 10px; 
	color: #ffffff;
	background-color: #196646;
	text-decoration: none;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #87A583;
	border-right: 1px solid #000000;
}
#navigation a:hover {
	background-color: #c5d9d1;
	color:#000000;
	border-top: 1px solid #717171;
	border-left: 1px solid #717171;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}



/* 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;
	padding-left:0px;
	padding-right:0px;
	position:relative;
	text-align: left;
  	background-color:#196646;
   
}
#container {
background:#888888 none repeat scroll 0%;
border:1px solid #000000;
height:700px;
margin:10px auto;
position:relative;
width:600px;
}

#content { 
  width: 760px;
  float: left; 
   margin-top: 1px;
   background-color:#FFFFFF;
}
#content .style1 {
	font-size: 1.6em;
	color: #000066;
	padding-right: 20px;
}

#housephoto	{
float:left;

}

#housephotoa	{
float:right;

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

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

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



a.gallery span {
background:#CCCCCC none repeat scroll 0%;
border:1px solid #FFFFFF;
color:#000000;
cursor:default;
display:block;
font-family:tahoma,geneva,"lucida sans unicode","lucida grande",verdana,sans-serif;
height:500px;
left:9px;
letter-spacing:1px;
position:absolute;
text-align:center;
top:189px;
visibility:hidden;
width:580px;
}

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







.office {
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 0.9em;
	
	color: #000000;
}



ol li {
  margin: 1em;
  padding: 0;
  list-style: circle;
}



li .col1 .col2 .add1 .add2 {
  margin: 0;
  padding: 0;
  line-height: 1.3em;
  list-style: none;
}
#prod li {
	margin: 1em;
	padding: 0;
	list-style: circle;
	
}
#contact li	{
margin: 0;
  padding: 0;
  line-height: 1.3em;
  list-style: none;
}
img.floatright	{
float: right;
margin: 5px 12px 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;
}

.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;
}

.clearboth { clear: both; }


.srphoto p	{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.4em;
font-weight:bold;
margin-top: 2px;
width: 250px;
line-height: 1em;
}

.srphotoa p	{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.4em;
font-weight:bold;
margin-top: 1px;
width: 275px;
line-height: 1.3em;
}
.col1 {margin-left: 1em;}

.col3	{margin-left: 1em;
margin-top:1.8em;

}
 
.col2 {margin-left: 18em;}
.col4 {margin-left: 18em;
margin-top:1.8em;
}


.add1 {
margin-left: 1em;
  padding: 0;
  line-height: 1.3em;
  list-style: none;

}
 
.add2 {margin-left: 20em;}
 

 
.coltopper {margin-top: -46.5em;}
.coltopper1 {margin-top: -6.6em;}