@import "fonts.css";
body {
background-color: #FFFFFF;
color: #000000;
background-image: url(../graphics/bg-body.png);
background-repeat: repeat-x;
background-position: left 104px;
text-align: center;
}
div {
text-align: left;
}
a img {
border-style: none;
}
div.wrapper {
margin: 0 auto;
padding: 0;
width: 780px;
}
#site-wrapper {
position: relative;
overflow: hidden;
}
#header {
margin-bottom: 1px;
margin-top: 4px;
background-repeat: no-repeat;
height: 296px;
background-position: left bottom;
position: relative;
background: url(../graphics/bg-header.jpg) 0 27px no-repeat;
}
#header h1 {
display: block;
position: absolute;
top: 131px;
left: 29px;
bottom: 0;
}
#header img {
width: 225px;
height: 120px;
}
#links {
position: absolute;
top: 0;
height: 63px;
z-index: 3;
color:#847B6D;
}
#links ul {
position: absolute;
bottom: 0;
left: 0;
list-style-type: none;
padding: 0;
margin: 0;
height: 24px;
overflow: hidden;
}
#links li {
display: inline;
padding:0;
margin: 0 5px 0 0;
}
#links a {
color: #8FBE00;
font-weight: bold;
font-style: normal;
}
#links img {
}
#links p {
position: absolute;
bottom: 0;
left: 0;
padding:0;
margin: 0 5px 0 0;
color: #847B6D;
bottom: 0;
left: 125px;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/padding.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#navigation{
width: 100%;
z-index: 200;
position: relative;
}
#navigation div.wrapper{
height: 47px;
margin-top: -1px;
background: url(../graphics/bg-navigation.png) left top repeat-x;
}
#navigation ul{
padding:0;
margin:0;
list-style:none;
/*height:3em;*/
}
#navigation ul ul{
/*width:15em;*/ 
width:150%;
margin-top: 1px;
}
#navigation ul li{
float:left;
/*height:3em;
line-height:3em;*/ 
display:inline;
width: auto;
} 
#navigation ul ul li{
display:inline;
/*width:12em;*/
height:auto;
/*line-height:1em;*/
width:150px;
}
#navigation li a {
display:block;
float:left;
height:100%;
/*width:100%;
width:7em;*/
text-decoration:none;
border-right: 1px solid #415700;
padding: 15px 12px 16px;
color: #FFFFFF;
text-decoration: none;
background: #8fbe00 url(../graphics/bg-navigation.png) left top repeat-x;
/*background-repeat:
background-position:;
background-color:;*/
}
#navigation li a:hover,
#navigation li.nav_active a,
#navigation li.nav_active a:hover{
color: #0F3D1F;
background-color: #688a00;
background-image: url(../graphics/bg-navigation-active.png);
}
* html #navigation a{
/*width:11em;
w\idth:7em; */
}
#navigation li li a,
#navigation li.nav_active li a{
color: #FFFFFF;
display:block;
/*width:12em;*/
height:100%;
width: 100%;
/*line-height:1em;*/
background: #688a00 url(../graphics/spacer.gif) no-repeat;
background-position: -1px;
text-align: left;
border-top: 1px solid #FFFFFF;
border-right-style: none;
padding-top: 4px;
padding-bottom: 4px;
color: #0F3D1F;
}
#navigation li li a:hover,
#navigation li.nav_active li a:hover{
color: #FFFFFF;
background-color: #688a00;
}
* html #navigation ul ul a, * html #navigation ul ul a:visited {
/*width:14em;
w\idth:12em;
*/}
#navigation table{
border-collapse:collapse;
padding:0;
margin:-1px;
width:0;
height:0;
font-size:1em;
z-index:1;
}
#navigation ul ul ul a, #navigation ul ul ul a:visited{
}
#navigation ul ul ul ul a, #navigation ul ul ul ul a:visited{
}
* html #navigation a:hover{
position:relative;
z-index:100;
}
#navigation li:hover{
position:relative;
}
#navigation :hover > a{
}
* html #navigation ul ul a:hover{
position:relative;
z-index:110;
}
#navigation ul ul li:hover{
position:relative;
}
#navigation ul ul :hover > a{


}
* html #navigation ul ul ul a:hover{
position:relative;
z-index:120;
}
#navigation ul ul ul :hover > a{
}
#navigation ul ul ul ul a:hover{
position:relative;
z-index:130;
}
#navigation ul ul{
visibility:hidden;
position:absolute;
height:0;
/*top:3em;
*/left:0;
top: 46px;
/*width:14em;
*/}
#navigation ul ul ul{
left:12em;
top:0;
/* width:14em;
*/}
#navigation ul :hover ul{
visibility:visible;
height:auto;
padding:0 3em 3em 3em;
left:-3em;
}
#navigation ul :hover ul ul{
visibility:hidden;
}
#navigation ul :hover ul :hover ul ul{
visibility:hidden;
}
#navigation ul :hover ul :hover ul{
visibility:visible;
left:9em;
}
#navigation ul :hover ul :hover ul :hover ul{
visibility:visible;
}

#content {
padding: 20px;
float: left;
clear: both;
background: #C2BDB6 url(../graphics/bg-content.png) repeat-x;
}
#body_copy {
width: 740px;
}

#body_copy img {
padding-left: 20px;
}

#body_copy td img, #gallery img {
padding-left: 0px;
}


body#two-col #body_copy {
margin-right: 20px;
float: left;
width: 351px;
}
#sub_body_copy {
float: left;
width:378px;
}
#sub_body_copy div.box {
margin-bottom: 20px;
background: url(../graphics/bg-box.png) right top no-repeat;
padding-right: 10px;
}
#sub_body_copy div.inner {
padding: 10px 10px 10px 10px;
border-style: solid;
border-bottom-style: none;
background-position: left top;
background-repeat: repeat-x;
}
#bio div.inner {
background-image: url(../graphics/bg-bio.png);
background-color: #FFFFFF;
border-color: #FFFFFF;
}
#bio div.inner p { margin: 0; }
#latest-tip div.inner {
background-image: url(../graphics/bg-tip.png);
background-color: #847B6D;
border-color: #847B6D;
}
#footer {
float:  none;
clear: both;
border-bottom: 1px solid #DAD8D4;
color: #9D958A;
padding: 7px 0;
margin-bottom: 20px;
}
#footer a {
color: #9D958A;
}

#nav-line {
height: 1px;
background-color: #FFFFFF;
position: absolute;
top: 347px;
overflow: hidden;
z-index: 100;
}

/* Gallery styles */

#gallery {
	margin: 0;
	padding: 0;
}
#gallery li {
	list-style-type: none;
	float: left;
	height: 122px;
	width: 119px;
	background: url(../graphics/gallerybk.jpg) no-repeat;
	margin: 0 20px 35px 0;
	position: relative;
	text-align: center;
}
#gallery li a {
	vertical-align: middle;
	width: 122px;
	height: 119px;
	#width: 100px;
	#height: 100px;
	display: table-cell;
	text-align: center;
	#position: relative;
	#top: 50%;
}
#gallery li a img {
	position: relative;
	#bottom: 25%;
}
#gallery li p.title {
	margin: 2px 0 10px;
	width: 122px;
	display: none;
	visibility: hidden;
}


#enquiry_form div {
	width: 700px;
	margin: 0 auto;
	clear: both;
	padding-bottom: 10px;
}
#enquiry_form label {
	float: left;
	width: 150px;
}
#enquiry_form input, #enquiry_form textarea, #enquiry_form select {
	float: left;
	margin: 0 20px 10px 15px;
	border: 1px solid #777;
}
#enquiry_form input, #enquiry_form select, #enquiry_form textarea {
	width: 142px;
}
#enquiry_form fieldset {
	background: #edebe9;
	padding: 20px 0 10px;
	border: 1px solid #777;
}

#enquiry_form .button {
	width: auto;
	margin: 0 0 0 10px;
	padding: 3px 20px;
	#padding: 0 6px;
	background: #8fbe00;
	color: white;
	float: right;
	position: relative;
	left: -63px;
	#left: -58px;
	font-weight: bold;
}