body
{
background-color:black;
background-image:
  radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 40px),
  radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 30px),
  radial-gradient(white, rgba(255,255,255,.1) 2px, transparent 40px),
  radial-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 2px, transparent 30px);
background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px; 
background-position: 0 0, 40px 60px, 130px 270px, 70px 100px; 
}
body
{
font-family:Georgia,Trebuchet,Times, Times New Roman;
}

.lavaLampWithImage {
position: relative;
top:320px;
left:100px;
height: 30px;
width: 650px;
background:tranparent;
padding: 0px 10px;
margin:0;
padding:0;
overflow: hidden;
}
.lavaLampWithImage li {
float: left;
list-style: none;
}
.lavaLampWithImage li.back {
background: url("js/lavashadow.png") no-repeat right -25px;
width: 7px; height: 29px;
z-index: 8;
position: absolute;
}
.lavaLampWithImage li.back .left {
background: url("js/lavashadow.png") no-repeat top left;
height: 29px;
margin-right: 7px; /* aprox 2px less than width of the rounded shape */
}
.lavaLampWithImage li a {
font: bold 14px Georgia,Trebuchet,Times, Times New Roman;
text-decoration: none;
color: #000000;
outline: none;
text-align: center;
top: 5px;
text-transform: uppercase;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 10px;    
}
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
border: none;
}

/* 3D TEXT USING TEXT-SHADOW*/

h1 {
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

.splash
{
-moz-box-shadow: 0px 0px 6px #ffffff; /* FF3.5+ */
-webkit-box-shadow: 0px 0px 6px #ffffff; /* Saf3.0+, Chrome */
box-shadow: 0px 0px 6px #ffffff;
height:400px;
width:800px;
margin:10px auto;
background:url("grey_splash.jpg") no-repeat;
}

.footer
{
position:relative;
width:100%;
height: auto;
text-align:center;
margin:50px auto;
padding:0;
}


#windowcontent
{
width:800px;
text-align:center;
}