/* 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:#D4D4D4;
  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.7em;
  font-weight:bold;
  padding-left: 20px;
  }

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

.centred	{
		padding-left: 60px;
  	padding-right: 60px;
}
li {
font:Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  padding-left: 0px;
  padding-right: 0px;
}


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


#branding h1 {
  margin: 0;
}

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

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

#branding .logo	{
float:left;
margin-left: 0px;
margin-top: 10px;
}
#branding .img	{
border: 0px solid #000000;
}
#content img	{
border: 1px solid #000000;
}
#pman	{
margin-top: 30px;
}
#hou	{
margin-top: 30px;
}


#navigation	{
font-family:Georgia, Garamond, serif;
font-size:13px;
background-color: #006699;
height: 25px;
border-bottom:6px solid #000066;
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: 10px;
  padding-right: 1px;
	
}
#navigation a:link, #navigation a:visited { 
	margin-right: 0px;
	padding: 5px 5px 5px 5px; 
	color: #ffffff;
	background-color: #006699;
	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: #FDF3C5;
	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;
	position:relative;
	text-align: left;
  	background-color:#81a8bc;
   
}
#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.3em;
	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:#81A8BC;
position:absolute;
bottom: 0;
width: 760px;
border-top: 10px #000066;
margin-top: 0;
margin-right: 0;
padding-right: 0;
 
} 

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





/* 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;
}
.office 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;}
 
.add2 {margin-left: 20em;}
 

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

#formnote {
    background-color : #c1d4de;
    border: 1px solid #006699;
	float: right;
	text-align:center;
	width: 380px;
  	margin: 5px 10px 5px 10px; 
	padding: 1px; 
	
}

#formnote1 {
    background-color : #c1d4de;
    border: 1px solid #006699;
	float: right;
	text-align:center;
	width: 380px;
  	margin: 5px 10px 5px 10px; 
	padding: 1px; 
	
}
.style1 {
	font-size: 1.6em;
	font-weight: bold;
}

#container1 { 
	    position:relative; 
	    width:650px; 
	    height:396px; 
	    margin:20px auto 0 auto; 
	    border:1px solid #aaa; 
	    }
		
#container1 ul { 
	    padding:0; 
	    margin:0; 
	    list-style-type:none; 
	    }
		
#container1 a.gallery span { 
	    position:absolute; 
	    width:1px; 
	    height:1px; 
	    top:5px; 
	    left:5px; 
	    overflow:hidden; 
	    background:#fff; 
	    } 
		
 #container1 a.gallery, #container1 a.gallery:visited { 
	    display:block; 
	    color:#000; 
	    text-decoration:none; 
	    border:1px solid #000; 
	    margin:1px 2px 1px 2px; 
	    text-align:left; 
	    cursor:default; 
	    } 
		
		#container1 a.slidef { 
	    background:url(images/thumb/6.jpg); 
	    height:70px; 
	    width:93px; 
	    } 
	* html #container1 a.slidef { 
	    width:91px; 
	    w\idth:93px; 
	    } 
	#container1 a.slideg { 
	    background:url(images/thumb/7.jpg); 
	    height:70px; 
	    width:93px; 
	    } 
	
	#container1 a.slidea { 
	    background:url(images/thumb/2.jpg); 
	    height:80px; 
	    width:60px; 
	    } 
	#container1 a.slideb { 
	    background:url(images/thumb/1.jpg); 
	    height:80px; 
	    width:60px; 
	    } 
	#container1 a.slidec { 
	    background:url(images/thumb/3.jpg); 
	    height:80px; 
	    width:60px; 
	    } 
	#container1 a.slided { 
	    background:url(images/thumb/4.jpg); 
	    height:80px; 
	    width:60px; 
	    } 
	* html #container1 a.slided { 
	    width:91px; 
	    w\idth:93px; 
	    } 
	#container1 a.slidee { 
	    background:url(images/thumb/5.jpg); 
	    height:80px; 
	    width:60px; 
	    } 
		
		#container1 a.slidej { 
	    background:url(images/thumb/12.jpg); 
	    height:80px; 
	    width:60px; 
	    }
		
		#container1 a.slideh { 
	    background:url(images/thumb/8.jpg); 
	    height:70px; 
	    width:93px; 
	    }
		
	#container1 a.slidei { 
	    background:url(images/thumb/9.jpg); 
	    height:70px; 
	    width:93px; 
	    }
		
		#container1 a.slidek { 
	    background:url(images/thumb/10.jpg); 
	    height:70px; 
	    width:93px; 
	    }
		
		#container1 a.slidel { 
	    background:url(images/thumb/11.jpg); 
	    height:70px; 
	    width:93px; 
	    }
	
		
#container1 ul { 
	    width:198px; 
	    height:386px; 
	    } 
#container1 li { 
	    float:left; 
	    } 
		
#container1 ul { 
	    margin:1px; 
	    float:right; 
	    } 
		
#container1 a.gallery:hover { 
	    border:1px solid #fff; 
	    }
		
#container1 a.gallery:hover span { 
	    position:absolute; 
	    width:372px; 
	    height:372px; 
	    top:10px; 
	    left:35px; 
	    color:#000; 
	    background:#fff; 
	    }  
		
#container1 a.gallery:hover img { 
	    border:1px solid #fff; 
	    float:left; 
	    margin-right:5px; 
	    }
		

		
#container1 { 
	    background:#fff url(images/1.jpg) 35px 10px no-repeat; 
	    }