@charset "UTF-8";
/* CSS Document */

body,html {
background: #46464E url(../images/tbg.gif) 0 0 repeat-x;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 16px;
color: #999;
margin:0;
padding:0;}

p {
margin:0 0 20px 0;
padding:0;}

h1,h2,h3,h4,h5,h6 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#c9c9c9;
font-weight:normal;}
h1 {
font-size:24px;}
h2 {
color:#AFAFAF;
font-family:"Times New Roman",Times,serif;
font-size:18px;
font-weight:normal;}
h3 {
font-size:18px;
color:#5D85A9;}
h4 {
font-size:16px;
margin:0 0 20px 0;
padding:0;}
h5 {
font-size:14px;
font-weight:bold;}
h6 {
font-size:12px;
color:#5D85A9;
font-weight:bold;
line-height:16px;}

a:link, a:active, a:visited {
color:#ccc;
text-decoration:none;
outline:none;}

a:hover {
color:#fff;}

hr {
border-top:1px solid #666;}

blockquote {}

cite {}

/* STRUCTURE */

#container {
width:640px;
margin:0 auto;}

#header {}

	#header h1 {
	margin:0;
	padding:0;
	text-indent:-999em;}
	
	#logo {
	float:left;
	height:114px;
	width:76px;
	z-index:10;}

#nav {
float:right;
margin:98px 0 0 0;}

#content {
margin:175px 0 0 0;}

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

#footer {
border-top:1px solid #666;
font-size:9px;
margin:50px 0 100px 0;}

	#credit {
	float:right;}

/* CLASSES */

ul.menu {
padding:0;
margin:0;
font-size:10px;}

ul.menu li {
display:block;
float:left;}

ul.menu li a {
padding:0 10px 0 10px;
border-left:5px solid #666;
color:#46464E;
outline:none;}

ul.menu li a:hover, ul.menu li a.selected {
border-left:5px solid #fff;
color:#fff;}

ul.footerMenu {
list-style:none;
padding:0;
margin:5px 0 0 0;}

ul.footerMenu li {
display:block;
float:left;
padding:0 10px 0 0;}

ul.footerMenu li a {
outline:none;}

ul.footerMenu li a:hover, ul.footerMenu li a.selected {
color:#999;}

.more {
text-indent:10px;
line-height:20px;
vertical-align:middle;
border-left:1px solid #999;
border-top:1px solid #999;
margin: 0 0 15px 0;}

.panes {
margin:0 0 25px 0;}

.clear {
clear:both;}

.blue {
color:#5D85A9;}

.gold {
color:#FC0;}

.silver {
color:#dcdcdc;}

/* tabs/slider element */

	/* accordian code */
	
	/* currently active header */
	#content h3.current {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		cursor:default;
		text-indent:10px;
		line-height:20px;
		vertical-align:middle;
		border-left:1px solid #999;
		border-top:1px solid #999;
		margin: 0 0 15px 0;
		color:#ccc;}
	
	#content h3 {
		color:#ccc;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		text-indent:10px;
		line-height:20px;
		vertical-align:middle;
		border-left:1px solid #999;
		border-top:1px solid #999;
		margin: 0 0 15px 0;}
		
	#content h3:hover {
		cursor: pointer;
		color:#FFF;
		text-indent:10px;
		line-height:20px;
		vertical-align:middle;
		border-left:1px solid #999;
		border-top:1px solid #999;
		margin: 0 0 15px 0;}
	
	/* accordion pane */
	#content div.panes {
		display:none;}
		
	/* end accordian code */

/* -------------------------------------------------------------- overlay element */
/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../images/overlay/petrol.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:840px;
	height:300px;
	
	text-align:center;
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

.apple_overlay img {
	margin:20px;}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(../images/overlay/close.png);
	position:absolute; right:15px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.triggers img {
	cursor:pointer;}
	
/* flash elements */

#portfolio {
	width:420px;
	height:320px;}
	
#gardens {
	width:640px;
	height:345px;}
	
#service2, #service3, #service4, #service5, #service6 {
	width:476px;
	height:345px;}