/* ----------------------------- Treetop stylesheet ----------------------------- */





/* ----------------------------- Global -------------------------------- */
a {
	text-decoration: none;
	color: #009900;
}  
 
a:hover {
border-bottom: 1px dotted;
	color: #009900; 
} 
hmtl, body {
	margin: 0;
	padding: 0;
	min-height: 100%;
	height: 100%;
	width: 100%; 
	text-align: left;
} 

html>body { height: auto; }

body {
	background-color: #C0F0C0;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
	color: #5A5A5A;
	font-size: 11px;
	line-height: 1.3em;
	text-align:left;
	
	
}

td { text-align: left; }

img, img a { border: 0; border-bottom:0;}

img a:hover { border: 0; text-decoration:0; border-bottom:0;}



/* ----------------------------- Body Elements -------------------------------- */


#wrapper {
	margin: 0;
	padding: 0;
	width: 786px;
	height:auto;
	border: 0;
	background-color:#C0F0C0;
	text-align: left;
	
}

.headerbg {
background-image:url(../imgs/treetop_about-03.jpg);
background-repeat:no-repeat;
width:592px;
height:110px;
padding:10px;
text-align:right;
font-size:12px;
}

.footerbg {
background-image:url(../imgs/treetop-11.jpg);
background-repeat:no-repeat;
width:636px;
height:90px;
padding:5px 18px 5px 5px; 
text-align:right;
margin:0;
color:#62A662;
font-size:10px;
}

.maincontent_bg {
background-image:url(../imgs/treetop-10.jpg);
background-repeat:repeat-y;
width:786px;
height:auto;
margin:0;
padding:5px 18px 10px 18px;
}

.maincontent_bg_index {
background-image:url(../imgs/treetop-102.jpg);
background-repeat:repeat-y;
width:786px;
height:auto;
margin:0;
padding:0px 4px 0px 6px;
}

.descriptiobg {
background-color:#F5FFF5;
width:513px;
height:auto;
color:#625640;
font-size:10px;
text-align:left;
margin:0;
padding:10px 10px 10px 35px;
}

.defaultdescriptiobg {
background-color:#F5FFF5;
width:766px;
height:auto;
color:#625640;
font-size:10px;
text-align:left;
margin:0;
padding:10px 10px 10px 35px;
}


.description {
color:#625640;
font-size:10px;
text-align:left;
}

.table {
border:1px solid #A5D5A5;
width:450px;
color:#625640;
font-size:10px;
text-align:left;
margin:0;
padding:5px;
}

.table2 {
border:0;
width:450px;
color:#625640;
font-size:10px;
text-align:left;
margin:0;
padding:5px;
}

.td_alt1 {background-color:#FFF;}

.td_alt {background-color:#F6FFF6;}

.td { background-color:#EDFBED; font-size:11px;}


/*----------------------------- text styles ----------------------------------------- */

.imgdes { color:#62472E; font-size:10px; font-style:italic; text-align:left;}
.descriptiobg a {color:#625640;font-size:10px;text-align:left; border-bottom:1px dotted #625640;}
.descriptiobg a:hover {color:#625640;font-size:10px;text-align:left; border-bottom:1px dotted #625640;}

.descriptiobg2 ,.descriptiobg2 a {color:#625640;font-size:10px;text-align:left; border-bottom:0;}
.descriptiobg2 a:hover {color:#625640;font-size:10px;text-align:left; border-bottom:1px dotted #625640;}

.descriptiobg3 ,.descriptiobg3 a {color:#ffffff;font-size:10px;text-align:left; border-bottom:0;}
.descriptiobg3 a:hover {color:#ffffff;font-size:10px;text-align:left; border-bottom:1px dotted #625640;}

.descriptiobg4 ,.descriptiobg4 a {color:#ffffff;font-size:10px;text-align:left; border-bottom:0;}
.descriptiobg4 a:hover {color:#ffffff;font-size:10px;text-align:left; border-bottom:0;}


.greentxt {color:#829F82; font-size:10px; text-align:left;}

/* ----------------------------- Main Menu Elements -------------------------------- */

#about_us { 
	float: left;
	width: 123px;
	height: 40px;
	background: transparent url(../imgs/menu.jpg) no-repeat 0 -40px; 
}

#apartment { 
	float: left;
	width: 152px;
	height: 40px;
	background: transparent url(../imgs/menu-03.jpg) no-repeat 0 -40px; 
}

#tree_exp { 
	float: left;
	width: 177px;
	height: 40px;
	background: transparent url(../imgs/menu-02.jpg) no-repeat 0 -40px; 
}

#promo { 
	float: left;
	width: 119px;
	height: 40px;
	background: transparent url(../imgs/menu-04.jpg) no-repeat 0 -40px; 
}

#rates { 
	float: left;
	width: 81px;
	height: 40px;
	background: transparent url(../imgs/menu-05.jpg) no-repeat 0 -40px; 
}

#contact_us { 
	float: left;
	width: 134px;
	height: 40px;
	background: transparent url(../imgs/menu-06.jpg) no-repeat 0 -40px; 
}


#about_us a { background: transparent url(../imgs/menu.jpg) no-repeat left top; }
#apartment a { background: transparent url(../imgs/menu-03.jpg) no-repeat left top; }
#tree_exp a { background: transparent url(../imgs/menu-02.jpg) no-repeat left top; }
#promo a { background: transparent url(../imgs/menu-04.jpg) no-repeat left top; }
#rates a { background: transparent url(../imgs/menu-05.jpg) no-repeat left top; }
#contact_us a { background: transparent url(../imgs/menu-06.jpg) no-repeat left top; }


#about_us a, #apartment a, #tree_exp a, #promo a, #rates a, #contact_us a {
	float: left;
	text-indent: -1000em;
	height: 40px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	border-bottom: 0;
}
 
#about_us a { width: 123px; }
#apartment a { width: 152px; }
#tree_exp a { width: 177px; }
#promo a { width: 119px; }
#rates a { width: 81px; }
#contact_us a { width: 134px; }



/*  IE 5 hack */
#about_us a, #apartment a, #tree_exp a, #promo a, #rates a, #contact_us a {overflow: hidden;}
/* end hack */ 

#about_us a:hover, #apartment a:hover, #tree_exp a:hover, #promo a:hover, #rates a:hover, #contact_us a:hover {
	background-image: none;
	border-bottom: 0;
}


.piclink, piclink a {border-bottom:0;}
.piclink a:hover {border-bottom:0;}


/* ----------------------------- End of Main Menu Elements -------------------------------- */