New Login Page visuals
diff --git a/bundles/org.eclipse.orion.client.core/web/mixloginstatic/LoginWindow.html b/bundles/org.eclipse.orion.client.core/web/mixloginstatic/LoginWindow.html
index 7b0eee4..43f1e27 100644
--- a/bundles/org.eclipse.orion.client.core/web/mixloginstatic/LoginWindow.html
+++ b/bundles/org.eclipse.orion.client.core/web/mixloginstatic/LoginWindow.html
@@ -8,22 +8,31 @@
 <script src="js/htmlAuth.js"></script>

 <title>Login Page</title>

 </head>

-<body style="margin: 0; padding: 0;">

-	<div class="orion-login-container" id="login-window" style="display:none;">

+<body style="margin: 0; padding: 0; min-height:400px;">

+	<div class="orion-banner">

+		<div class="orion-nav-bar">

+			<div class="orion-logo"></div>

+		</div>

+	</div>

+	<div class="orion-login-container" id="login-window" style="display:none;min-height:400px;">

 		<div class="orion-landing-area">

 			<div id="errorWin"  class="orion-error" style="visibility: hidden;" aria-atomic="true" aria-live="assertive">

 					<div id="errorMessage">&nbsp;</div>

 			</div>

-			<div class="orion-banner"></div>

+

 			<div class="orion-welcome-area">

-				<div class="orion-welcome-area-text">

+				<div class="orion-slogan">

+					<div class="orion-slogan-highlight">Tools for the web</div>

+					<div class="orion-slogan-lowlight">on the web</div>

+				</div>

+				<!-- div class="orion-welcome-area-text">

 					<h1>Welcome to Orion</h1>

 					<div class="orion-welcome-area-text-content">Orion is a web based developer platform supporting editing, testing and deploying web applictions. Orion has built in Git support. So create an

 						account, clone a repository to OrionHub and start editing</div>

-				</div>

+				</div -->

 			</div>

 			<div class="orion-login" id="orionLogin">

-				<div class="orion-login-header">User Login</div>

+				<div class="orion-login-header">Log in</div>

 				<form>

 					<div class="orion-input-holder">

 						<input type="text" class="orion-text-input" name="login" id="login" value="username" onclick='focusUserField(event)' title="Username or email" autocomplete="on"

@@ -78,7 +87,7 @@
 

 			<div class="orion-open" id="orionOpen">

 				<!-- div class="orion-or-div">or</div><input type="submit" class="orion-google-button" value="Sign in with Google"><input type="submit" class="orion-openid-button" value="Sign in with OpenId" -->

-				<div id="openIDLogin" class="orion-open-header">Login with:</div>

+				<div id="openIDLogin" class="orion-open-header">Log in with:</div>

 				<div class="orion-open-images">

 					<a class="loginWindow googleIcon" href="javascript:confirmOpenId('https://www.google.com/accounts/o8/id')" aria-labelledby="openIDLogin googleLogin"> 

 						<div id="googleLogin" class="googleIcon" alt="Google" title="Google"></div>

diff --git a/bundles/org.eclipse.orion.client.core/web/mixloginstatic/css/landing.css b/bundles/org.eclipse.orion.client.core/web/mixloginstatic/css/landing.css
index 5993a26..d18fc63 100644
--- a/bundles/org.eclipse.orion.client.core/web/mixloginstatic/css/landing.css
+++ b/bundles/org.eclipse.orion.client.core/web/mixloginstatic/css/landing.css
@@ -1,6 +1,10 @@
 body {
-	font: 14px/18px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
+	font: 14px/18px 'Lucida Sans Unicode', 'Lucida Grande', "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
 	color: #333;
+	background:#fafafa;
+	min-height:400px;
+	clear: both;
+	overflow:hidden;
 }
 
 input::-moz-focus-inner /*Remove button padding in FF*/
@@ -9,7 +13,55 @@
     padding: 0;
 }
 
+.orion-banner{
+	margin: 0;
+	border: 0;
+	background: #333;
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#333));
+	background: -moz-linear-gradient(top, #333 0%, #333 100%);
+	height: 28px;
+	padding-top: 2px;
+	padding-bottom: 2px;
+	padding-left: 8px;
+	padding-right: 8px;
+	vertical-align: baseline;
+	position:absolute;
+	width:100%;
+}
 
+.orion-nav-bar{
+	padding-top: 6px;
+	padding-right: 5px;
+}
+
+.orion-logo{
+	background: url('orion-transparent.png') no-repeat;
+	float:left;
+	height:14px;
+	width:37px;
+}
+
+.orion-slogan{
+	width:320px;
+	float:right;
+	text-transform:lowercase;
+}
+
+.orion-slogan-highlight{
+	color:#ffc000;
+	font-size:30px;
+	font-weight: bold;
+	line-height:26px;
+}
+
+
+.orion-slogan-lowlight{
+	font-size:35px;
+	font-weight: normal;
+	line-height:35px;
+	color:#222;
+
+}
 
 .orion-welcome-area {
 	position: absolute;
@@ -17,12 +69,12 @@
 	left: 0;
 	display: block;
 	width: 520px;
-	height: 328px;
+	height: 331px;
 	opacity: 0.8;
-	background: url('combined.jpg');
-	background-position: -0px -201px; width: 520px; height: 330px;
-	border-radius: 5px;
-	box-shadow: 0 1px 0 rgba(0,0,0,.2),0 0 125px rgba(255,255,255,.35);
+	background: url('welcome.jpg');
+	/* background-position: -0px -201px; width: 520px; height: 330px; */
+/*	border-radius: 5px; */
+	/* box-shadow: 0 1px 0 rgba(0,0,0,.2),0 0 125px rgba(255,255,255,.35); */
 }
 
 .orion-welcome-area-text {
@@ -55,9 +107,10 @@
 	height: 328px;
 	width: 838px;
 	margin: -154px 0 0 -418px;
+	min-height:400px;
 }
 
-.orion-welcome-area, .orion-login, .orion-register, .orion-open, .orion-signup, .orion-error{
+.orion-login, .orion-register, .orion-open, .orion-signup, .orion-error{
 	border-radius: 4px;
 	border: solid 1px #CCC;
 }
@@ -88,7 +141,7 @@
 
 .orion-login, .orion-register, .orion-open {
 	background: white;
-	box-shadow: 0 1px 0 rgba(0,0,0,.1);
+	/* box-shadow: 0 1px 0 rgba(0,0,0,.1); */
 	padding:10px;
 }
 
@@ -305,11 +358,11 @@
 	height: 41px;
 	float:left;
 	padding-right:5px;
-	opacity:0.7;
+	opacity:0.5;
 }
 
 .yahooIcon:hover{
-	opacity:0.4;
+	opacity:0.6;
 }
 
 .openIdIcon{
@@ -319,11 +372,11 @@
 	height: 40px;
 	float:left;
 	padding-right:5px;
-	opacity:0.7;
+	opacity:0.5;
 }
 
 .openIdIcon:hover{
-	opacity:0.4;
+	opacity:0.6;
 }
 
 .googleIcon{
@@ -333,11 +386,11 @@
 	height: 40px;
 	float:left;
 	padding-right:5px;
-	opacity:0.7;
+	opacity:0.5;
 }
 
 .googleIcon:hover{
-	opacity:0.4;
+	opacity:0.6;
 }
 
 .aolIcon{
@@ -347,9 +400,9 @@
 	height: 40px;
 	float:left;
 	padding-right:5px;
-	opacity:0.7;
+	opacity:0.5;
 }
 
 .aolIcon:hover{
-	opacity:0.4;
+	opacity:0.6;
 }
\ No newline at end of file
diff --git a/bundles/org.eclipse.orion.client.core/web/mixloginstatic/css/orion-transparent.png b/bundles/org.eclipse.orion.client.core/web/mixloginstatic/css/orion-transparent.png
new file mode 100644
index 0000000..563010e
--- /dev/null
+++ b/bundles/org.eclipse.orion.client.core/web/mixloginstatic/css/orion-transparent.png
Binary files differ
diff --git a/bundles/org.eclipse.orion.client.core/web/mixloginstatic/css/welcome.jpg b/bundles/org.eclipse.orion.client.core/web/mixloginstatic/css/welcome.jpg
new file mode 100644
index 0000000..7c0cbb5
--- /dev/null
+++ b/bundles/org.eclipse.orion.client.core/web/mixloginstatic/css/welcome.jpg
Binary files differ