positioning
diff --git a/images/OTJ8-concepts.png b/images/OTJ8-concepts.png
index ba29257..33686f9 100644
--- a/images/OTJ8-concepts.png
+++ b/images/OTJ8-concepts.png
Binary files differ
diff --git a/pages/otj_java8.html b/pages/otj_java8.html
index 5cf8690..1d65093 100644
--- a/pages/otj_java8.html
+++ b/pages/otj_java8.html
@@ -19,28 +19,28 @@
</div>
<div class="col-md-8 col-md-offset-1">
<span style="display:inline-block; width:180px;font-size:22px;margin-top:40px;">
- <a href="/objectteams/documentation.php" style="color:#ddd;"
+ <a href="/objectteams/documentation.php" style="color:#aaa;"
onMouseOver="this.style.color='#F7941E'"
- onMouseOut="this.style.color='#ddd'">Documentation</a></span>
+ onMouseOut="this.style.color='#aaa'">Documentation</a></span>
<span style="display:inline-block; width:180px;font-size:22px;">
- <a href="/objectteams/download.php" style="color:#ddd;"
+ <a href="/objectteams/download.php" style="color:#aaa;"
onMouseOver="this.style.color='#F7941E'"
- onMouseOut="this.style.color='#ddd'">Download</a></span>
+ onMouseOut="this.style.color='#aaa'">Download</a></span>
<span style="display:inline-block; width:180px;font-size:22px;">
- <a href="/objectteams/support.php" style="color:#ddd;"
+ <a href="/objectteams/support.php" style="color:#aaa;"
onMouseOver="this.style.color='#F7941E'"
- onMouseOut="this.style.color='#ddd'">Support</a></span>
+ onMouseOut="this.style.color='#aaa'">Support</a></span>
<span style="display:inline-block; width:180px;font-size:22px;">
- <a href="/objectteams/getting_involved.php" style="color:#ddd;"
+ <a href="/objectteams/getting_involved.php" style="color:#aaa;"
onMouseOver="this.style.color='#F7941E'"
- onMouseOut="this.style.color='#ddd'">Getting Involved</a></span>
+ onMouseOut="this.style.color='#aaa'">Getting Involved</a></span>
</div>
</div>
<div id="container" style="margin-top:50px;background-image:url(images/OTJ8-concepts.png);background-repeat:no-repeat;background-position:30px 20px;width:773px;height:687px;">
- <h1 style="position:relative; left:200px; top:0px;height:36px;">Programming with OT/J is …</h1>
+ <h1 style="position:relative; left:200px; top:0px;height:36px;">OT/J on Java 8 is …</h1>
<h2 style="position:relative; left:170px; top:0px;height:24px;">Composition:</h2>
- <div style="position:relative; left:38px; top:10px; width:380px;height:300px;font-size:16px;">
+ <div style="position:relative; left:30px; top:10px; width:380px;height:300px;font-size:16px;">
The essence of object-oriented programming is to compose a system from a possibly large number of interacting classes and objects.
<p>
Since version 1.1, <b class="orange">Java</b> has not seen any enhancements for this task.
@@ -63,7 +63,7 @@
of <b>functional programming</b>.
</div>
<h2 style="position:relative; left:150px; top:-140px;"> Types:</h2>
- <div style="position:relative; left:262px; top:-218px; width:480px;font-size:16px;">
+ <div style="position:relative; left:262px; top:-203px; width:480px;font-size:16px;">
A rich type system is key for attaching <b>semantics</b> to the elements of your program.
<ul>
<li style="margin-left:-12px;"><b class="orange">Java 8</b> features …<br/>
