* {margin: 0; padding: 0;}
html {font-size: 100.01%;}
body {font-size: 62.5%; font-family: Georgia; line-height: 1.4em; background: #FFF; color: black; cursor: default;}
table {border-collapse:	collapse; width: 100%;}
td {vertical-align: top;} .vert_bot {vertical-align: bottom;} .vert_mid {vertical-align: middle;}

/* MENU */
#MENU {width: 94%; color: #FFF; padding: 0 3%; position: absolute; top: 21px; left: 0; z-index: 9999;}
    #MENU td.Logotype {background: url(../zeta/menu_bg.png) repeat-x; width: 20%;}
        td.Logotype img {margin: 10px 50px 0 40px;}
    #MENU td.Sections {background: url(../zeta/menu_bg.png) repeat-x; width: 80%; font-family: Arial Narrow, arial; font-size: 1em; padding-top: 18px;}
    #MENU span {margin-left: 4%;}
    #MENU a { color: #FFFFFF;}
    #MENU a:link {text-decoration: underline; color: #FFFFFF;}
    #MENU a:visited {text-decoration: underline; color: #FFFFFF;}
    #MENU a:hover {text-decoration: underline; color: #f1d764 !important;}
    #MENU a:active {text-decoration: underline; color: #efdf98 !important;}
/* MENU CLOSED */

/* WEST & BLACK */
#WEST {background: #000000;}
    #Stars {width: 100%; background: url(../zeta/backgrounds/stars.jpg) repeat-x;}
        #Galaxy {width: 100%; background: url(../zeta/backgrounds/galaxy.jpg) no-repeat 50% 275px;}
            #Horizont {width: 100%; background: url(../zeta/backgrounds/horizont.gif) repeat-x 50% 582px;}
                #Mountains {width: 100%; background: url(../zeta/backgrounds/mountains.gif) no-repeat 50% 475px;}
                    #Dude {width: 100%; height: 1000px; background: url(../zeta/backgrounds/dude2.gif) no-repeat 45% 271px; color: #FFFFFF;}

                    #WEST #Text {height: 640px; float: left; width: 100%;}
                       #WEST #Text #WhyNot {float: left; width: 45%;}
                          #WEST #Text #WhyNot div {width: 60%; float: right; margin-top: 300px; padding-right: 30%; font-size: 1.2em; line-height: 1.4em;}
                          p.Uno {padding: 0.5em 0 1em 0;}
                          p.Due {padding-bottom: 0.5em;}

                       #WEST #Text #ShowStuff {float: left; width: 55%;}
                            #WEST #Text #ShowStuff div {width: 40%; float: left; margin-top: 230px; padding-left: 40%; font-size: 1.2em; line-height: 1.4em;}
                          p.Tres {padding: 0 0 0.5em 0;}
                          
#WEST #Footer {float: left; clear: both; width: 100%;}
    #WEST #Footer #Copyright {float: left; padding-left: 7%; font-family: Arial;}
        #WEST #Footer #Copyright p.Name {font-size: 1.4em; padding-bottom: 1em;}
        #WEST #Footer #Copyright p.Contacts {font-size: 0.9em; line-height: 1.4em; padding-bottom: 3em;}
    #WEST #Footer #Cobayashi {float: right; padding-right: 12%;}
/* WEST & BLACK CLOSED */

/* EAST & SKY */
#EAST {background: url(../zeta/backgrounds/desert.gif);}
    #Sky {width: 100%; background: url(../zeta/backgrounds/sky.gif) repeat-x;}
        #Clouds {width: 100%; background: url(../zeta/backgrounds/clouds.jpg) no-repeat 50% 0;}
            #Planes {width: 100%; background: url(../zeta/backgrounds/planes.jpg) repeat-x 50% 641px;}
                #Rocks {width: 100%; background: url(../zeta/backgrounds/rocks.gif) no-repeat 48% 487px;}
                    #Girl {width: 100%; height: 1000px; background: url(../zeta/backgrounds/girl.gif) no-repeat 50% 110px; color: #FFFFFF;}

                    #EAST #Text {height: 660px; float: left; width: 100%;}
                       #EAST #Text #WhyNot {float: left; width: 45%; color: #3a301f;}
                          #EAST #Text #WhyNot div {width: 60%; float: right; margin-top: 220px; padding-right: 30%; font-size: 1.2em; line-height: 1.4em;}
                          p.Uno {padding: 0.5em 0 1em 0;}
                          p.Due {padding-bottom: 0.5em;}

                       #EAST #Text #ShowStuff {float: left; width: 55%; color: #3a301f;}
                            #EAST #Text #ShowStuff div {width: 40%; float: left; margin-top: 180px; padding-left: 40%; font-size: 1.2em; line-height: 1.4em;}
                          p.Tres {padding: 0 0 0.5em 0;}

#EAST #Footer {float: left; clear: both; width: 100%; color: #3a301f;}
    #EAST #Footer #Copyright {float: left; padding-left: 7%; font-family: Arial;}
        #EAST #Footer #Copyright p.Name {font-size: 1.4em; padding-bottom: 1em;}
        #EAST #Footer #Copyright p.Contacts {font-size: 0.9em; line-height: 1.4em; padding-bottom: 3em;}
    #EAST #Footer #Cobayashi {float: right; padding-right: 12%;}
/* EAST & SKY CLOSED */

img#Closer {position: absolute; right: 10%; cursor: pointer;}

#demo-wrapper {overflow: hidden !important; height: 1050px; width: 100%;}
#demo-inner {width: 100%; height: 5000px;}
.scrolling-content {width: 100%; height: 1400px;}
#content1 {background: #000;}
#content2 {background:  url(../zeta/backgrounds/desert.gif);}


/* HIDE/SHOW */
.hide {top: -3000px !important;}
.show {top: 220px !important;}
.hide2 {top: -3000px !important;}
.show2 {top: 110px !important;}
.noner {display: none !important;}
.blocker {display: block !important;}

 .png {//background-image: none ! important; behavior: url('../pngfix.htc');}

/* STUFF */
#Stuff_Descr {font-family: arial; color: #FFF; width: 200px; background: #A60000; padding: 10px 5px; margin-top: 1em;}
#Stuff_Descr h1 {font-size: 0.9em; font-weight: normal; line-height: 1.1em;}
#Stuff_Descr h2 {font-size: 1.1em; font-weight: bold; line-height: 1.1em;}
#Stuff_Descr p {font-size: 0.9em; line-height: 1.2em; padding-top: 0.5em;}

table#Stuff_Box td {background: #000; font-size: 1px;}
    table#Stuff_Box td.nobg {background: none;}

#St1 {position: absolute; z-index: 10; top: 148px; left: 3%; height: 42px; overflow: hidden;}
#St2 {position: absolute; z-index: 12; top: 116px; left: 23%; height: 75px; overflow: hidden;}
#St3 {position: absolute; z-index: 13; top: 112px; left: 38%; height: 80px; overflow: hidden;}
#St4 {position: absolute; z-index: 14; top: 106px; left: 57%; height: 85px; overflow: hidden;}
#St5 {position: absolute; z-index: 15; top: 124px; left: 75%; height: 67px; overflow: hidden;}

#St6 {position: absolute; z-index: 10; top: 110px; left: 3%; height: 104px; overflow: hidden;}
#St7 {position: absolute; z-index: 12; top: 126px; left: 21%; height: 48px; overflow: hidden;}
#St8 {position: absolute; z-index: 13; top: 106px; left: 39%; height: 81px; overflow: hidden;}
#St9 {position: absolute; z-index: 14; top: 106px; left: 57%; height: 100px; overflow: hidden;}
#St10 {position: absolute; z-index: 15; top: 105px; left: 75%; height: 104px; overflow: hidden;}
/* FOOTER */
	
/* FORM */

/* Links */
a {outline: none !important;}
a:link {color: #bcaf75; text-decoration: underline;} a:visited {color: #bcaf75; text-decoration: underline;} a:hover {color: #bcaf75; text-decoration: underline;} a:active {color: #bcaf75; text-decoration: underline;}
a.blue:link {color: #1d5a81; text-decoration: underline;} a.blue:visited {color: #1d5a81; text-decoration: underline;} a.blue:hover {color: #01497c; text-decoration: underline;} a.blue:active {color: #01497c; text-decoration: underline;}

a#link2 {font-size: 1.6em; color: #48b6c0; text-decoration: none; background: url(../zeta/blue_dash.gif) repeat-x left bottom; line-height: 1.2em;}
a#link1 {font-size: 1.6em; color: #FFFFFF; text-decoration: none; line-height: 1em;}

a.Zakr {display: block; width: 4em; padding: 0px 3px 1px 3px; margin-top: 0.5em; font-size: 1.6em; color: #FFFFFF; text-decoration: none; background: #b33524; line-height: 1.2em;}

a#Show_Stuff_Yellow {width: 8.4em; font-size: 1.6em; color: #f1d764; text-decoration: none; background: url(../zeta/yellow_dash.gif) repeat-x left bottom; line-height: 1.2em;}
a#Show_Stuff_Yellow2 {width: 7.6em; font-size: 1.6em; color: #f1d764; text-decoration: none; background: url(../zeta/yellow_dash.gif) repeat-x left bottom; line-height: 1.2em;}

a#Show_Stuff_Red {width: 8.4em; font-size: 1.6em; color: #b33524; text-decoration: none; background: url(../zeta/red_dash.gif) repeat-x left bottom; line-height: 1.2em;}
a#Show_Stuff_Red2 {width: 7.6em; font-size: 1.6em; color: #b33524; text-decoration: none; background: url(../zeta/red_dash.gif) repeat-x left bottom; line-height: 1.2em;}


/* IMAGE FLOW */
#imageFlow {position: absolute; margin: 0 auto; width: 100% !important; height: 350px; left: 0px;}
#imageFlow .diapo {position: absolute; left: -1000px; cursor: pointer; -ms-interpolation-mode: nearest-neighbor;}
#imageFlow .link {}
#imageFlow .bank {visibility: hidden;}
#imageFlow .top {position: absolute; width: 100%; height: 40%; background: #181818;}
#imageFlow .text {display: none; position: absolute;left: 0px; width: 100%; bottom: 5%; text-align: center; color: #FFF; font-family: arial; z-index: 1000;}
#imageFlow .title {	font-size: 2em; font-weight: normal;}
#imageFlow .legend {font-size: 1.8em; color: #FF6600; background: black; margin: 0 auto; width: 250px;}
#imageFlow .scrollbar {position: absolute; left: 10%; bottom: 0%; width: 80%; height: 16px;	z-index: 1000;}
#imageFlow .track {position: absolute; left: 1%; width: 98%; height: 16px; filter: alpha(opacity=30); opacity: 0.3;}
#imageFlow .arrow-left {position: absolute; left:0;}
#imageFlow .arrow-right {position: absolute; right: 0px;}
#imageFlow .bar {position: absolute; height: 16px; left: 25px; cursor: e-resize;}
/* IMAGE FLOW CLOSED */



/* © 2009 Cobayashi */