Synnefo

.cloudbar ul.services li.active                 { background:#333;}

.cloudbar ul.services li:hover                  { background:#444; } 

.cloudbar .red-border							{ border:2px solid red; }

@media screen and (max-width : 480px) 		{ 

	.cloudbar .profile 							{ float:none; }	 

	.cloudbar .services li:first-child			{ position:absolute; left:0; top:0; background:#000}

*/

.right-align									{ text-align:right; }			

.auth_methods ul								{ overflow:hidden; padding:0; }

.auth_methods ul li								{ list-style:none outside none; padding:0; margin:0 0 5px 0; }

.auth_methods ul li a							{ display:inline-block; height:50px; overflow:hidden; vertical-align:middle; }

.landing-page .dotted							{ padding-bottom:40px; margin-bottom:40px; }

.landing-page .cyclades a						{ color:#04a0af; }

.landing-page .dashboard a						{ color:#3780b0; }

.landing-page .rt 								{ text-align:center;vertical-align:middle; } 

	<h2>WELCOME TO OKEANOS</h2>

	<div class="two-cols clearfix dotted pithos">

		<div class="rt">

		</div>

		<div class="lt">

 			<a href="">Pithos</a> takes you to the storage service where up to 50 gigs

	</div>

	<div class="two-cols clearfix dotted cyclades">

		<div class="rt">

		</div>

		<div class="lt">

 			<a href="">Cyclades</a> to the compute and network cervice where you can

	</div>

	<div class="two-cols clearfix dotted dashboard">

		<div class="rt">

		</div>

		<div class="lt">

 			On the right you can accesss your <a href="">dashboard</a> to create

	</div>

	<div class="two-cols clearfix dotted cms">

		<div class="rt">

		</div>

		<div class="lt">

click on the logo  icon on the far left.

		</div>

	</div>

</div>