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

#wrapper {

	width: 900px;
	margin: 0 auto;
	height: 100%;
}
#wrapper-pages {

	width: 900px;
	text-align:center;
	margin: 0 auto;
	padding-left:100px;
	height: 100%;
}

/* Header */

#header {
	background:url(../images/bg-top.png) no-repeat; 
	width:817px; 
	height:236px;}
	
#header-menu { 
	height:30px;background:url(../images/bg-mid.png) repeat-y; 
	width: 817px;text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;margin-left:22px;}
	
#header-content {
	background: url(../images/bg-mid.png) repeat-y; width: 817px;
	height: auto; 
	padding-left:80px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	float:left; 
	margin-left:22px;}
	
#header-wrapper {
	width: 900px;
	margin: 0 auto;
}

/* Global Link */
A:link {text-decoration: none; color: #8b9073}
A:visited {text-decoration: none; color: #CCCCCC;}
A:active {text-decoration: none; color: #8b9073;}
A:hover {text-decoration: none; color: #4f6b0a;}

h1 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 15px;
	color: #265642;

}

h2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	margin-bottom: 5px;
	border-bottom: 1px, thin;

}

.active {

	color: #336633;}

body {

	background: url(../images/bg_01.jpg) 50% 0 no-repeat fixed;
	background-color: #53814E;}


/* container for content */



#container {
	
	width: 900px;
	height: 1000px;
	background-image: url(../images/scrolld.png);
	background-repeat: no-repeat;
	background-position: top;}
	
#container2 {

	width: 900px;
	height: 1000px;
	background-repeat: no-repeat;
	background-position: top;}
	
#silverback {
	position:relative; 
	z-index:0; 
	min-width:200px; 
	min-height:200px; 
    padding:120px 200px 50px; 
	margin:20px 0 40px; 
	font-size:2.5em; 
	font-weight:normal; 
    line-height:1.2; 
	text-align:center; 
	background:#d3ff99 url(vines-back.png) -10% 0 repeat-x;}
	
#silverback:before,
#silverback:after {
	 position:absolute; 
	 z-index:-1; 
	 top:0; 
	 left:0; 
	 right:0; 
	 bottom:0; 
	 padding-top:100px;}
 
#silverback:before {
	content:url(gorilla-1.png); 
	padding-left:3%; text-align:left;
    background:transparent url(vines-mid.png) 300% 0 repeat-x;}
	
#silverback:after {
	content:url(gorilla-2.png); 
	padding-right:3%; 
	text-align:right;
    background:transparent url(vines-front.png) 70% 0 repeat-x;}

/* container for home */

#home {

	width: 900px;
	height: 900px;
	background-image: url(../images/scroll-home.png);
	background-repeat: no-repeat;
	background-position: top;}


/* Main Menu */

#navcontainer {

	/*z-index: 1100;*/
	padding: 0;
	float:left;
	/*position: absolute;*/
	text-align: center;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	width: 100%;
	margin: 320px 0 0 10px;}

/* Text Content */

#content {
	float: left;
	width: 450px;
	height: 620px;
	color: #5d662b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: justify;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 120px;}

/* Right Menu */

#rMenu-search {
	float:right;
	width: 170px;
	height: 220px;
	margin: 32px 20px 0 0px;
	color: #263c08;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: left;
	padding-right:140px;}
	
#rMenu {
	float: left;
	width: 170px;
	height: 220px;
	margin: 32px 0 0 0;
	color: #263c08;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: left;}
	
#rMenu_space {
	float: left;
	width: 170px;
	height: 220px;
	margin: 35px 0 0 0;
	color: #263c08;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: left;}

#navlist {
	padding-left: 20px;
	margin-left: 0;
	width: 160px;}

#navlist li {
	list-style: none;
	padding: 5px 0 5px 0;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: dotted;
	border-bottom-color: #263c08;}

#navlist li a{	
	text-decoration: none;
	color: #263c08;}

#navlist li a:hover{	
	text-decoration: none;
	color: #690;}

#navlist li a#current {
	text-decoration: none;
	color: #696;}

/* Services Table */

#ctable_1 {
	list-style: none;
	margin: 0;
	padding: 0.25em;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-bottom-color: #263c08;
	border-top-width: 1px;
	border-top-color: #263c08;
}

#ctable_2 {
	list-style: none;
	margin: 0;
	padding: 0.25em;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: dotted;
	border-bottom-color: #263c08;
}
#fMenu2 {

	width: 500px;
	height: 50px;
	margin: 0px 0 0 70px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-align: left;
	top:20px;

}

#fMenu2 A {

	color: #FFFFFF;

}

#fMenu2 A:hover {

	font-weight: bold;
	color: #FFFFFF;
}

#fMenu {

	float: left;
	width: 500px;
	height: 50px;
	margin: -30px 0 0 115px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-align: left;

}

#fMenu A {

	color: #FFFFFF;

}

#fMenu A:hover {

	font-weight: bold;
	color: #FFFFFF;

}

/* Accessories */

#lantern {
	z-index: 904;
	float:left;	
	position: fixed;
	top: 0;
	left: 3%;
	right: 0;
	bottom: 0;
	height: 245px;
	width: 319px;
}

#bamboo_y {
	position: fixed;
	float:left;
	top: 0;
	left: 75%;
	right: 0px;
	bottom: 0;
	height: 900px;
	width: 566px;
	overflow:visible;
}

#bamboo_l {
	position: fixed;
	float:left;
	top: 0;
	left: -15%;
	right: 0px;
	bottom: 0;
	height: 900px;
	width: 566px;
	overflow:visible;
}

#bamboo_r {
	position: fixed;
	float:left;
	top: 0;
	left: 85%;
	right: 0;
	bottom: 0;
	height: 900px;
	width: 566px;
	overflow:visible;
}

#leaf_3 {
	z-index: 906;
	position: fixed;
	float:left;
	top: 80%;
	left: 64%;
	right: 0;


}


#leaf_2 {
	z-index: 908;
	float: left;	
	position: fixed;
	bottom: -15px;
	left: -30px;
}

#leaf_4 {
	z-index: 909;
	float: right;	
	position: fixed;
	left: -100px;
	bottom: -2px;

}

#leaf_5 {
	z-index: 907;
	float:left;	
	position: fixed;
	top: -10%;
	left: -7%;
	right: 0;
	bottom: 0;
	height: 236px;
	width: 402px;
}

/* Sticky Footer */

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -80px; /* negative value of footer height */
	height: 80px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.txtName{
	border:0px;
	border-bottom:1px #999999 dashed;
	color:#5d662b;
}
.txtEmail{
	border:0px;
	border-bottom:1px #999999 dashed;
	color:#5d662b;
}
.txtContact{
	border:0px;
	border-bottom:1px #999999 dashed;
	color:#5d662b;
}
.txtInquiry{
	border:0px;
	border-bottom:1px #999999 dashed;
	color:#5d662b;
}
.buttonSubmit {
	background-color:#FFFFFF;
	border:hidden;
	color:#5d662b;
}
.buttonReset {
	background-color:#FFFFFF;
	border:hidden;
	color:#5d662b;
}
#footer {
	background:url(../images/bg-bottom.png) no-repeat; 
	width:817px; height:170px;}

#top-link	{
	display:none;
	position:fixed;
	bottom:5px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #2E3664;
	background:#333;
	padding:10px;
	margin-bottom:200px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 20px;
	margin-left:300px;
	left: 500px;
}
td { padding:10px;}