body {
font-family: Peralta, Verdana;
background-color:#95BCED;
}

div#container {
  width:960px;
  margin:auto;
  margin-top:20px;

}
header {
  background-color:#95BCED;
  width:960px; /*+*/
  height:150px;
  /*+*/
  background-image: -webkit-linear-gradient(top, #95BCED, #B7D1F0);
  background-image:    -moz-linear-gradient(top, #95BCED, #B7D1F0);
  background-image:     -ms-linear-gradient(top, #95BCED, #B7D1F0);
  background-image:      -o-linear-gradient(top, #95BCED, #B7D1F0);
 /* background-image: url(../images/old-plumbing.jpg);*/ /*+*/
}

nav {
  background-color:#70996A;
  height:40px; /*+*/
}
 
/*+*/
footer a:link {
  color:#D8D8D8;
}
 
footer {
  background-color:#2C5463;
  color:#FFFFFF;
  background-image: url(../img/blue_fade.png);
  height:100px;
  clear:both;
 
  /*+*/
 background-image: -webkit-linear-gradient(top, #95BCED, #B7D1F0);
  background-image:    -moz-linear-gradient(top, #95BCED, #B7D1F0);
  background-image:     -ms-linear-gradient(top, #95BCED, #B7D1F0);
  background-image:      -o-linear-gradient(top, #95BCED, #B7D1F0);
}

 /* BEGIN FOOTER STYLES */
 
footer p#about {
  width:300px;
  margin:20px 50px 0px 30px; /* Play with these to suit */
  float:left; /* Other elements in the footer will wrap to the right of this */
}
 
footer div#footerlist {
  float:right; /* Place this on the other side of the footer */
  padding-right:40px;
  margin-top:10px; /* Play with this */
}
 
footer div#footerlist ul  {
  padding-left:0px; /* Unindent the list so it lines up with the h3 above it. */
}
 
footer div#footerlist ul li {
  list-style-type:none; /* Remove default discs from list items. */
}
 
footer div#footerlist h3 {
  margin-top:0px;
}
 
footer p#footercopy {
  clear:both;
  text-align:center;
  font-size:0.9em; /* Slightly smaller text for copyright text. */
}
 
/* END FOOTER STYLES */

aside, footer {
  padding:10px;
}

article#article {
	background-color:#B7D1F0;
	border:3px solid #95BCED;
  border-radius: 20px;
  border-top-left-radius: 50px 25px; 
  
  padding-left:25px; /*+*/
  padding-right:25px; /*+*/
  padding-bottom:20px;
	
}
section#main {

  color: #23425a;  	
  background-color:#A4CCFD;
  background-image: -webkit-linear-gradient(top, #B7D1F0, #95BCED);
  background-image:    -moz-linear-gradient(top, #B7D1F0, #95BCED);
  background-image:     -ms-linear-gradient(top, #B7D1F0, #95BCED);
  background-image:      -o-linear-gradient(top, #B7D1F0, #95BCED); 
  
  width:710px; /*+*/
  float:left;
  padding-left:25px; /*+*/
  padding-right:25px; /*+*/
  padding-bottom:20px; /*+*/
 
 /*  border:3px solid #4B4B4B;
  border-radius: 20px;
  border-top-left-radius: 50px 25px; */
 
}
 
 section#main article h1 {
 /* font-family:Tahoma;*/

 text-shadow: 0 0 2px #000; /* horizontal-offset vertical-offset 'blur' colour */
  -moz-text-shadow: 0 0 2px #000;
  -webkit-text-shadow: 0 0 2px #000;
  color: #ffffff; 
  font-size:1.4em;
  letter-spacing:1.25px;
  line-height:1.25em;
  

}

 section#main  h2 a{
 	text-decoration:none;
 text-shadow: 0 0 2px #000; /* horizontal-offset vertical-offset 'blur' colour */
  -moz-text-shadow: 0 0 2px #000;
  -webkit-text-shadow: 0 0 2px #000;
  color: #ffffff; 
  font-size:0.7em;
  letter-spacing:1.25px;
  line-height:1.25em;
  float:right;
  padding-top:10px;
  padding-bottom:10px;
}

 section#main article h3 {
 /* font-family:Tahoma;*/

 text-shadow: 0 0 2px #000; /* horizontal-offset vertical-offset 'blur' colour */
  -moz-text-shadow: 0 0 2px #000;
  -webkit-text-shadow: 0 0 2px #000;
  color: #FFFFFF; 
  font-size:1.2em;
  letter-spacing:1.25px;
  line-height:1.25em;
  

}

 section#main article p {
 /* font-family:Tahoma;*/
  font-size:1.1em;
  letter-spacing:1.25px;
  line-height:1.25em;
  

}

section#main .article_img {
  float:left;
  width:300px;
  padding:5px;
  border:1px solid gray;
  margin: 5px 20px 5px 0px;
}

section#main .article_img p {
  margin-top:0px;
  margin-bottom:0px;  
  font-size:0.8em;
  font-style:italic;
  padding-top:5px;
}

section#main .robot_img {
  float:left;
  width:300px;
  padding:5px;
  border:1px solid gray;
  margin: 5px 20px 5px 0px;
}

section#main .robot_img p {
  margin-top:0px;
  margin-bottom:0px;  
  font-size:0.8em;
  font-style:italic;
  padding-top:5px;
}

aside {
  background-color:#95BCED;
    /*+*/
  background-image: -webkit-linear-gradient(top, #B7D1F0, #95BCED);
  background-image:    -moz-linear-gradient(top, #B7D1F0, #95BCED);
  background-image:     -ms-linear-gradient(top, #B7D1F0, #95BCED);
  background-image:      -o-linear-gradient(top, #B7D1F0, #95BCED);
  
  width:180px; /*+*/
  float:right; 
}

/*+*/
header h1 { 
  text-indent: -3000px; 
}

/*img#headerimg {
  position:relative;
  top:7px;
  left:100px;
}


img#headerappleimg {
  position:relative;
  top:-40px;
  left:180px;
}

img#headergoogleimg {
  position:relative;
  top:10px;
  left:40px;
}
*/

img#headerimg {
  position:relative;
  top:7px;
  left:250px;
}


img#headerappleimg {
  position:relative;
  top:10px;
  left:10px;
}

img#headergoogleimg {
  position:relative;
  top:10px;
  left:10px;
}

img#logoimg {
    position:relative;
    left:320px;
}

div#facebook {
	 position:relative;
  top:10px;
  left:20px;
}

/* START NAV MENU */
nav {
  background-color:#B7D1F0;
  height:40px;
  padding-left:30px;
}
 
 
nav ul {
  font-family: Peralta, Verdana;
  font-size: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
nav ul li {
  display: block;
  position: relative;
  float: left;
 
}
 
nav li ul { 
  display: none; 
}
 
nav ul li a {
  display: block;
  text-decoration: none;
 /* padding: 7px 15px 3px 15px;*/
  padding: 7px 15px 3px 15px;
  background: #B7D1F0;
  color: #ffffff;  
  margin-left: 1px;
  white-space: nowrap;
  height:30px; /* Width and height of top-level nav items */
  width:80px;
  text-align:center;
 
}
 
nav ul li a:hover { 
  background: #3F8FF1; 
}
 
nav li:hover ul {
  display: block;
  position: absolute;
  height:30px;
}
 
nav li:hover li {
  float: none;
  font-size: 15px;
 
}
 
nav li:hover a { 
  background: #95BCED; 
  height:30px; /* Height of lower-level nav items is shorter than main level */
}
 
nav li:hover li a:hover { 
  background: #3F8FF1; 
}
 
nav ul li ul li a {
    text-align:left; /* Top-level items are centered, but nested list items are left-aligned */
}
 
/* END NAV MENU */