body { background: url(company-bg.gif) repeat-x center top; position: relative; height: 100%; }

.short { margin-top: 270px; }
.short .text { color: black; width: 50%; margin-bottom: 2em; float: left; }
.short .text p { font-size: 100%; line-height: 150%; margin-bottom: 1.6em; }
.short p.switch { margin-bottom: 0; }

.short .add { float: left; width: 30%; margin-left: 9%; position: relative; top: -0.5em; }
.short .add h2 { color: #e85708; font-family: Georgia, serif; font-size: 150%; line-height: 130%; }

.extend { /*height: 33em;*/ width: 100%; margin: 0; }
.extend .text { font-size: 100%; margin-bottom: 1.5em; }
.extend .text { width: 50%; }
.extend .text .phrase { position: relative; }
.extend .text .phrase .in { display: none; }
.extend .text .phrase .in .end { position: relative; top: -4px; }
html*.extend .text .phrase .in .end { top: 0; //top: 2px; }
.extend .text .link { font-family: Georgia, serif; color: #e85708; border-color: #e85708; font-size: 120%; position: relative; top: -0.15em; white-space: nowrap; }
.extend p.switch { margin-top: 2.5em; }

.extend .text .selected .link { border: 0; cursor: auto; }
.extend .text .selected .in { display: block; position: absolute; left: 100%; margin-left: 4em; top: 0; width: 90%; }
.extend .text .selected .in p { color: black; }
.extend .text .selected .in p strong { font-weight: normal; font-size: 110%; }


p.switch { font-style: italic; font-family: serif; }

.link { border-bottom: 1px dashed #ffa200; color: #ffa200; cursor: pointer; }

/*.block { border: 1px solid red; }*/

#Snake { position: absolute; left: 0; top: 0; z-index: 19; width: 100%; overflow: hidden; }
#Snake .snake { position: absolute; left: 210px; top: 290px; width: 37px; height: 37px; overflow: visible !important; display: none; }
#Snake .snake img { position: absolute; z-index: 2; }
#Snake .snake img.s1 { left: 1px; top: 1px; }
#Snake .snake img.s2 { left: -25px; top: 1px; }
#Snake .snake img.s3 { left: 1px; top: -25px; }
#Snake .snake img.s4 { left: 1px; top: 1px; }
#Snake .start { width: 14px; height: 63px; background: url(start.gif) no-repeat; position: absolute; margin-left: 10px; margin-top: -13px; z-index: 1; }
#Snake .stop { position: absolute; left: -100px; top: 100px; margin: 7px 0 0 7px; }
#Snake .player { width: 37px; height: 37px; background: url(player.gif) no-repeat center; position: absolute; left: -100px; top: -100px; }

#Snake .figures { display: block; position: absolute; width: 1; height: 1; overflow:hidden; left: -1px; top: -1px; }

#Snake .field { position: absolute; left: 0; top: 0; overflow: hidden; z-index: 2; }
#Snake .field .snake { display: block; z-index: 2; }
#Snake .parking { position: absolute; z-index: 1; left: -100px; top: -100px; }
#Snake .field .figure { position: absolute; display: block; z-index: 1; }

#StartGame,
.btn-start { position: absolute; margin-top: -23px; z-index: 1; cursor: pointer; }
.btn-start { z-index: 21; }

#StartGame .overed { display: none; }
#StartGame .s, #StartGame .p { display: none; }
#StartGame.start .s { display: block; }
#StartGame.pause .p { display: block; }
#StartGame.over img { display: none; }
#StartGame.over img.overed { display: block; }

#Snake .intro { font-size: 85%; font-style: italic; width: 15em; color: #474747; /*text-indent: -1.2em;*/ position: absolute; left: 685px; top: 160px; margin-left: 10px; margin-top: 11px; padding-left: 1.2em; text-align: left; //background: white; }

#Areas { position: absolute; left: 0; top: 0; }
#Areas div { position: absolute; }

#Debug { position: absolute; left: 0; top: 0; z-index: 999; }
#Debug div { position: absolute; background: red; }

#layout { z-index: 20; }

.extend .text .selected span:hover, .extend .text .selected span.hovered { color: #e85708 !important; }

#EndText { position: absolute; width: 100%; min-width: 75em; left: 0; top: 0; }
#EndText div { position: absolute; display: none; right: 3%; top: 250px; font-family: Georgia, serif; font-size: 85%; font-style: italic; margin-top: -8px; white-space: nowrap; text-align: left !important; }
html*#EndText div { font-size: 90%; //font-size: 80%; }
#EndText span { color: #ffa200; }
#EndText .line { position: relative; margin-right: -0.31em; top: -2px; }
html*#EndText .line { top: 0; }