body { 
 font-size: small; 
 line-height: 175%; 
 /*background-image: linear-gradient(to bottom, mediumblue 0%, skyblue 45%, lightskyblue 75%, blue 100%); */
 background:linear-gradient (mediumblue, skyblue, lightskyblue, blue);
   }

 #header{
	margin-top: 0;
	margin-bottom: -5%;
	margin-left: 40px;
}

nav{
	width:100%;
	background-color:#0237b0;
	text-align:center;
}

nav ul{
	width:100%;
	list-style:none;
}

nav ul li{
	display:inline;
	padding-left:5px;
	padding-right:5px;
}

nav ul li a{
	font-family:verdana, Helvetica, sans-serif;
	font-size:12pt;
	color:aliceblue;
	padding-left:10px;
	padding-right:10px;
	background-color:none;
	text-decoration:none;
}

nav ul li a:hover{
	font-family:verdana, Helvetica, sans-serif;
	font-size:12pt;
	color:black;
	padding-left:2px;
	padding-right:2px;
	background-color:white;
	text-decoration:none;
}
	

 /*#links {
	float:left;
	width:14%;
	margin-left: 10px;
}*/

 #main {
	/*position: absolute;
    left: 200px;
    top: 500px;*/
	width: 55%;
	margin-left:250px;
	/*margin-right:50px;*/
	background-color:aliceblue;
}

  #extras {
  	position: absolute;
    right: 10px;
	float:right;
    top: 500px;
	width:22.5%;
	background-color:aliceblue;
}
aside{
	float:left;
	width:22.5%;
}

  /*#footer {
	position:absolute;
	top:1450px;
	clear:left;	
}*/

 li {
	list-style-image:  url("waterbullet.gif");		
}

 a ul {  
  	list-style-type: none;
    margin: 0;   
 	padding: 0;
} 
 
a li {
   	display: inline;
	}


#products ul{
	
	
	list-style-type: none;
    margin: 0;
    padding: 0;
	background-color: white;		
}
 
#products li {	
    display: inline;
	padding: 8em;
}

#products p {
	/*position:absolute;
	top:1550px;*/
	clear:left;	
}


 p {
	font:verdana,helvetica,san-serif;
	font-size: 1.75em;
	padding: 1em;
}

 h1  { 
   	font-size: 10em; 
   	color:#00ccff;
    text-shadow:
         -.05em -.05em .05em white,
         .03em .03em .05em black;
 }
 
#droplet{
	position:absolute;
	top:1000px;
	left:16px;
}
 
h2  {
	font: bold 5em Georgia, serif;
   	text-transrom: uppercase;
   	letter-spacing: 8px;
   	color:black; 
    text-shadow:
         -.05em -.05em .05em white,        
			      .03em .03em .05em skyblue; 
 } 
 

 h3  {
	font: bold 2em Georgia, serif; 
  	text-transrom: uppercase; 
  	letter-spacing: 8px;
   	color:black;  
    text-shadow:
         -.05em -.05em .05em white,    
			     .03em .03em .05em skyblue; 
 }
 

h4  {
	font: bold 1em Georgia, serif;  
   	letter-spacing: 5px;  
 	color:black;  
   }