html, body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	}

	
	/* common
----------------------------------------------------- */

br {
	clear: both;
}

p {
	margin: 0; 
	padding-top: 6px; 
}


a:focus,
a:active {-moz-outline-style: none;}

#jo  {
	position:absolute; 
	top:170px; 
	left:0px; 
	height:40%;
	width:195px; 
	background-color: transparent;
	z-index:21;
	}


	/* Loader gif
----------------------------------------------------- */

#loader {
	position:absolute; 
	top:42%;
	left:47%;
	width:48px; 
	height:48px;
	z-index:-3;
	}
	
	/* slow connection link
----------------------------------------------------- */

#oldsite_link {
	position:absolute; 
	bottom:3%;
	left:5%;
	width:300px; 
	height:20px;
	display:none;
	}


	/* Background
----------------------------------------------------- */

#bg {
	position:absolute; 
	width:100%; 
	height:100%;
	z-index:-3;
	background-color: #8d8384;
	}

#bg_index, #bg_approach, #bg_gardens, #bg_layers, #bg_contact {
	position:absolute; 
	width:100%; 
	height:100%;
	z-index:-2;
	display:none;
	}
	
#bg_container {
	position:absolute; 
	top:0; 
	left:0; 
	width:101%; 
	height:100%;
	display:none;
	background-color: transparent;
	}
	
#bg_container_contact {
	position:absolute; 
	top:0; 
	left:0; 
	width:500px; 
	height:100%;
	background-color: #ffffff;
	}

	
	/* Containers
----------------------------------------------------- */

#container {
	position:absolute; 
	top: 40px;
	left: 5%;
	width:90%; 
	height:88%;
	background-color: transparent;
	overflow:hidden;
	}
	
#container_subpage {
	position:absolute; 
	top: 40px;
	left: 15%;
	margin-left:-10%;
	width:90%; 
	height:85%;
	background-color: #ffffff;
	overflow:hidden;
	}
	
	/* Slideshows
----------------------------------------------------- */
	
#slideshow_container {
	position:absolute; 
	top:0; 
	left:255px; 
	height:100%;
	z-index:5;
	background-color:#000000;
	display:none;
	}
	
#slideshow_loader {
	position:absolute;
	top:300px;
	left:300px;
	height:40px;
	width:40px;
	background-color:transparent;
	z-index:5;
	}
	
#slideshow {
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:100%;
	background-color:transparent;
	z-index:6;
	}
	
#slideshow_in_progress {
	position:absolute; 
	top:200px; 
	left:255px; 
	width:300px; 
	height:50px;
	text-align:center;
	z-index:20;
	display:none;
	}
	
#top_mask {
	position:absolute; 
	top:0; 
	left:0px; 
	width:100%; 
	height:30px;
	background-color:#ffffff;
	z-index:7;
	}
	
#bottom_mask {
	position:absolute; 
	bottom:0; 
	left:0px; 
	width:100%; 
	height:40px;
	background-color:#ffffff;
	z-index:7;
	}
	
#right_mask {
	position:absolute; 
	right:-1px; 
	width:31px; 
	height:100%;
	background-color:#ffffff;
	z-index:7;
	}
	
#text_mask {
	position:absolute; 
	bottom:0px; 
	left:0px; 
	width:254px; 
	height:50px;
	background-color:#ffffff;
	z-index:30;
	}

	
	/* Preload
----------------------------------------------------- */
	
#preload {
	position:absolute; 
	top:4000px; 
	left:0px; 
	width:10px; 
	height:10px;
	overflow:hidden;
	}
	
	/* Navigation
----------------------------------------------------- */
	
#side_screen {
	position:absolute; 
	top:0; 
	left:0px; 
	width:0px; 
	height:100%;
	background-color: #ffffff;
	z-index:10;
	}
	
#side_screen_fixed {
	position:absolute; 
	top:0; 
	left:0px; 
	width:255px; 
	height:100%;
	background-color: #ffffff;
	z-index:10;
	}
	
#menu_trigger {
	position:absolute; 
	top:100px; 
	left:28px; 
	width:30px; 
	height:30px;
	background-color: transparent;
	text-align: left;
	padding-top: 10px;
	z-index:20;
	display:none;
	}
	
#menu_holder {
	position:absolute; 
	top:100px; 
	left:28px; 
	width:195px; 
	background-color: transparent;
	text-align: left;
	text-transform:uppercase;
	border-top:1px #000 dotted;
	padding-top: 8px;
	border-bottom:1px #000 dotted;
	padding-bottom: 8px;
	z-index:20;
	display:none;
	}

#menu_holder_garden,
#menu_holder_layers {
	position:absolute; 
	top:190px; 
	left:28px; 
	width:195px; 
	background-color: transparent;
	border-bottom:1px #000 dotted;
	padding-bottom: 8px;
	text-align: left;
	text-transform:uppercase;
	z-index:20;
	display:none;
	}
	
	
	/* Content
----------------------------------------------------- */
#image_holder {
	position: relative;
	top: 80px;
	left:10%;
	margin-left: 225px;
	background-color:#cccccc;
	width: 65%;
	}
		
#image_holder img {
	width:100%;
	}
		
#logo {
	position:absolute; 
	top:40px; 
	left:25px; 
	width:215px; 
	height:70px;
	background-color: transparent;
	z-index:20;
	}

#text_holder_approach,
#text_holder_approach2 {
	position:absolute; 
	top:34%; 
	left:28px; 
	height:85%;
	width:195px; 
	background-color: transparent;
	text-align: left;
	z-index:20;
	display:none;
	}
	
#text_holder_contact {
	position:absolute; 
	top:190px; 
	left:28px; 
	height:85%;
	width:195px; 
	background-color: transparent;
	text-align: left;
	z-index:20;
	overflow: hidden;
	display:none;
	}
	
	
	
#text_holder_garden,
#text_holder_garden2 {
	position:absolute; 
	top:355px; 
	left:28px; 
	width:195px; 
	height:100%;
	background-color: transparent;
	text-align: left;
	z-index:20;
	display:none;
	}
	
#text_holder_layers {
	position:absolute; 
	top:340px; 
	left:28px; 
	width:195px; 
	height:100%;
	background-color: transparent;
	text-align: left;
	z-index:20;
	display:none;
	}
	
#scrolling_text {
	position:absolute; 
	top:0px; 
	left:0px; 
	width:195px; 
	height:45%;
	background-color: transparent;
	text-align: left;
	overflow:hidden;
	}
	
#scrolling_text_main {
	position:absolute; 
	top:0px; 
	left:0px; 
	width:195px; 
	height:70%;
	background-color: transparent;
	text-align: left;
	overflow:hidden;
	}
	
		/* Scroll and image controls
----------------------------------------------------- */
#scroll {
	position: absolute;
	bottom:10px;
	left:28px;
	width:195px;
	height:20px;
	border-top:1px #000 dotted;
	padding-top: 8px;
	z-index:100;
	}
	
#scroll_main_section {
	position: absolute;
	top:95%;
	left:28px;
	width:195px;
	height:20px;
	border-top:1px #000 dotted;
	padding-top: 8px;
	z-index:100;
	display:none;
	}
	
	
#image_controls {
	position:absolute; 
	bottom:15px; 
	left:255px; 
	width:195px; 
	height:20;
	background-color: #ffffff;
	text-align: left;
	z-index:200;
	}
	
.image_select,
.image_select a {
	font-family : Arial;
	font-size : 11px;
	font-weight:normal;
	color : #768065;
	letter-spacing:1px;
	text-decoration:none;
	}
	
.image_select a:hover {
	color : #000000;
	text-decoration:none;
	}
	
	/* Text classes
----------------------------------------------------- */

.menu,
.menu a {
	font-family : Arial;
	font-size : 11px;
	font-weight:normal;
	line-height: 150%;
	color : #545556;
	letter-spacing: 1px;
	text-decoration:none;
	display:block;
	}
	
.menu a:hover {
	color : #000000;
	text-decoration:none;
	}
	
.submenu,
.submenu a {
	font-family : Arial;
	font-size : 10px;
	font-weight:normal;
	line-height: 160%;
	color : #545556;
	letter-spacing: 1px;
	text-decoration:none;
	display:block;
	}
	
.submenu a:hover {
	font-family : Arial;
	font-size : 10px;
	font-weight:normal;
	line-height: 160%;
	color : #000000;
	letter-spacing: 1px;
	text-decoration:none;
	}
	
.menu_trig {
	font-family : Arial;
	font-size : 10px;
	font-weight:normal;
	line-height: 200%;
	color : #768065;
	letter-spacing: 5px;
	text-decoration:none;
	}
	
.menu_active_item a {
	color : #000000;
	}
	
.text, .text a{
	font-family : Arial;
	font-size : 11px;
	color : #545556;
	line-height:145%;
	text-decoration: none;
	}
	
.text a:hover{
	text-decoration: underline;
	}
	
.text_link, .text_link a{
	font-family : Arial;
	font-size : 11px;
	color : #c3c8d4;
	text-decoration: none;
	}
	
.text_link a:hover{
	color : #ffffff;
	text-decoration: underline;
	}
	
.standfirst {
	font-family : Arial;
	font-size : 11px;
	font-weight:normal;
	line-height: 130%;
	letter-spacing:1px;
	color : #000;
	}
	
.more,
.back {
	font-family : Arial, sans-serif;
	font-size : 10px;
	color : #5f6b4a;
	font-style: italic;
	line-height:100%;
	}

			/* site credit link
----------------------------------------------------- */

#credit_link {
	position:absolute; 
	bottom:2%;
	left:5%;
	width:300px; 
	height:20px;
	display:none;
	}
	
.credit_text_link, .credit_text_link a{
	font-family : Arial;
	font-size : 11px;
	color : #2e3e34;
	text-decoration: none;
	}
	
.credit_text_link a:hover{
	color : #ffffff;
	text-decoration: underline;
	}