@charset "UTF-8";
#content {
	position: absolute;
	width: 400px;
	height: 565px;
	left: 400px;
	background-image: url(images/content.jpg);
	z-index: 10;
	padding: 30px 10px 5px 70px;
	background-repeat: no-repeat;
	top: 125px;
}
#inner {
	margin-right: 30px;
	height: 555px;
	overflow: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#treeTitle {
	position: absolute;
	left: 239px;
	z-index: 11;
	top: 0px;
}
h1 ,h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #060;
}
#tree {
	position: absolute;
	left: 0px;
	z-index: 1;
	top: 0px;
}
body {
	background-color: #97E5E9;
	background-image: url(images/background.jpg);
}
#copyright {
	position: absolute;
	left: 764px;
	z-index: 11;
	top: 0px;
}
#wood {
	position: absolute;
	top: 524px;
	left: -50px;
	z-index: 11;
}
#circle {
	position: absolute;
	left: 25px;
	z-index: 8;
	visibility: visible;
	top: 120px;
}
#circleAnimation {
	position: absolute;
	left: 0px;
	z-index: 7;
	visibility: hidden;
	top: 100px;
}
#swan {
	position: absolute;
	left: 377px;
	z-index: 9;
	top: 160px;
}
#author {
	position: absolute;
	z-index: 9;
	left: 200px;
	top: 332px;
}
#authorAnimation {
	position: absolute;
	z-index: 1;
	left: 180px;
	visibility:hidden;
	top: 396px;
}
#noble {
	position: absolute;
	z-index: 8;
	left: 180px;
	top: 120px;
}
#nobleAnimation {
	position: absolute;
	z-index: 7;
	left: 0px;
	visibility: hidden;
	top: 100px;
}
#philosophy {
	position: absolute;
	z-index: 10;
	left: 178px;
	top: 210px;
}
#philosophyAnimation {
	position: absolute;
	z-index: 7;
	left: 0px;
	visibility: hidden;
	top: 100px;
}
#story{position:absolute;left:302px;z-index:10;top:332px}#storyAnimation{position:absolute;z-index:6;left:275px;top:325px;visibility:hidden}#you{position:absolute;z-index:10;top:317px;left:101px}#youAnimation{position:absolute;z-index:9;top:270px;left:100px;visibility:hidden}#my{position:absolute;z-index:8;left:65px;top:363px}

.menu, .menu ul {padding:0; margin:0; list-style:none;}
.menu {width:204px; height:275px; background:url(images/menu.png) no-repeat; padding: 5px; padding-top: 30px; position:relative; z-index:500;}
.menu table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; width:0; height:0; font-size:1em;}
.menu ul {position:absolute; left:-9999px;}

.menu li {width:180px; height:42px; float:left;}

.menu li a {display:block; width:100%; height:42px; line-height:42px; color:#777; text-decoration:none; font-size:12px; font-family:"lucida grande", arial, sans-serif; text-indent: 50px; float:left;}

.menu li.sub a {background:url(images/menuGrey.gif) no-repeat 150px center;}

.menu li a:hover {white-space:nowrap; position:relative; color:#06f;}

.menu li.sub a:hover {background:url(images/menuWood.gif) no-repeat 150px center; color:#06f;}
.menu li.sub a b {display:block; color:#06f; font-weight:normal;}

.menu li:hover {position:relative;}
.menu li:hover.sub > a {background:url(images/menuWood.gif ) no-repeat 150px center; color:#06f;}

.menu li.home, .menu li.shirlee, .menu li.words, .menu li.store, .menu li.links {background:url(images/swanBullet.png) no-repeat 10px center;}

.menu :hover ul
{width:120px; height:auto; left:165px; top:7px; background:#fcfcfc; border:1px solid #ddd;}
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{width:120px; height:auto; left:115px; top:-1px; background:#fcfcfc; border:1px solid #ddd; border-width:1px 0 1px 1px;}

.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul
{left:-9999px; width:0; height:0;}

.menu :hover ul li,
.menu :hover ul li a
{width:200px; height:25px; line-height:25px; text-indent:10px; float:none;}

.menu :hover ul li.sub a,
.menu :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul :hover li.sub a,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a
{background:url(images/menuGrey.gif) no-repeat 100px center; color:#777;}

.menu :hover ul li.sub a:hover,
.menu :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a:hover
{background:url(images/menuWood.gif) no-repeat 100px center; color:#06f;}
.menu :hover ul li.sub:hover > a,
.menu :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul :hover ul li.sub:hover > a
{background:url(images/menuWood.gif) no-repeat 100px center; color:#06f;}

.menu :hover ul li a,
.menu :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover :hover ul li a
{background:#fcfcfc; color:#777;}

.menu :hover ul li a:hover,
.menu :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li a:hover
{background:#fcfcfc; color:#06f;}

.menu li.sub a b,
.menu :hover li.sub a b,
.menu :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a b
{display:block; color:#06f; font-weight:normal;}

.menu li.sub a.selected b,
.menu :hover ul li.sub a.selected b,
.menu :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li.sub a.selected b
{display:block; background:#fcfcfc; color:#06f; font-weight:normal;}


#mainMenu {
	position: absolute;
	z-index: 50;
	top: 540px;
	left: 30px;
}

a:link {
	color: #960;
}
a:visited {
	color: #960;
}
a:hover {
	color: #95D1F3;
}
a:active {
	color: #98DAF7;
}
.left {
	float: left;
}
.right {
	float: right;
}
.centerText {
	text-align: center;
}
img {
	border: none;
}
#you {
	position: absolute;
	z-index: 10;
	top: 317px;
	left: 101px;
}
#youAnimation {
	position: absolute;
	z-index: 9;
	top: 270px;
	left: 100px;
	visibility: hidden;
}
#my {
	position: absolute;
	z-index: 8;
	left: 65px;
	top: 363px;
}
#myAnimation {
	position: absolute;
	z-index: 7;
	top: 363px;
	left: 65px;
	visibility:hidden;
}
#be {
	position: absolute;
	z-index: 5;
	left: 0px;
	top: 330px;
}
#beAnimation {
	position: absolute;
	z-index: 6;
	top: 330px;
	left: 0px;
	visibility:hidden;
}
#storeAnimation {
	position: absolute;
	z-index: 7;
	top: 430px;
	left: 88px;
	visibility: hidden;
}
#store {
	position: absolute;
	z-index: 8;
	top: 430px;
	left: 129px;
}
#servicesAnimation{position:absolute;z-index:7;left:247px;top:410px;visibility:hidden}#services{position:absolute;z-index:8;top:410px;left:247px}