/* ------------- page elements ----- */
	body{
	background-color: #393A39;
	padding:0;
	margin:0;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
	}
	#top{
	height: 800px;
	width: 100%;
	text-align: center;
	position: relative;
	}
	#container{
	width: 100%;
	height: 768px;
	border-bottom: 1px solid #fff;
	background: url('../images/site-bg.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	}

/* ------------- clouds ------------- */
	#cloud{
		position: absolute;
		left: -500px;
		top: 15px;
		z-index: 1;
		width: 551px;
		height: 282px;
		background-image: url(../images/cloud-two.png);
		background-repeat: no-repeat;
	}
	#cloud2{
		position: absolute;
		left: 50%;
		top: 65px;
		z-index: 3;
		width: 551px;
		height: 282px;
		background-image: url(../images/cloud-one.png);
		background-repeat: no-repeat;
	}
	
/* ------------- animation elements ----- */
	#site{
	position: relative;
	z-index: 100;
	padding-top:25px;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	}
			
/* ------ footer text ------- */
	#footer{
	width: 100%;
	height: 150px;
	}
	.footertext{
	padding-top:15px;
	text-decoration: italic;
	font: 8pt arial;
	color: #a2a2a2;
	text-align: center;
	}
		body>div#footerinfobar{
		z-index: 1000;
		position:fixed;
		}
		div#footerinfobar{
		z-index: 1000;
		width: 100%; 
		height: 34px;
		/* background: url(http://www.the-garden.org/images/linkbg.jpg); */
		background-color: black;
		border-top: 1px solid #5a5a5a;
		position:absolute;
		bottom:0;
		left:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";		
		filter: alpha(opacity=60);
		opacity: .60;
		}
			div#footerinfobar div#footerinfobar-inner{
			z-index: 1001;
			margin-left: auto;
			margin-right: auto;
			width: 960px;
			line-height: 34px;
			height: 34px;
			}
			
/* ------ bottom link bar navigation ------- */
	#tabs {
	float:right;
	line-height:normal;
	/* border-bottom:1px solid #666; */
	/* margin-bottom:1em; margin between menu and rest of page*/
	overflow:hidden;
	margin: 0px;
	margin: 1px 0 0 0;
	}
	
	#tabs ul {
	margin:0;
	padding:0px;
	list-style:none;
	}
	
	#tabs li {
	display:inline;
	margin:0;
	padding:0;
	text-align: center;
	}
	
	#tabs a {
	float:left;
	margin:0;
	padding:0px;
	text-decoration:none;
	font: 10pt arial, verdana, sans;
	height: 31px;
	}
	
	#tabs a span {
	float:left;
	display:block;
	padding:8px 15px 6px 15px;
	margin-right:0px;
	color:#FFF;
	}
	
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#tabs a span {float:none;}
	
	/* End IE5-Mac hack */
	#tabs a:hover span {
	color: yellow;
	}
	
	#tabs a:hover {
	background-position:0% -42px;
	}
	
	#tabs a:hover span {
	background-position:100% -42px;
	}			

/* side bar */
	#sidebar-container{position:absolute;left:-5;top:125px;width:71px;height:190px;margin:0;padding:0;z-index:5;}
	#sidebar{background: url('http://www.the-garden.org/images/side-sign.png');top:100px;position:absolute;width:71px;height:190px;margin:0;padding:0;}
	#mainbody-content #content-home{float:right;}
	#leftnav-home{background-color:#ffffc3;width:250px;}