* { margin:0; padding:0;}
img {border:none;}
ul,ol,dl { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }



body {background:url(images/bg3.jpg) repeat left top; /*position:relative; z-index:0;*/}
p.temp {
margin:10px auto 0 auto;
text-align:center;
}
a {
text-decoration:none;
/*color:#3399FF;*/
color:#FFFF00;
}
a:hover {
color:#FFCC33;
}
.picture {
margin:0 auto 0 auto;
text-align:center;
}
.text {
margin-top:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFF00;
}


.container {width:933px; margin-left:auto; margin-right:auto; position:relative; /*height:100%;*/}
#menuContainer {cursor:pointer;}
.bar {background:url(images/bar.jpg) no-repeat left top; width:933px; height:16px;}
.edgeLeft {/*float:left;*/ position:absolute; left:169px; top:-343px; background:url(images/edgeLeft.jpg) repeat-y; width:16px; height:100%;}
/*.edgeRight {float:right; background:url(images/edgeRight.jpg) repeat-y right top; width:16px; height:8000px;}*/

.edgeRight {position:absolute; left:935px; top:-343px; background:url(images/edgeRight.jpg) repeat-y; width:16px; height:100%;}
.flash {width:750px; height:600px; position:absolute; left:169px; top:16px; background:url(images/background.jpg) no-repeat left top;}
.bubbles {position:absolute; right:0px; z-index:19;}
.bubbles-event {position:absolute; right:0px; z-index:59;}
.spotlight-about {position:absolute; bottom:0px; left:69px; z-index:-1;}
.spotlight-buy {position:absolute; top:-228px; left:-134px; z-index:-1;}
.content {position:relative; left:185px; top:-343px; background:url(images/backgroundContent.gif) repeat-y top left; width:750px; font:76%/1.7 Verdana, Arial, Helvetica, sans-serif; color:#273888;  text-align:left; height:100%; /*z-index:-10;*/}
.content-press {position:relative; left:185px; top:-343px; /*background-color:#59758A;*/ background:url(images/bg-repeat.jpg) repeat-y; width:750px; font:76%/1.7 Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;  text-align:left; height:100%; /*z-index:-10;*/}
.content-press .bottom-press {position:absolute; bottom:0px; background:url(images/bg-bottom.jpg) no-repeat; width:750px; height:600px;}
.bottom-crab {position:absolute; bottom:0px; background:url(images/bg-bottom-crab.jpg) no-repeat; width:750px; height:600px;}

.content-about {position:relative; left:185px; top:-343px; /*background-color:#59758A;*/ background:url(images/bg-about.jpg) repeat-y; width:750px; font-size:78%; color:#FFFFFF;  text-align:left; height:100%;}
.content-about .top-about {position:absolute; top:0px; background:url(images/bg-about-top.png) no-repeat; width:645px; height:265px;}
.content-about .bottom-about {position:absolute; bottom:0px; background:url(images/bg-about-bottom2.png) no-repeat; width:750px; height:600px;}
.content-about .mainShadow p {margin-left:125px; margin-right:162px;/*width:400px; text-align:center;*/}

.content-characters {position:relative; left:185px; top:-343px; background:url(images/bg-repeat-characters.jpg) repeat-y; /*background-color:#769F9E;*/ width:750px; /*font-family:"Times New Roman", Times, serif; font-size:1.55em; line-height:1.4em;*/ font:76%/1.7 Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}
.content-characters .top-characters {position:absolute; left:0px; background:url(images/characters-bg.jpg) no-repeat; width:750px; height:600px;}
.content-characters .bottom-characters {position:absolute; bottom:0px; background:url(images/bg-bottom-characters.jpg) no-repeat; width:750px; height:600px;}
/*.characters p {font-family:"Times New Roman", Times, serif;}*/
/*.characters .graphic p, .characters .graphic h1 {position:relative; left:-67px; top:33px;}*/

.content-downloads {position:relative; left:185px; top:-343px; background:url(images/downloads-bg.jpg) repeat-y top left; width:750px; font:76%/1.7 Verdana, Arial, Helvetica, sans-serif; color:#273888;  text-align:left; height:100%; /*z-index:-10;*/}
/* Main Shadow*/
.mainShadow {position:relative; left:-67px; background:url(images/mainShadow.png) repeat-y; width:886px; height:100%; z-index:50;}
.bottomShadow {position:relative; top:73px; background:url(images/mainBottomShadow.png) no-repeat; width:886px; height:73px;}
.graphic {position:relative; left:67px; background:url(images/backgroundStandard.jpg) no-repeat; width:750px; height:182px; /*z-index:10;*/}


.download {padding-top:40px;}
.quote {margin-left:55px; margin-right:55px;}
.event {position:relative; left:67px; z-index:1;}
.description {position:absolute; left:350px; top:167px;}
.buythebook {position:absolute; left:430px; top:100px;}
.buythebook img {margin-left:-10px;}
.buythebook p {margin-left:10px;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.left76px {left:-76px;}
.center {text-align:center;}

.name {font-size:1.5em; font-weight:bold; color:#4A704F; font-family:Garamond, Times New Roman, Times, serif; line-height:.8em; z-index:51;}
	/*.meet {position:relative; top: 35px; left: 75px; width:650px; padding:0 20px 0 0; z-index:51;}
	.sesom {position:relative; top: 75px; left: 75px; width:650px; padding:0 20px 0 0; z-index:51;}
	.raaon {position:relative; top: 75px; left: 75px; width:650px; padding:50px 20px 0 0; z-index:51;}
	.raaon img {position:relative; top:-60px; z-index:51;}
	.sarai {position:relative; top: 75px; left: 75px; width:650px; padding:50px 20px 0 0; z-index:51;}
	.sarai img {position:relative; top:-60px; z-index:51;}
	.mrcrab {position:relative; top: 75px; left: 75px; width:650px; padding:20px 20px 0 0; z-index:51;}
	.mrcrab img {position:relative; top:-60px; z-index:51;}
	.dolphin {position:relative; top:0px; left: 75px; width:650px; padding:20px 20px 0 0; z-index:51;}
	.dolphin img {position:relative; top:-60px; z-index:51;}
	.turtle {position:relative; top:-20px; left: 75px; width:650px; padding:20px 0px 0 0; z-index:51;}*/
.turtle {position:relative; right:-51px;}
	/*.killer {position:relative; top: 95px; left: 75px; width:650px; padding:20px 20px 0 0; z-index:51;}
	.killer img {position:relative; top:-70px; left:-40px; z-index:51;}
	.eel {position:relative; top:0px; left: 75px; width:650px; padding:20px 20px 0 0; z-index:51;}
	.eel img {position:relative; top:-30px; z-index:51;}
	.seahorse {position:relative; top: 50px; left: 30px; width:650px; padding:20px 20px 0 0; z-index:51;}*/
.seahorse {position:relative; left: -61px;}
	/*.octopus {position:relative; top: -50px; left: 75px; width:650px; padding:20px 20px 0 0; z-index:51;}
	.octopus img {position:relative; top:-20px; z-index:51;}*/
.crab-right-corner {/*background:url(images/crab-right-corner.png) no-repeat right bottom; width:817px; height:226px;*/ position:relative; top: 73px; left:617px;}

h1,h2,h3,h4,p,form {font-family:"Times New Roman", Times, serif; line-height:1em; padding: 0px 120px 0px 128px; z-index:50;}
h1 {font-size:1.8em; padding-top:50px;}
h2 {font-size:1.61em; padding-top:30px;}
h3 {font-size:1.61em; padding-top:10px; padding-bottom:10px;}
h4 {font-size:1.61em; padding-top:10px;}
p {font-size:1.55em; padding-bottom:15px; line-height:1.2em;}
label {display:block; font-size:1.35em; padding-top:15px; line-height:1.2em;}
.buy ol {padding: 1px 1px 0 1px; list-style:none;}
.buy li {float:left; clear:left; width:100%; padding-top:10px; padding-bottom:1px;}
.buy label {float:left; width:7em; margin-right:10px; font-size:1.35em; padding-top:0px; text-align:right;}
.order {float:none; width:auto; border:0 none #FFF; margin-left:126px;}

/*.content h1 {padding-top: 64px;}
.content p {padding-bottom: 15px;}*/

.nav {width:169px; height:343px; position:relative; left:0; top:0; font:Times New Roman, Times, serif; font-size:1.4em; z-index:60; /*background:url(images/menuBackground.png) no-repeat right top;*/}
.index {left:0px; top:-236px;}
.navShadow {position:relative; left:-43px; background:url(images/mainNavShadow.png) no-repeat; width:213px; height:446px;}
.navShadowIndex1 {position:relative; left:-37px; top:236px; background:url(images/mainShadowIndex.png) no-repeat; width:206px; height:682px;}
.navShadowIndex2 {position:absolute; left:169px; top:16px; background:url(images/mainShadowIndex.png) no-repeat right top; width:803px; height:682px;}
/*.navShadowIndex {position:relative; left:-43px; top:236px; background:url(images/mainShadowIndex.png) no-repeat 6px 0px; width:1009px; height:682px;}*/
.navBottom {width:169px; height:257px; position:relative; left:0; top:0px; background:url(images/menuBottom.png) no-repeat right top;}
.nav ul {position:relative; left:0px; top:-446px;}
.nav li {margin:0; padding:0; width:100%;}
.nav a {display:block; position:relative; width:169px; text-align:center; /*padding-top:1em;*/ line-height:2.1em; color:#FFFFFF; background:url(images/menuBackground.png) no-repeat;}
.nav-firefish a {height:55px; /*background:url(images/menuBackground.png) no-repeat -160px 0px;*/ background-position: -160px 0px;}
.nav-firefish a:hover {background-position: 9px 0px;}
.nav-book a {height:48px; /*background:url(images/menuBackground.png) no-repeat -160px -55px;*/ background-position: -160px -55px;}
.nav-book a:hover {background-position: 9px -55px;}
.nav-characters a {height:48px; background-position: -160px -103px;}
.nav-characters a:hover {background-position: 9px -103px;}
.nav-downloads a {height:48px; background-position: -160px -151px;}
.nav-downloads a:hover {background-position: 9px -151px;}
.nav-creator a {height:48px; background-position: -160px -199px;}
.nav-creator a:hover {background-position: 9px -199px;}
.nav-information a {height:48px; background-position: -160px -247px;}
.nav-information a:hover {background-position: 9px -247px;}
.nav-kendu a {height:48px; background-position: -160px -295px;}
.nav-kendu a:hover {background-position: 9px -295px;}

.footer {font-size:.8em; padding: 4em 0 0em 0; text-align:center; clear:both; font:76%/1.7 Verdana, Arial, Helvetica, sans-serif; z-index:70;}


.desktop, .desktop img, .desktop p {float:left;}
.desktop p {padding-left: 128px; padding-top:20px; margin-right:30px;}
.desktop img {/*border:15px solid #FFFFFF;*/ margin:5px 15px 20px 0;}
.desktop a {  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.75em; line-height:1.5em; /*padding:0 0 0 0px; margin: 0 0 0px 0;*/}

/* --- COLORS --- */
.lightblue {color:#779ED8;}
.darkblue {color:#112665;}
.seagreen {color:#769F9E;}
.lightseagreen {color:#4A704F;}
.seayellow {color:#77B55A;}
.white {color:#FFFFFF;}

.translucent {
/* the filter attribute is recognized in
Internet Explorer and should be a percentage */
/*
filter: Alpha(opacity=50);
*/
/* the -moz-opacity attribute is recognized by 
Gecko browsers and should be a decimal */
/*
-moz-opacity: .5;
*/
/* opacity is the proposed CSS3 method, supported
in recent Gecko browsers */
/*
opacity: .5;
*/
}