@charset "UTF-8";
/* goo4good.org css 'n junk */

body{
	font-family:"Lucida Grande", Arial, sans-serif;
	color:#333;
	font-size:13px;
	margin:0px;
	padding:0px;
}

#wrapper{
	width:900px;
	position:relative;
}

#look{
	width:900px;
	height:630px;
	overflow:hidden;
	position:relative;
}

.motion{
	position:absolute;
}

#legs{
	top:-430px;
	left:0px;
	z-index:10;
}

#logo{
	top:69px;
	left:530px;
	z-index:15;
}

#over{
	width:800px;
	height:650px;
	z-index:21;
}

#bonsai{
	width:200px;
	height:200px;
	top:360px;
	left:280px;
	z-index:19;
}

#drawer{
	width:299px;
	height:615px;
	left:900px;
	top:0px;
	background:url(../images/bg-drawer.jpg) top left no-repeat;
	padding:10px 10px 0px 10px;
	z-index:22;
	overflow:auto;

}

#about{
	top:169px;
	left:590px;
	z-index:15;	
}


#content{
	background:url(../images/bg-grad_horz.jpg) top no-repeat;
	min-height:200px;
	padding:10px 40px;
}

#foot{
	background:url(../images/bg-grad_horz.jpg) top no-repeat;
	min-height:200px;
}

.centered{
	margin-left:auto;
	margin-right:auto;
}


h1, h2, h3, ul, li{
	margin:0px;
	padding:0px;
}

p{
	margin:5px 0px;
}

input, select, textarea{
	border:1px solid #b31b1b;
	color:#666;
	background:#F1F1F1;
	font-size:14px;
	padding:1px 2px;
}

/********************  div styles  *******************/

.m0{ margin:0px;}
.m10{ margin:10px;}

.mtb5{ margin:5px 0px;}
.mtb10{ margin:10px 0px;}
.mtb20{ margin:20px 0px;}

.mlr5{ margin:0px 5px;}
.mlr10{ margin:0px 10px;}
.mlr20{ margin:0px 20px;}

.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}

.m5{ margin:5px;}

.mtb5{ margin:5px 0px;}

.mt5{ margin-top:5px;}
.mb5{ margin-bottom:5px;}
.ml5{ margin-left:5px;}
.mr5{ margin-right:5px;}

.mt20{ margin-top:20px;}
.ml20{ margin-left:20px;}
.mb20{ margin-bottom:20px;}
.mr20{ margin-right:20px;}



.p10{ padding:10px;}
.p20{ padding:20px;}
.p3{ padding:3px;}

.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}

.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}

.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl20{ padding-left:20px;}

.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr20{ padding-right:20px;}



.p5{ padding:5px;}
.pt5{ padding-top:5px;}
.pb5{ padding-bottom:5px;}


.h1{ height:1px;}
.h15{ height:15px;}
.h25{ height:25px;}

.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}

.bg-ltGrey{ background:#f4f4f4; }

.bb-ltGrey{ border-bottom:1px solid #EEE; }
.bt-ltGrey{ border-top:1px solid #EEE; }
.bl-ltGrey{ border-left:1px solid #EEE; }
.br-ltGrey{ border-right:1px solid #EEE; }
.b-ltGrey{ border:1px solid #EEE;}

.bg-grey{ background:#999; }
.bb-grey{ border-bottom:1px solid #999; }
.bt-grey{ border-top:1px solid #999; }
.br-grey{ border-right:1px solid #999; }
.bl-grey{ border-left:1px solid #999; }
.b-grey{ border:1px solid #999; }

/********************  text sizes  *******************/

.s9{ font-size:9px;}

.s10{ font-size:10px;}

.s11{ font-size:11px;}

.s12{ font-size:12px;}

.s13{ font-size:13px;}

.s14{ font-size:14px;}

.s15{ font-size:15px;}

.s18{ font-size:18px;}

.s22{ font-size:22px;}

.s45{ font-size:45px;}

.al{ text-align:left; }
.ar{ text-align:right; }
.ac{ text-align:center; }


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

.b{ font-weight:bold;}
.n{ font-weight:normal;}

.ltgrey{ color:#AEAEAE;}
.grey{ color:#999;}
.dkgrey{ color:#555;}
.black{ color:#000;}

.red{ color:#ff0000;}
.green{ color:#006600;}

.orange{ color:#de871c;}

.blue{ color:#4287fc;}



/********************  link styles  *******************/

a:link, a:visited, a:active{
	color:#b31b1b;
	text-decoration:none;
	font-size:inherit;
}

a.active:link, a.active:visited, a.active:active{
	color:#b31b1b;
	text-decoration:none;
	font-size:inherit;
}

a.active:hover, a:hover{
	color:#333;
	text-decoration:none;
	font-size:inherit;
}